@charset "UTF-8";
/* CSS Document */

body {background-color:#F2F2F2;margin: 0px 0px 0px 0px; text-align:center; font-family:Helvetica, Arial, sans-serif;  color:#666665; }
a:link, a:visited { text-decoration: underline; color: #666665} 
a:hover, a:active { color: #88B3C9 }
a.back2top { position: absolute; bottom: 30px; right: 30px; font-size: 8pt}

img {border: 0px;}
ul {list-style-type: none; margin: 0px; padding: 0px}
ul.textList { padding-left: 15px } /* Textlist has a text based bullet, which is colored green */
ul.textList span { color: #979C7A; padding-left: 5px;}

/* Main Layout */ 
div#mainShadow {margin: 0px auto 0px auto; width: 900px; padding: 0px 7px 0px 7px; background-image:url(/images/mainShadow.gif); background-repeat:repeat-y; text-align:left}
div#mainShadowBottom {position:relative;  margin: 0px auto 0px auto; height: 11px; width: 914px; background-image:url(/images/mainShadowBottom.gif)}
img#bottomCornerL {position:absolute; top:0px; left: 0px;} 
img#bottomCornerR {position:absolute; top: 0px; right: 0px;}
div#main {background-color:#FFFFFF; width: 900px; position:relative}
div#header {background-color:#EFD68D; width: 900px; height: 142px; margin: 0px 0px 0px 0px; position:relative; }

/* Headers */
span.header { font-size: 11pt; color:#979C7A;}
h1 {font-size: 12pt; line-height: 18pt; color:#979C7A; margin: 0px 0px 20px } /* Currently the same as h2 except margin*/
img#mainHeader { margin-bottom: 26px; display: block}
h1#mainHeader { font-size: 18pt; line-height: 18pt; color:#666665; font-weight:normal; font-family: "Times New Roman", Times, serif;margin: 0px 0px 10px }
h1#mainHeader span { color: #979C7A }
h2 {font-size: 12pt; line-height: 18pt; color:#979C7A; margin: 0px } /* Green Header */
h2.header { margin-bottom: 5px;}
h3 {font-size: 12pt; line-height: 18pt; color:#C66329; margin: 0px } /* Orange Header */
 
/*Main Images*/ 
img#logo {position:relative; top: 30px; left: 30px;}
img#tagline {position:absolute; right: 30px; bottom: 26px;}
img#innerShadow {position:absolute; bottom: 0px; left: 0px}

/*Navigation*/
div#navigation {background-color:#F2F2F2; width: 900px; height: 34px; margin: 0px; border-bottom:#88B3C9 1px solid; font-size:10pt; position:relative; z-index: 2;}
div#navigation a {text-decoration:none;}
div#navigation img {margin-right: 7px; position:relative; top:3px}
div#navigation ul.mainNav {margin: 0px 30px 0px 0px; text-align: right; padding-top: 8px; position:relative; }
div#navigation ul.mainNav li {display: inline; padding-left: 24px; list-style:none;position:relative; text-align:left;  }

/*Drop down menus*/
div#navigation ul.mainNav li ul.dropDown {position:absolute; top: 25px; left: 14px; margin: 0; padding: 0px 14px; 
list-style-type: none; text-align:left; background-image:url(/images/dropDrop.png); background-repeat:repeat-y; background-position: 3px; display:none; z-index: 2;}
div#navigation ul.mainNav li ul.dropDown li {background-color: #FFFFFF; display: block;padding: 1px 2px 2px 2px; position: relative;}
div#navigation ul.mainNav li ul.dropDown li a:link, div#navigation ul.mainNav li ul.dropDown li a:visited
{ padding:15px 0px 15px 15px; width: 125px; display: block; background-color: #F2F2F2 }
div#navigation ul.mainNav li ul.dropDown li a:hover { background-color:#E6E6E6 }
div#navigation ul.mainNav li ul.dropDown li.bottomShadow { position: absolute; left:3px; bottom: -13px; 
width: 168px; height: 13px; padding: 0px; background-image: url(/images/dropBottom.png); background-color: transparent;  }

/*Footer*/
div#footer {margin: 10px auto 10px auto; padding-right: 30px; width: 870px; text-align:right; font-size:8pt; color:#C66329;}
div#footer a:link, a.back2top:link, a.back2top:visited {color:#000000}
div#footer a:hover, div#footer a:active,div#footer a:visited, a.back2top:hover, a.back2top:active {color:#88B3C9 }


/*Home*/
div.content {margin-top:30px;} 
img.affiliates { margin: 0px 10px 20px 0px; vertical-align:middle} 
img.affiliates.extension {margin-top: 100px }

div#home {padding-left:30px; font-size:11pt; line-height: 20pt;}
div#home img#mainImage { float:left; margin: 0px}
img.mainImages { display: none }
div#home p {width:407px; float:left; margin-left: 30px; margin-top: 0px; position:relative; top: -5px; }


/*Subpages*/
div#subContent { font-size: 10pt;  position:relative; left: 134px; width:612px }
div#subContent p { margin: 0px 0px 20px; line-height: 18pt;}
div#subContent img.left { float: left; margin: 0px 15px 5px 0px }
div#subContent img.right { float: right; margin: 0px 0px 15px 15px }
div#subContent ul { margin: 0px 0px 20px}
div#subContent ul li { line-height: 18pt; }
img#coop { position: absolute; left: -90px; top: 5px; float: left; } 
div#SRIBox { position: absolute; left: -105px; top: 90px; width: 85px; font-size: 8pt; border: 1px solid #C66329; padding: 5px  }
div#SRIBox  a { text-decoration: none }


/*Process*/
div#subContent.process { width: 766px; }
div#subContent.process ul, div#subContent.process ul li { width: 100%; padding: 0px;}

div#subContent.process ul li {position:relative; margin-bottom: 30px;}
div#subContent.process ul li a.back2top { bottom: 0px }


/*Links*/
div#subContent ul#linkedList li ul li ul { margin-top: 4px }
div#subContent ul#linkedList li ul li ul li { margin-bottom: 20px; line-height: 12pt }
div#subContent ul#linkedList li ul li ul li { margin-bottom: 20px; line-height: 14pt }
div#subContent ul#linkedList h3 { padding-top: 20px}

/*Contact*/
ul#contactList li { margin-bottom: 20pt }
ul#contactList li h2 { padding-bottom: 5pt }
ul#contactList li a { text-decoration:none; }

/*Client*/
form { margin-bottom: 20px }
input { margin-bottom: 5px }





/* test 
div#navigation ul.mainNav { background-color:#66FF66 }
div#navigation ul.mainNav li { background-color:#33FFCC }
div#navigation ul.mainNav li a { background-color: #CCCCCC }

div#subContent p { background-color: #FFFF66 }
div#subContent.process { background-color: #0099FF }
div#subContent.process ul { background-color:#66FFFF }
*/