/* bluegrey #E7E7E7 */
#
/* ------------------------------- */
/*    GLOBAL STUFF & RESET         */
/* ------------------------------- */
html, body, div, p, h1, h2, h3, h4, img, ul, li, a {
	margin: 0;
	padding: 0;
	border:0 none;
}

body {
	font-family: Verdana, Arial, sans-serif;
	text-align:left;
	font-size: 62.5%;  /* 1em = 10px , 1.4em = 14px */
}

a { 
    text-decoration: none; 
    color: #57A6BF;
}

a:hover {
    color: #016E92;
}

p, h1, h2, h3, h4 { font-size: 1.3em; }
img { border:none; }
/* body { text-align:center; } */
html { text-align:center; }
body { text-align:left; margin:0 auto; }



/* ------------------------------- */
/*    LAYOUT                       */
/* ------------------------------- */
/* PARTS WIDTHS: 
body = left + content + right
800  = 210    + 400     + 190 
*/                                               
body, #header { width: 900px; }  

#header {
overflow: hidden
}

#content-area { 
        width: 900px;
/*        padding: 0 0 0 20px; */
/*        border: 1px #EEE solid; */
        height: auto;
        }
        
#left,#content,#right { 
    float: left; 
}

#left {
/*    width: 270px; */
    width: 290px;
}

body.home #left { 
    width: 250px;
}

body.tabs #left {
    display: none;
    visibility: hidden;
}


#content { width: 570px; }

body.box #content { width: 380px; }


body.tabs #content { 
        width: 900px; 
        padding: 0px;
        }
        
body.tabs #content h1{
    font-size: 1.8em;
    }
        
        
#right{ 
    display: none;
    visibility: hidden;
}

body.box #right { 
    display: block;
    visibility: visible;
    width: 190px; 
}

#logo { position:relative; top:0; padding-left: 6px;
    height: 137px;
}

#mainnav { 
    left: 0px; 
    top: 0;
    background: url('../img/mainnav_bg.png') no-repeat -6px -4px;    
    width: 290px; 
    height: 280px; 
    position: relative;
    padding-top: 25px;
    padding-left: 20px;
    visibility: hidden;
/*    margin-left: -10px; */
}

#head_content {
    left: 290px;
    top: -295px;
    width: 610px; 
    height: 280px; 
    position: relative; 
}

#footer {
    background: transparent url('../img/footer_line.png') repeat-x scroll 0 0;
    height: 20px;
    margin: 20px 0px 0 0;
    padding: 2px 0 0 6px;
}

#footer p{
    margin-top: 0px;
    font-size: 1em;
}

/* ------------------------------- */
/*    DECORATION                   */
/* ------------------------------- */  
body { background:url('../img/background_head_3.png') repeat-x 0 0;}
#header { height: 481px; background:url('../img/background_rectangle.png') no-repeat -150px 0px; position:relative;}
#footer { background-color }

body.home #left {
    background: transparent url('../img/news_bg.png') repeat-x scroll 0 22px;

}

body.home #left p{
    font-size: 1.2em;
}

body.home #left div.tabs {
    width: 100px;
    height: 22px;
    margin-left: -20px;
    padding-left: 20px;
    background-color: #E7E7E7;
}

body.home #left div.tabs h2 {
    padding: 4px 0 0 0;
    font-family: Arial, sans-serif;
    color: #003853;
    font-weight: bold; 
    font-size: 1.4em;
    margin: 0;
}

body.home #left .csc-header {
    padding-top: 25px;
    background: transparent url('../img/news_line.png') no-repeat scroll 15px 10px;
}

body.home #left .csc-header-n1 {
    padding-top: 0;
    background: none;
}

body.home #left .csc-header h1{ 
    font-family: Arial, sans-serif;
    font-weight: bold; 
    font-size: 1.2em;
    color: #000;
    margin-bottom: -10px;
}

body.home #left .csc-header-date{
    color: #999;
}


/* ------------------------------- */
/*    NAV                          */
/* ------------------------------- */
.nav ul, .nav { 
list-style-type: none; 
list-style-position: outside;
padding-left: 0;
margin-left: 0;
}

/*.nav ul ul { margin-left: 1em;}  */    

#service { float:right; margin:30px 10px 0 0; }
#service li { float:left; margin-left:10px; 
              text-transform: uppercase; }
              
#service li a:hover, #service li.active{ text-decoration: underline; }
#service li, #service li a { color:#003E51; }

#mainnav ul{
   padding-bottom: 10px;
   background: transparent url('../img/mainnav_alpha.png') no-repeat scroll 6px bottom;
}

#mainnav ul ul{
    background: none;
    padding-bottom: none;
}

#mainnav ul li a{ font-size: 2em;  font-weight: lighter; color:#666; margin-bottom: 0.8em; text-transform: uppercase;
}

#mainnav ul li{
   padding-left: 15px;
   padding-top: 6px;
   background: transparent url('../img/mainnav_alpha.png') no-repeat scroll 6px 0;
}

#mainnav ul li.active{
    overflow: hidden;
}

#mainnav li li{
   background: none;
   font-size: 0.8em;
}

#mainnav ul li.active a{ color: #000; }

#mainnav ul li a{ font-size: 1.8em;  font-weight: lighter; color:#929292; margin-bottom: 0.8em; }
#mainnav ul li.active a{ color: #000; }

#mainnav ul li.active ul li a{  color:#666; margin-bottom: 0.8em; margin-left: 2em; }

#mainnav ul li ul li.active a{  color:#000; margin-bottom: 0.8em; margin-left: 2em; }

#subnav ul li a{ font-size: 1.4em;  font-weight: lighter; color:#666; margin-bottom: 0.8em; }
#subnav ul li.active a{ color: #000; }


/* ------------------------------- */
/*    FONTS & MARGINS              */
/* ------------------------------- */

h1 { font-size:2.4em; 
     color: #016E92;
     font-weight:normal; 
}

h2 { font-size: 1.8em; 
     margin: 25px 0 -5px 0;
     color: #57A6BF;
     font-weight: normal; 
    }

h3 { font-size: 1.5em; 
     margin:0 0 0 0; 
     color: #000;
     font-weight: bold; 
    }
    
h4 { font-size: 1.5em; 
     margin:0 0 1em 0; 
     color: #016E92; 
     font-weight: bold; 
}    
    
p { margin-bottom:0.5em; }

#head_content .text, #head_content .csc-header  {
    margin-left: 20px;
}

#left { 
    padding-top: 20px;
}

body.home #left, #subnav{ 
    padding: 0 20px; 
}


#left{
    color: #656565;
}


#content {
/*    padding: 20px 20px 0px 40px; */
    padding: 20px 20px 0px 20px;
}

#content ul li{
    font-size: 1.3em;
}

body.tabs #content ul li{
    font-size: 1em;
}


#right {
    padding-top: 20px;
}


#right .csc-textpic-text {
/*  border: #EFEFEF 2px solid; */
  margin-bottom: 5px;
  font-size: 0.8em;
}

#right .csc-header {
    background: transparent url('../img/right_bar.png') repeat-x scroll 0 0;
    height: 22px;
    margin-top: -13px;
}

#right .csc-header-n1 {
    margin-top: 0;
}

#right .csc-header h1{
    font-size: 1.2em;
    color: #016e92;
    padding-left: 15px;
    padding-top: 5px;    
}


body.home #right .csc-textpic-image {
    margin: 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{
   margin-bottom: 0;
}

#rightt h2, h3,  p.bodytext, divv.csc-textpic-imagewrap{
  padding: 2px;
}


.csc-mailform {
 border: medium none;
 font-size:12px;
 margin-left: 0;
 padding-left: 0;
}

.csc-mailform-field{
    margin-top: 7px;
}

.csc-mailform-field label {
 display: block;
 float: left;
 width: 100px;
}
.csc-mailform-field.csc-mailform-radio fieldset {
 border:medium none;
}

