/* general styles */
body{color: #4D4D4D;font-family: Georgia, Times, "Times New Roman", serif;font-size: 0.9em;line-height: 1.8em;text-align: center;background: #DDDDAA;}
a{color: #005880;}a:hover{color: #006B95;}
a:visited{color: #996622;}a:visited:hover{color: #478d21;}
h1{font-size: 2.2em;font-weight: normal;line-height: 120%;color: #005533;margin: 15px 0 15px 0;}
h2{font-size: 1.3em;color: #666655;margin: 15px 0 0 0;}
h3{font-size: 1.1em;color: #5677A1;margin: 15px;font-style: normal;}
p{font-size: 1.1em;margin: 10px 15px 5px 0px;}

/* layout styles */
#container{width: 800px;text-align: left;margin: 10px auto 0 auto;background: url(imgs/home.gif) #FFFFCC no-repeat top left;padding: 0 !important;line-height: 1.8em;border: 1px solid #666633;}
#banner{height: 92px;background: url(imgs/home-02.gif) no-repeat top right;}
#banner h1{float: left;color: #FFFFFF;margin: 40px 0 0 20px;background: none;}
#content{float: left;width: 250px;margin: 10px 10px 0 30px;padding: 0;
     padding-top: 30px; }
 #bothColumns{float: right;width: 480px;margin: 20px 10px 0 0;}
 #2ndColumn{float: left;width: 250px;margin: 10px 0 0 0;padding: 0px;}
 #3rdColumn{float: right;width: 200px;margin: 10px 0 0 0;padding: 0px;color: #787878;font-style: italic;}
 
 /* main nav */
 #nav-main {
font-family: Verdana, sans-serif;
margin: 0px;
height: 32px;
background: #999966;
}

#nav-main ul {
margin: 0;
padding: 0 0 0 10px;
}

#nav-main li {
list-style-type: none;
float: right;
width: auto;
margin: 4px 5px 0 5px;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #FFFFCC;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
padding: 1px 10px 2px 12px;
text-transform: uppercase;
letter-spacing: 0.1em; }

#nav-main a:hover, #nav-main a:visited:hover {
color: #676017;
font-weight: bold;
text-decoration: none;
/*padding: 2px 10px 1px 12px;*/
}

.current {
margin-top: 4px;
color: #003300;
}

.current a:link, .current a:visited {
color: #003300 !important;

}

.current a:hover, .current a:visited:hover {
color: #3b320d !important;
}
 /* sub nav */
 #nav-section{clear: both;}#nav-section ul{margin: 0;padding: 0 10px 0 10px;}
 #nav-section li{list-style-type: none;float: left;margin: 0px 4px 0 4px;background-image: url(imgs/bullet_off.gif);background-repeat: no-repeat;background-position: bottom left;padding-left: 12px;}#nav-section a:link, 
 #nav-section a:visited{text-decoration: none;}
 .youarehere a:link, .youarehere a:visited{font-weight: bold;}
 .youarehere{background-image: url(imgs/bullet_on.gif)!important;}
 
 /*portfolio categories and project selector */
 #secondNavBar{background-color: #bcbc77;height: 100px;margin: -16px  0 0 0;padding: 0px;
     text-align: left; }
 #secondNav{width: 620px;
     padding: 0px;
     margin-left: -10px; }
 #secondNav ul li{margin: 0 0.5em;padding: 0;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 0.8em;text-decoration: none;
     display: inline;
     list-style-type: none; }
 #secondNav a:link{text-decoration: none;color: #ffffff;}
 #secondNav a:hover{color: #999933;}

#picNav {
     margin-left: 36px; }
#picNav img {
     margin-right: 12px; }
#description {
     float: left;
     width: 250px;
     margin: 10px 10px 0 30px;
     padding: 0;
     }
#description h1 {
     font-size: 1.8em; }
#description h2, h3 {
     font-size: 1.2em;
     margin: 0 10px;
     font-weight: normal; }
#description p {
     font-size: 0.9em; }
 /*supplemental nav */
 #nav-supp ul{list-style: none;margin: 0;padding: 0;}#nav-supp{margin: 15px;}
 #nav-supp li{background-image: url(imgs/bullet_link.gif);background-repeat: no-repeat;background-position: center left;padding: 0 0 0 15px;margin: 2px 0 2px 10px;}
 
 /* footer */
 #info-site{clear: both;text-align: center;background: #999966;margin: 0;padding: 8px 0 10px 0;}
 #info-company{padding: 0px;margin: 0px 16px 0px 10px!important;color: #FFFFFF;font-family: Verdana, sans-serif;font-size: 0.8em;letter-spacing: +0.1em;}
 #info-company a,#info-company a:visited{color: #D1EBF4;}#info-company a:hover,
 #info-company a:visited:hover{color: #FFFFFF;}
 #info-standards{font-size: 10px;padding: 0;margin: 5px !important;}
 
 /* Typo3 styles */
 .csc-textpic-caption{font-style: italic; line-height: 120%;padding: 10px 0px 10px 0px;}
