* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #3c67b0; }
a.white { text-decoration: underline; color: #fff; }
body {
font: 62.5% "Verdana", Tahoma, san-serif;  
margin: 0 auto;
background: #fff;
color: #333;
}
#wrapper {
margin: 0 auto;
width: 956px;
text-align: left;
}


/* header elements
--------------------------------*/
#header {
width: 956px;
height: 176px;
float: left;
}
#header img.logo {
background: #5e81bc;
width: 174px;
height: 176px;
float: left;
color: #fff;
font: bold 5em/1.1em "Arial", Helvetica, san-serif;  
}
#header img.images {
background: #98d7f8;
float: right;
margin: 0 0 0 3px;
font: normal 1.7em/1.1em "Arial", Helvetica, san-serif;  
color: #325fac;
}
#bar {
background: #e0e3ec url(img/h1-bg.gif) top left no-repeat;
float: right;
height: 44px;
width: 782px;
margin: 4px 0 0 0;
}
h1 {
color: #325fac;
font: normal 2.2em/1.1em "Arial", Helvetica, san-serif;  
margin: 8px 0 0 0; 
float: left;
}
h1.topimage {
color: #325fac;
font: normal 2.2em/1.1em "Arial", Helvetica, san-serif;  
margin: 8px 0 0 18px; 
float: left;
}
#bar p {
float: right;
color: #fff;
width: 160px;
margin: 12px 0 0 0;
font: normal 1.1em/1.1em "Tahoma", san-serif; 
text-align: right;
}
#bar p a {
color: #325fac;
margin-right: 15px;
text-decoration: none;
}
#bar p a:hover { text-decoration: underline; }


/* 2 or 3 columns
--------------------------------*/
#three-col {
width: 956px;
padding-bottom: 15px;
float: left;
background: url(img/content-bg.png) top left repeat-y;
}
#two-col {
width: 956px;
padding-bottom: 15px;
float: left;
background: url(img/content2-bg.png) top left repeat-y;
}


/* left column elements
--------------------------------*/
#leftcol {
width: 174px;
float: left;
padding-bottom: 25px;
} 
#nav {
width: 174px;
float: left;
}
#nav li {
float: left;
width: 174px;
}
#nav li a {
background: #3075be url(img/nav-bg.gif) top left no-repeat;
padding: 7px 4px 7px 10px;
border-bottom: 1px solid #2c6aae;
color: #fff;
width: 160px;
float: left;
font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;  
text-decoration: none;
}
#nav li a:hover { 
background: #3d88d2 url(img/nav-bg-active.gif) top left no-repeat; 
}
#nav li a.active, #nav li a.active:hover { 
background: #3d88d2 url(img/nav-bg-active.gif) top left no-repeat; 
padding-left: 10px;
border-bottom: 1px solid #3779c6;
width: 160px;
color: #fff;
}
#nav li li a {
padding: 4px 4px 4px 22px;
color: #fff;
background: #377bcb;
border-bottom: none;
width: 148px;
}
#nav li li a.active, #nav li li a.active:hover { 
background: #3d88d2 url(img/nav-bg-active.gif) top left no-repeat; 
padding-left: 22px;
width: 148px;
border-bottom: none;
color: #fff;
}

#nav li li li a {
padding: 4px 4px 4px 28px;
color: #fff;
background: #539ADF;
border-bottom: none;
width: 142px;
}
#nav li li li a.active, #nav li li li a.active:hover { 
background: #3d88d2 url(img/nav-bg-active.gif) top left no-repeat; 
padding-left: 28px;
width: 142px;
border-bottom: none;
color: #fff;
}

/* middle & wide column elements
--------------------------------*/
#content {
width: 578px;
float: left;
padding: 0 10px 25px 20px;
}
#two-col #content {
width: 752px;
float: left;
padding: 0 10px 25px 20px;
}
#content h2 {
color: #325fac;
margin: 35px 0 2px;
font: normal 2em/1.1em "Arial", Helvetica, san-serif;  
clear: left;
}
#content h3 {
color: #9a7256;
margin: 20px 0 12px;
font: normal 1.5em/1.2em "Arial", Helvetica, san-serif;  
clear: left;
}
#content h4 {
color: #325fac;
margin: 20px 0px 2px;
font: bold 1.3em/1.2em "Arial", Helvetica, san-serif;   
clear: left;
}
#content, #content p {
color: #333;
margin: 0;
padding-bottom:5px;
font: normal 1.1em/1.5em "Verdana", Tahoma, san-serif;  
}
/*
div.csc-textpic-imagewrap {
margin: 0 18px 10px 15px;
background: url(img/shadow.gif) bottom right no-repeat;
float: right;
padding: 0 5px 5px 0;
}
div.csc-textpic-imagewrap img { 
padding: 1px;
border: 1px solid #000;
background: url(img/shadow.gif) bottom right no-repeat;	
}
*/
div.imageshadow {
margin: 0 0 10px 0;
background: url(img/shadow.gif) bottom right no-repeat;
float: right;
padding: 0 5px 5px 0;
}
div.imageshadow  img { 
padding: 1px;
border: 1px solid #000;
}

#map {
background: #e8effb;
margin: 25px 35px;
padding: 10px;
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;  
}
#map iframe { margin: 0 0 5px 0; }
hr { 
height: 1px; 
background: #e0e3ec;
margin: 20px 35px 0 35px;
}




/* list elements
--------------------------------*/
ul, ol {margin:0;padding:0;}
#content ul li, #content ol li {margin:0 0 5px;padding:0;}
ol li {list-style-type: decimal;}
ol li ol li {list-style-type: decimal;}
ol li ol li ol li {list-style-type: lower-alpha;}
ol li ol li ol li ol li {list-style-type: lower-roman;}
ol li ol li ol li ol li ol li {list-style-type: decimal;}
#content ul, #two-col #content ul,
#content ol, #two-col #content ol  {
margin: 15px 35px;
/* font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;  */
}
#two-col #content ol li { margin-left: 18px;}
#content ul#maplinks, #two-col #content ul#maplinks { font: normal 1.1em/1.3em "Verdana", Tahoma, san-serif; }
#content ul li, #two-col #content ul li {
background: url(img/bullet.gif) left 5px no-repeat; 
padding: 0 0 0 10px;
}
#content ul#maplinks li, #two-col #content ul#maplinks li {
padding: 2px 0 2px 22px;
margin:0;
background: url(img/map-icon.png) top left no-repeat; 
}




/* table elements
--------------------------------*/
.table {
color: #333;
margin: 5px 25px 15px 35px;
width: 88%;
border-left: 1px solid #dee7f6;
border-top: 1px solid #dee7f6;
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;  
}
.table th, .table td {
border-right: 1px solid #dee7f6;
border-bottom: 1px solid #dee7f6;
padding: 6px;
}
.table th {
color: #325fac;
background: #e8effb;
}



/* right column elements
--------------------------------*/
#rightcol {
width: 174px;
float: right;
padding-bottom: 25px;
}
#rightcol h4 {
color: #325fac;
margin: 20px 12px 2px;
font: bold 1.3em/1.2em "Arial", Helvetica, san-serif;   
}
#rightcol p {
color: #333;
margin: 0 12px;
font: normal 1.1em/1.25em "Tahoma", san-serif;  
}


/* clear everything [needed for footer]
--------------------------------*/
#clearall {
clear: both;
width: 956px;
height: 1px;
}


/* form elements
--------------------------------*/
#leftcol form {
margin: 15px 0 60px;
float: left;
} 
form label {
float: left;
clear: left;
width: 125px;
}
form input.input,
form textarea.input {
color: #333;
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;   
padding: 3px;
}
#leftcol form input.input {
width: 95px; 
margin: 0 0 0 10px; 
border-right: 2px solid #a8cfed;
border-bottom: 2px solid #b7d6ed;
border-left: 2px solid #2e79b1;
border-top: 2px solid #29618b;
 }
#content form input,
#content form select,
#content form textarea { 
width: 300px; 
margin: 0 0 5px 0;
background: #eaeff7;
border-right: 1px solid #b9c5da;
border-bottom: 1px solid #c9d5ea;
border-left: 1px solid #9fafc9;
border-top: 1px solid #677b9b;
}
form input.button {
background: #2e6cb5;
border-left: 1px solid #4f8bd1;
border-top: 1px solid #77aae7;
border-right: 1px solid #2f62a1;
border-bottom: 1px solid #255289;
margin: 0;
color: #fff;
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;  
padding: 2px 3px;
text-align: center;
}
#content form button { 
margin: 0 0 0 125px; 
}
#content form p input { font: normal 1em/1em "Verdana", Tahoma, san-serif;   }



/* additional margins for css styled content elements
--------------------------------*/
div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
margin-left:20px !important;
margin-top:10px !important;
}


/* footer elements
--------------------------------*/
#footer {
width: 956px;
height: 28px;
float: left;
clear: both;
background: #e0e3ec url(img/footer.png) top left no-repeat; 
}
#two-col #footer { background: #e0e3ec url(img/footer2.png) top left no-repeat; }
#footer div {
padding: 10px 10px 0;
font: normal 1em/1.1em "Tahoma", san-serif;  
}
#footer #left {
color: #fff;
float: left;
}
#footer #right {
color: #7791b9;
float: right;
}
#footer #right a { color: #7791b9; }