html
{
  height:                               100%;
  margin:                               0px;
  padding:                              0px;
}

body
{
  background-color:                     #e3e3e3;
  background-image:                     url(img/bg.body.png);
  background-repeat:                    repeat-y;
  background-position:                  50% 50%;
  color:                                #666666;
  font-family:                          verdana;
  font-size:                            0.75em;
  height:                               100%;
  margin:                               0px;
  padding:                              0px;
}

h1
{
  /*color:                                #00aadc;*/
  color:                                #666666;
  font-weight:                          bold;
  font-size:                            1.2em;
  margin:                               2em 0px 0px 0px;
  padding:                              0px;
}

strong
{
  color:                                #00aadc;
  font-weight:                          bold;
}

/*
 * pseudo
 */ 

a:link,
a:visited
{
  color:                                #00aadc;
  text-decoration:                      none;
}

a:active,
a:hover
{
  color:                                #00aadc;
  text-decoration:                      none;
}

a img
{
  border:                               none;
}

/*
 * structure
 */ 
 
#base
{
  overflow:                             hidden;
  margin:                               0px auto;
  width:                                900px;
}

#head
{
  background-color:                     white;
  height:                               96px;
  overflow:                             hidden;
}

#head img
{
  float:                                left;
  margin:                               24px 0px 0px 24px;
}

#defaultMenu
{
  float:                                left;
  overflow:                             hidden;
  margin:                               40px 0px 0px 0px;
  width:                                233px;
}

#content
{
  float:                                left;
  overflow:                             hidden;
  margin:                               40px 0px 0px 42px;
  width:                                560px;
}

/*
 * staticMenu
 */ 
 
#staticMenu
{
  float:                                right;
  display:                              inline;
  margin:                               8px 20px 0px 0px;
}


#staticMenu a
{
  font-size:                            0.92em;
  text-decoration:                      none;
  color:                                #666666;
}

#staticMenu li a:hover
{
  color:                                black;
}

#breadCrumbs a
{
  font-size:                            0.92em; 
}

/*
 * defaultMenu
 */ 
 
#defaultMenu ul#nav1  
{
  margin:                               0px 0px 0px 25px;
  padding:                              0px;
}

#defaultMenu ul#nav1 li
{
  border-bottom:                        1px solid white;
  list-style-type:                      none;
  margin:                               0px 0px 17px 0px;
  padding:                              0px 0px;
}

#defaultMenu ul#nav1 li a
{
  background-color:                     #413734;
  color:                                white;
  font-size:                            1.08em;
  padding:                              2px 7px;  
  text-decoration:                      none;
}

#defaultMenu ul#nav1 li a:hover,
#defaultMenu ul#nav1 li.nav1active a
{
  background-color:                     #00aadc;
}

#defaultMenu ul#nav1 li ul#nav2  
{
  margin:                               10px 0px 0px 0px;
  padding:                              0px;
}

#defaultMenu ul#nav1 li ul#nav2 li
{
  border-bottom:                        1px solid white;
  list-style-type:                      none;
  margin:                               0px 0px 2px 0px;
  padding:                              0px 0px;
}

#defaultMenu ul#nav1 li ul#nav2 li a
{
  background-color:                     white;
  color:                                #999999;
  font-size:                            0.85em;
  padding:                              0px 0px 0px 17px;
  text-decoration:                      none;
}

#defaultMenu ul#nav1 li ul#nav2 li a:hover,
#defaultMenu ul#nav1 li ul#nav2 li.nav2active a
{
  background-color:                     white;
  background-image:                     url(img/nav.arrow.png);
  background-position:                  1px 50%;
  background-repeat:                    no-repeat;
  color:                                #00aadc;
}

/**
 * formmailer
 **/ 
form.contactForm {
  margin-bottom:20px;
} 

form.contactForm div.formField {
  clear:left;
  margin:0px;
  padding:2px 0px;
}

form.contactForm label,
form.contactForm div.label {
  font-size:.9em;
  font-weight:normal;
  float:left;
  color:#666666;
  width:40%;
  display:block;
  margin-top:12px;
  text-align:left;
}

form.contactForm div.label {
  margin-top:25px;
  font-size:.9em;
}


form.contactForm label span,
form.contactForm div.label span {
  font-size:.8em;
  font-weight:normal;
  color:#00aadc;
}

form.contactForm div.input {
  float:left;
  width:55%;
  margin:0px;
  padding:12px 0px 0px 5px;
}

form.contactForm input.box,
form.contactForm input.radio {
  clear:left;
  float:left;
  padding:0px;
}

form.contactForm div.input label {
  float:left;
  font-weight:normal;
  font-size:.9em !important;
  width:250px;
  margin:2px 0px 0px 5px;
}


form.contactForm input.text,
form.contactForm textarea
{
  width:100%;
  font-size:.9em;
  border:1px solid #aaa;
  padding:2px 3px;
  font-family:Arial, Verdana, sans-serif;
}

form.contactForm textarea
{
  height:80px;
}

form.contactForm p.submit
{
  clear:left;
  padding:20px 0px 0px 231px;
  
}

form.contactForm p.submit input
{
  font-size:.9em;
}

form.contactForm p.info
{
  padding:0px 0px 0px 231px;
  margin-top:15px;
  font-size:.9em;
}

.formError {
  margin:15px 0px 5px 0px;
  border:1px solid #00aadc;
  background:#daeff6;
  padding:2px 4px;
  text-align:center;
  font-weight:bold;
  font-size:.9em;
}

/*
 * Content Layouts
 */ 
 
.blueBox
{
  border-top:                           1px solid #00aadc;
  border-left:                          1px solid #00aadc;
  border-bottom:                        1px solid #00aadc;
  border-right:                         1px solid #00aadc;
  margin-top:                           30px;
}

.blueBox h1
{
  color:                                #333333;
  margin:                               10px 0px 0px 20px;

}

.blueBox p
{
  font-size:                            .9em;  
  margin-left:                          20px;                              
}

.blueBox strong
{
  color:                                black;
}

.blueBox ul
{
  padding:                              0px;
  margin:                               15px 20px 15px 20px;
}

.blueBox li
{
  background-color:                     #daeff6;
  background-image:                     url(img/blueBox.arrow.png);
  background-position:                  15px 6px;
  background-repeat:                    no-repeat;
  border-bottom:                        1px solid white;
  color:                                #333333;
  font-size:                            .9em;                         
  list-style-type:                      none;
  padding:                              3px 0px 2px 30px;
  margin:                               0px 0px 13px 0px;      
}

.blueBox li a
{
  color:                                #333333;
  font-weight:                          bold;
}

.hilite
{
  color:#00aadc;
}
/*
.blueBox .csc-textpic-right .csc-textpic-image
{
  float:                                right;
  height:                               15px;
}

.blueBox h1
{
  float:                                left;
}

.blueBox .csc-textpic-text
{
  clear:                                both;
  margin-top:                           40px;
}*/