html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;font-size:13px;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:13px;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input[type=text],input[type=password],textarea{width:12.25em;}pre,code,kbd,samp,tt{font-family:monospace;line-height:13px;}legend{color:#000;}body{font:13px/16px arial,helvetica,clean,sans-serif;}h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}

body {
background: url(images/site-bck.jpg) repeat-x #354e61;
font-size: 11pt; 
color: #343434; 
font-family: Arial, Helvetica, sans-serif ;
line-height: 16pt;}

#wrapper {
margin: 0 auto;
width: 980px;}

#header {height: 136px;}

.logo {}

#navigation {
height: 48px;
font-size: 10pt;
font-weight: bold;
padding-top: 1px;}

#navigation a {color: #354e61; text-decoration: none;}

#navigation a:hover {color: #4a57c2;}

#navigation ul {
}

#navigation li {
list-style: none;
display: inline;
padding-right: 30px;
}


#midstripe{
height: 199px;
margin: 0;
padding-top: 10px;
font-size: 18pt;
color: #354e61;
line-height: 30px;}


#container {
width: 924px;
margin-top: 20px;
background: url(images/container-top.gif) top no-repeat #ffffff;
padding: 30px 15px 0 15px;}


h1 {
font-size: 16pt;
color: #c46a21;}

.lftpanel {
width: 360px;
border-bottom: 1px solid #646464;
margin-bottom: 20px;
font-size: 10pt;
}

.lftpanel p {
padding-left: 20px;}

.lftpanel h1 {margin: 0px;}

.special {float: right;}


.threestripe {margin-top: 40px;}
.threestripe a {color: #ffffff; text-decoration: none;}
.threestripe a:hover {text-decoration: underline;}

.bluestripe h2{
height: 25px;
background-color: #6e9993;
padding: 20px 0;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 16pt;
margin: 0 0 5px 0;
}

.bluestripe {
width: 300px;
float: left;
}

.bluestripe p {
padding: 0 20px 0 20px;
font-style: italic;
font-size: 10pt;
}


.orangestripe h2{
height: 25px;
background-color: #c46a21;
padding: 20px 0;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 16pt;
margin: 0;
}

.orangestripe {
width: 300px;
float: left;
margin-left: 10px;
}

.orangestripe p {
padding: 0 20px 0 20px;
font-style: italic;
font-size: 11pt;
font-weight: bold;
background-image: url(images/orange-bck.gif);
height: 170px;
}


.greenstripe h2{
height: 25px;
background-color: #6aa046;
padding: 20px 0;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 16pt;
margin: 0 0 5px 0;
}

.greenstripe {
width: 300px;
float: left;
margin-left: 10px;
}

.greenstripe p {
padding: 0 20px 0 20px;
font-style: italic;
font-size: 10pt;
}

#footer {
background: url(images/footer-bck.gif) repeat-x; 
height: 26px;
color: #ffffff;
font-size: 10pt;
font-weight: bold;
margin-top: 40px;
padding: 7px 0 0 20px;}

#footer a{color: #ffffff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footerlinks {
text-align: center;
font-size: 8pt;
margin-top: 20px; 
padding-bottom: 10px;
}
#footerlinks a {color: #003366; text-decoration: none;}
#footerlinks a:hover {text-decoration: underline;}

.topguy {float: right;}

#portfolio {
background: url(images/portfolio-bck.gif) no-repeat;
width: 867px;
height: 231px;
padding: 50px 10px 0 10px;
font-size: 10px;
}

#portfolio img {
float: left;
margin-right: 10px;
}

#portfolio .website {
font-size: 18px;
font-weight: bold;
}

#portleft {float: left; width: 420px;}
#portright {float: right; width: 400px;}

.highlight {background-color: #e1f2ff; }