/* CSS Document */

body {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: #D7D7D7;
}

/* Begin ID Selectors */

#container {
margin: auto;
padding: 0px;
width: 774px;
height: auto;

}

#content {
float: right;
position: relative;
padding: 0px;
width: 674px;
height: auto;
background: url(../images/container_back.gif) center repeat-y;
}

#blueheader {
margin: auto;
padding: 0px;
width: 674px;
height: 200px;
background: url(../images/blue_header.gif) top center no-repeat;
}

#greenheader {
margin: auto;
padding: 0px;
width: 674px;
height: 200px;
background: url(../images/green_header.gif) top center no-repeat;

}

#yellowheader {
margin: auto;
padding: 0px;
width: 674px;
height: 200px;
background: url(../images/yellow_header.gif) top center no-repeat;
}


#orangeheader {
margin: auto;
padding: 0px;
width: 674px;
height: 200px;
background: url(../images/orange_header.gif) top center no-repeat;
}

#magentaheader {
margin: auto;
padding: 0px;
width: 674px;
height: 200px;
background: url(../images/magenta_header.gif) top center no-repeat;
}

#main {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 119px;
padding: 0px;
width: 450px;
}

#greytop-portnav {
width: 450px;
height: 22px;
background: url(../images/grey_top_portnav.gif) no-repeat;
}

#greybot-portnav {
width: 450px;
height: 22px;
background: url(../images/grey_bot_portnav.gif) no-repeat;
}

#bcktop {
margin-top: 12px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 10px;
padding-right: 24px;
padding-bottom: 32px;
padding-left: 0px;
font-size: 12px;
font-weight: bold;
text-align: right;
color: #0076a3;
background: url(../images/top_arrow.gif) right no-repeat;
}

#bluefooter {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 674px;
height: 125px;
background: url(../images/blue_btm.gif) bottom center no-repeat;
}

#greenfooter {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 674px;
height: 125px;
background: url(../images/green_btm.gif) bottom center no-repeat;
}

#yellowfooter {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 674px;
height: 125px;
background: url(../images/yellow_btm.gif) bottom center no-repeat;
}

#orangefooter {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 674px;
height: 125px;
background: url(../images/orange_btm.gif) bottom center no-repeat;
}

#magentafooter {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 674px;
height: 125px;
background: url(../images/magenta_btm.gif) bottom center no-repeat;
}

#base {
margin: 0px;
padding: 0px;
width: 674px;
height: auto;
background: url(../images/base_back.gif) center repeat-y;
}

/* End ID Selectors */

/* Begin Class Selectors */

.greytop {
width: 450px;
height: 5px;
background: url(../images/grey_top.gif) no-repeat;
}

.greybot {
width: 450px;
height: 5px;
background: url(../images/grey_bottom.gif) no-repeat;
}

.yellowtop {
width: 450px;
height: 5px;
background: url(../images/yellow_top.gif) no-repeat;
}

.yellowbot {
width: 450px;
height: 5px;
background: url(../images/yellow_bot.gif) no-repeat;
}

.divider {
margin-top: 15px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: -45px;
width: 540px;
height: 14px;
background: url(../images/divider.gif) center no-repeat;
}

.navpad {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 32px;
}

.blue {
font-weight: bold;
color: #0076a3;
}

.green {
font-weight: bold;
color: #598527;
}

#abtgreen {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: normal;
color: #598527;
}

.yellow {
font-weight: bold;
font-style: normal;
color: #c69a01;
}

.orange {
font-weight: bold;
color: #f26522;
}

.magenta {
font-weight: bold;
color: #ec008c;
}

.white {
font-weight: bold;
color: #ffffff;
}

#standard {
font-size: 11px;
font-weight: normal;
}

.alignright {
float: right;
}

.italic {
font-style: oblique;
color: #898989;
}

#addmarg {
margin-top: 4px;
}

#clrmargintop {
margin-top: 0px;
}

#clrmarginbtm {
margin-bottom: 0px;
}

#clrpadtop {
padding-top: 0px;
border-top: none;
}

#clrpadbtm {
padding-bottom: 0px;
border-bottom: none;
}

#clrfloat {
clear: both;
}

#nobrdrtop {
margin: 0px;
border-top: none;
}

#nobrdrbot {
margin: 0px;
border-bottom: none;
}

#brdrbot {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
width: 386px;
border-bottom: 1px solid #c5c5c5;
}

.greyport {
margin: 0px;
padding-top: 24px;
padding-right: 32px;
padding-bottom: 24px;
padding-left: 32px;
font-size: 11px;
text-align: justify;
color: #626262;
background: #dfdfdf;
line-height: 130%;
border-top: 0;
border-right: 1px solid #c5c5c5;
border_bottom: 0;
border-left: 1px solid #c5c5c5;
}

#greynews {
margin: 0px;
padding-top: 22px;
padding-right: 32px;
padding-bottom: 24px;
padding-left: 32px;
font-size: 11px;
text-align: justify;
color: #626262;
background: #dfdfdf;
line-height: 130%;
border-top: 0;
border-right: 1px solid #c5c5c5;
border_bottom: 0;
border-left: 1px solid #c5c5c5;
}

/* End Class Selectors */

/* Begin Tag Selectors */

p {
margin: 0px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 11px;
text-align: justify;
color: #626262;
line-height: 130%;
}

p.greyp {
margin: 0px;
padding-top: 22px;
padding-right: 32px;
padding-bottom: 22px;
padding-left: 32px;
font-size: 11px;
text-align: justify;
color: #626262;
background: #dfdfdf;
line-height: 130%;
border-top: 0;
border-right: 1px solid #c5c5c5;
border_bottom: 0;
border-left: 1px solid #c5c5c5;
}

p.contactgreyp {
margin: 0px;
padding-top: 0px;
padding-right: 32px;
padding-bottom: 22px;
padding-left: 32px;
font-size: 11px;
text-align: justify;
color: #626262;
background: #dfdfdf;
line-height: 130%;
border-top: 0;
border-right: 1px solid #c5c5c5;
border_bottom: 0;
border-left: 1px solid #c5c5c5;
}

p.yellowp {
margin: 0px;
padding-top: 32px;
padding-right: 32px;
padding-bottom: 32px;
padding-left: 32px;
font-size: 11px;
text-align: justify;
color: #626262;
background: #ffe9bf;
line-height: 130%;
border: 1px solid #efd19b;
}

p.bluep {
margin: 0px;
padding-top: 32px;
padding-right: 32px;
padding-bottom: 32px;
padding-left: 32px;
font-size: 11px;
text-align: justify;
color: #626262;
background: #bfeafb;
line-height: 130%;
border: 1px solid #84d7f7;
}

h1 {
margin-top: 7px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 32px;
font-size: 20px;
font-weight: normal;
color: #626262;
background: url(../images/arrow_right.gif) left no-repeat;
}

h1.abt {
margin: 0px;
border-bottom: 1px solid #efd19b;
}

h2 {
margin: 0;
padding-top: 150px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 395px;
font-size: 12px;
font-weight: normal;
color: #ffffff;
}

h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: normal;
color: #7c7c7c;
}

h4 {
margin: 0px;
padding: 0px;
font-size: 11px;
font-weight: normal;
color: #626262;
}

h4.bordertop {
margin: 0px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-top: 1px solid #d7d7d7;
}

h4.borderbot {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom: 1px solid #c5c5c5;
}

h4.borderbotleft {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom: 1px solid #c5c5c5;
}

h4.bordertopbot {
margin-top: 7px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
text-align: right;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}

h4.borderbotgrey {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
color: #626262;
border-bottom: 1px solid #c5c5c5;
}

h4.resborderbotylwtxt {
margin: 0px;
padding-top: 0px;
padding-right: 32px;
padding-bottom: 0px;
padding-left: 32px;
color: #c69a01;
text-align: right;
background: #dfdfdf;
border-right: 1px solid #c5c5c5;
border-left: 1px solid #c5c5c5;
}

h4.resborderbotylw {
margin: 0px;
padding-top: 0px;
padding-right: 32px;
padding-bottom: 0px;
padding-left: 32px;
color: #c69a01;
background: #ffe9bf;
border-right: 1px solid #efd19b;
border-left: 1px solid #efd19b;
}

h4.resborderbot {
margin: 0px;
padding-top: 4px;
padding-right: 32px;
padding-bottom: 4px;
padding-left: 32px;
color: #c69a01;
background: #ffffff;
border: none;
}

h4.linkborderbotylw {
margin-top: 7px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
padding-right: 32px;
padding-bottom: 4px;
padding-left: 32px;
color: #626262;
background: #ffe9c0;
border-top: 1px solid #c69a01;
border-bottom: 1px solid #c69a01;
}

h4.footer {
margin: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 25px;
padding-left: 0px;
font-size: 11px;
font-weight: normal;
text-align: center;
color: #959595;
}

h4.date {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 28px;
font-size: 11px;
font-weight: normal;
background: url(../images/news_icon.gif) left no-repeat;
border-bottom: 1px solid #c5c5c5;
}

h4.abt {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 28px;
font-size: 11px;
font-weight: normal;
background: url(../images/about_icon.jpg) left no-repeat;
border-bottom: 1px solid #c5c5c5;
}

h4.resume {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 32px;
font-size: 11px;
font-weight: normal;
text-align: justify;
line-height: 130%;
color: #626262;
background: url(../images/arrow_resume.gif) left top no-repeat;
}

h4.resumebdr {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 32px;
font-size: 11px;
font-weight: normal;
text-align: justify;
line-height: 130%;
color: #626262;
background: url(../images/arrow_resume.gif) left top no-repeat;
border-bottom: 1px solid #c5c5c5;
}

h4.contactpg {
margin-top: 7px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 32px;
font-size: 11px;
font-weight: normal;
text-align: justify;
color: #626262;
background: url(../images/arrow_contact.gif) left top no-repeat;
border-bottom: 1px solid #c5c5c5;
}

img {
margin: 0px;
}

img.leftbug {
margin: 0 0 0 -40px;
}

/* End Tag Selectors */

/* Begin Portfolio Navigation */

#port-nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#port-nav li {
margin: 0px;
}

#port-nav li a {
display: block;
margin: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
width: auto;
font-size: 11px;
font-weight: normal;
color: #626262;
text-decoration: none;
}

/* Hide from IE5-Mac \*/

#port-nav li a {
float: none
}

/* End hide */

#bluenav a {
margin: 0px;
background:  url() top no-repeat #dfdfdf;
border-top: 1px solid #dfdfdf;
border-right: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
border-left: 1px solid #c5c5c5;
}
#bluenav a:hover {
border-top: 1px solid #c5c5c5;
background: #c8e4a2;
color: #598527;
}
#bluenav a.selected {
border-top: 1px solid #c5c5c5;
background: #c8e4a2;
color: #598527;
}

#greennav a {
margin: 0px;
background: url() bottom repeat-x #dfdfdf;
border-top: none;
border-right: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
border-left: 1px solid #c5c5c5;
}
#greennav a:hover {
background: #c8e4a2;
color: #598527;
}
#greennav a.selected {
background: #c8e4a2;
color: #598527;
}

#yellownav a {
margin: 0px;
background:  url() bottom repeat-x #dfdfdf;
border-top: none;
border-right: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
border-left: 1px solid #c5c5c5;
}
#yellownav a:hover {
background: #c8e4a2;
color: #598527;
}
#yellownav a.selected {
background: #c8e4a2;
color: #598527;
}

#orangenav a {
margin: 0px;
background:  url() bottom repeat-x #dfdfdf;
border-top: none;
border-right: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
border-left: 1px solid #c5c5c5;
}
#orangenav a:hover {
background: #c8e4a2;
color: #598527;
}
#orangenav a.selected {
background: #c8e4a2;
color: #598527;
}

#magentanav a {
margin: 0px;
background:  url() bottom repeat-x #dfdfdf;
border-top: none;
border-right: 1px solid #c5c5c5;
border-bottom: 1px solid #dfdfdf;
border-left: 1px solid #c5c5c5;
	}
#magentanav a:hover {
border-bottom: 1px solid #c5c5c5;
background: #c8e4a2;
color: #598527;
}
#magentanav a.selected {
border-bottom: 1px solid #c5c5c5;
background: #c8e4a2;
color: #598527;
}

/* End Portfolio Navigation */

/* Begin Side Navigation */
#sidenav { 
position: absolute;
padding-top: 96px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
height: auto; 
}

#sidenav dl { 
margin: 0px; 
padding: 0px; 
}

#sidenav dt { 
width: 80px;
}

#sidenav dt a {
display: block;
height: 0px !important;
height /**/:85px; /* IE 5/Win hack */ 
padding-top: 85px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
overflow: hidden;
background-repeat: no-repeat;
}

#sidenav dt a:hover {
background-position: 0 -85px;
}

#sidenav dt a.select {
background-position: 0 -85px;
}

#sidenav dt#home,
#sidenav dt#home a { 
background-image: url(../images/home_but.gif); 
}

#sidenav dt#portfolio,
#sidenav dt#portfolio a {  
background-image: url(../images/portfolio_but.gif); 
}

#sidenav dt#about,
#sidenav dt#about a { 
background-image: url(../images/about_but.gif); 
}

#sidenav dt#links,
#sidenav dt#links a { 
background-image: url(../images/links_but.gif); 
}

#sidenav dt#contact,
#sidenav dt#contact a { 
background-image: url(../images/contact_but.gif); 
}

/* End Side Navigation */

/* Begin Main Footer Navigation */

#mainfooter-nav {
font-size: 14px;
font-weight: normal;
color: #ffffff;
}

#mainfooter-nav ul {
margin-top: 13px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 119px;
padding: 0px;
width: 450px;
list-style: none;
}

#mainfooter-nav li {
display: inline;
}

#mainfooter-nav li a {
display: inline;
font-size: 12px;
color: #b3e7fa;
text-decoration: none;
}

#mainfooter-nav li a:hover {
color: #ffffff;
}

#mainfooter-nav li a.yellowft {
display: inline;
color: #ffe9bf;
text-decoration: none;
}

#mainfooter-nav li a:hover.yellowft {
color: #ffffff;
}

#mainfooter-nav li a.greenft {
display: inline;
color: #c8e4a2;
text-decoration: none;
}
#mainfooter-nav li a:hover.greenft {
color: #ffffff;
}

#mainfooter-nav li a.orangeft {
display: inline;
color: #f9ad81;
text-decoration: none;
}

#mainfooter-nav li a:hover.orangeft {
color: #ffffff;
}

#mainfooter-nav li a.magentaft {
display: inline;
color: #f284c1;
text-decoration: none;
}

#mainfooter-nav li a:hover.magentaft {
color: #ffffff;
}

/* End Main Footer Navigation */

/* Begin Pseudo-Class Selectors */

a:link {
color: #626262; 
text-decoration: none; 
}

a:active {
color: #626262; 
text-decoration: none; 
}

a:visited {
color: #626262; 
text-decoration: none;
}

a:hover {
color: #959595; 
text-decoration: none;
}

/* Styles for Links on Link Page */

a:link.linkpg {
color: #959595; 
text-decoration: none; 
}

a:active.linkpg {
color: #959595; 
text-decoration: none; 
}

a:visited.linkpg {
color: #959595; 
text-decoration: none;
}

a:hover.linkpg {
color: #f26522; 
text-decoration: none;
}

/* Styles for Links on Home Page */

a:link.homepg {
color: #626262; 
text-decoration: underline; 
}

a:active.homepg {
color: #626262; 
text-decoration: underline; 
}

a:visited.homepg {
color: #626262; 
text-decoration: underline;
}

a:hover.homepg {
color: #0076a3; 
text-decoration: underline;
}


/* Styles for Links on Contact Page */

a:link.contactpg {
color: #626262; 
text-decoration: underline; 
}

a:active.contactpg {
color: #626262; 
text-decoration: underline; 
}

a:visited.contactpg {
color: #626262; 
text-decoration: underline;
}

a:hover.contactpg {
color: #c69a01; 
text-decoration: underline;
}

/* Styles for Links on Portfolio Page */

a:link.portpg {
color: #959595; 
font-style: oblique;
text-decoration: underline; 
}

a:active.portpg {
color: #959595; 
font-style: oblique;
text-decoration: underline; 
}

a:visited.portpg {
color: #959595; 
font-style: oblique;
text-decoration: underline;
}

a:hover.portpg {
color: #598527; 
font-style: oblique;
text-decoration: underline;
}

/* Styles for Image Links */

a img {border: none; }

/* End Pseudo-Class Selectors */

/* Begin Contact Form */

#form-area {
width: auto;
margin: 0px;
padding-top: 22px;
padding-right: 32px;
padding-bottom: 32px;
padding-left: 32px;
background: #dfdfdf;
border-top: 0;
border-right: 1px solid #c5c5c5;
border_bottom: 0;
border-left: 1px solid #c5c5c5;
}

#form-area input, #form-area textarea {
width: 380px;
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
margin: 0px 0px 10px 0px;
border: 1px solid #ccc;
}

#form-area textarea {
margin: 0px;
height: 90px;
}

#form-area textarea:focus, #form-area input:focus {
border: 1px solid #ec008c;
}

#form-area input.button {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
width: 120px;
font-size: 12px;
color: #ec008c;
}


#form-area input.button:hover {
cursor: pointer;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
width: 120px;
font-size: 12px;
color: #ffffff;
background: #ccc;
}

.warning {
margin: 0px;
font-weight: bold;
color: #ec008c;
}

label {
margin: 0px;
font-weight: bold;
color: #464646;
display: block;
}

/* End Contact Form */