/***
COLORS:
blue: 045f92
bright-green: 75ff00

orange 1: fbb949 (background)
orange 2: fda226 (hover)
orange 3: fe8b04 (current)
**/


body {
background-color: #e1e2e3;
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 20px;
}
#wrapper {
width: 935px;
margin: 0 auto;
background: url(/css/images/wrapper_bkgrnd.gif) top left repeat-y;
}
#page {
padding: 25px 4px 10px 4px;
width: 927px;
}

#header {
padding: 0 20px;
}
#logo {
float: left;
border: 0;
}
/*** MAIN NAV ***/
#mainnav {
margin-top: 30px;
width: 730px;
float: right;
text-align: right;
font-weight: bold;
color: #045f92;
background: url(/css/images/mainnav_background.gif) bottom left repeat-x;
height: 45px;
}
#mainnav li {
display: inline;
position:relative;
margin: 0;
padding: 0 8px;
padding-bottom: 30px;
height: 45px;
}
#mainnav li.last {
padding: 0;
}
#mainnav li#ourclients:hover,
#mainnav li#ourclients.sfhover,
#mainnav li#services:hover,
#mainnav li#services.sfhover,
#mainnav li#aboutus:hover,
#mainnav li#aboutus.sfhover {
background:url(images/orangearrow.gif) bottom center no-repeat;
}

#mainnav li ul {
position: absolute;
width: 125px;
height: auto;
left: -999em;
top: 35px;
font-weight: bold;
text-align: left;
border: 1px solid #045f92;
padding: 5px 0;
background-color: #fff;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}

#mainnav li:hover ul,
#mainnav li.sfhover ul {
left: 0px;
}
#mainnav li li {
display: block;
height: auto;
padding: 5px;
margin: 0;
background: none;
}
#mainnav li li a {
display: block;
width: 115px;
padding: 0;
margin: 0;
}
#mainnav li li:hover,
#mainnav li li.sfhover {
background: none;
}

/** MAIN BANNER **/
#tagline {
background-color: #004e86;
padding: 5px 20px;
color: #fff;
font-size: 11px;
font-weight: bold;
}

/** CONTENT **/
#content {
padding: 0 20px;
margin: 20px 0;
width: 887px;
}
#col1 {
width: 162px;
float: left;
padding: 0 20px 0 0;
}
#col2 {
width: 400px;
float: left;
}
#home #col2 {
width: 634px;	
}
#col2a {
width: 705px;
float: left;
}
#col3 {
width: 285px;
float: left;
padding: 0 0 0 20px;
}
#home #col3 {
width: 233px;	
}
/** COL1 **/ 
#col1 ul {
width: 162px;
font-size: 11px;
}
#col1 li {
width: 162px;
color: #000;
}
#col1 li h2,
#col1 li.head,
#col1 li a {
display: block;
width: 152px;
padding: 5px;
color: #000;
}
#col1 li a:hover {
color:#fe8b04;
}
#col1 li.nolink {
padding: 5px;
width: 152px;
}


#col1 li.head,
#col1 li.head a {
font-weight:bold;
color: #000;
}
#col1 li.head a:hover,
#col1 li.head.current a {
color: #306702;	
}
#col1 li h2,
#col1 li.head {
border-top: 1px solid #69c020;
border-bottom: 1px solid #69c020;
font-size: 11px;
}


#col1 li.current,
#col1 li.current a {
color: #306702;
}
#col1 li.current a:hover {
color: #fe8b04;	
}

#col1 li.current {
font-weight: bold;
}

#col1 form {
margin-bottom: 15px;
}

/** COL2 & 3 **/
#col2, #col3, #col2a {
line-height: 17px;
}

#content form {
padding-top: 10px;
}
#col3 h2 {
margin: 10px 0 4px 0;
font-size: 22px;
border-top: 1px solid #69c020;
border-bottom: 1px solid #69c020;
font-weight: normal;
padding: 10px 0;
}


#content form label {
display: block;
width: 130px;
float: left;
padding-right: 10px;
text-align: right;
line-height: 12px;
}
#content form label.error {
display: block;
color: red;
clear: both;
width: 565px;
text-align: left;
padding: 0 0 10px 140px;
}
#content form p {
margin: 0 0 5px 0;
display: block;
clear: both;
}

#content .filelist th,
#content .filelist td {
padding: 3px 6px;
border: 1px solid #ccc;
}

#content span.note {
clear: both;
display: block;
margin: 1px 0 0 0;
width: 705px;
padding: 5px;
background-color:#FFFFCC;
font-style: italic;
}




/*** FOOTER ***/

#footer {
padding: 10px 0 0 0;
margin: 0 20px;
width: 887px;
border-top: 1px solid #dae7ef;
}
#footernav {
width: 887px;
padding: 0 0 2px 0;
}
#footernav li {
float: left;
padding: 0 5px 0 0;
}
#footernav li a {
padding: 0 5px 0 0;
}
#footernav p {
padding: 0;
line-height: normal;
}

/*** UNIVERSAL STYLES ***/
a {
text-decoration: none;
color: #045f92;
}
a:hover {
color: #fe8b04;
}

a.greenlink {
color: #3e8603;	
}
a.greenlink:hover {
color: #fe8b04;
}
h1 {
font-size: 12px;
font-weight: bold;
}
#home h1 {
border-top: 1px solid #69c020;
border-bottom: 1px solid #69c020;
padding: 10px 0;
margin-top: 20px;
margin-bottom: 20px;
font-size: 22px;
line-height: 22px;
font-weight: normal;
color: #065b8f;
}
#home h1.tophead {
margin-top: 0;
}
h2 {
font-size: 12px;
padding:10px 0 8px 0;
color: #686868;
}

h2.ruleline {
margin-top: 20px;
padding-top: 30px;
border-top: 1px solid #6ac021;
}

h3 {
padding: 0 0 8px 0;
font-style: italic;
font-size: 11px;
}

p {
padding: 0 0 10px 0;
}
#col3 h1 {
padding-top: 10px;
}
.contentpicture {
float: right;
padding: 0 0 10px 10px;
}
p.error {
font-weight: bold;
color: #CC0000;
}

#col2a ol, #col2a ul {
padding: 0 0 10px 0;
}

#col2a ol {
list-style:decimal
}

#col2a ul {
list-style: disc;
}

#col2a li {
margin: 0 0 5px 25px
}

#col2a ul.bullet_icon {
	margin: 0;
}
#col2a ul.bullet_icon li {
	margin: 0 0 0 10px;
	padding: 0 0 10px 23px;
	background:url(images/reclipse_text_icon.gif) 0 2px no-repeat;
list-style:none;
}


#col2a blockquote {
	margin: 0 0 0 20px;
}

#col2a .half {
padding-top: 10px;
width: 352px;
float: left;
}

#col2 .half {
padding-top: 10px;
width: 200px;
float: left;
}
#col2 .center {
text-align: center;
clear: both;
}


#col2 .half a, #col2 .center a {
color: #49A000;
}

#col2 ul {
margin: 0 0 0 20px;
list-style: disc;
}
#col2 li {
padding: 0 0 10px 0;
}

/* 634 total width on home page for col2 */
#home #col2 ul.list5 {
/*width: 634px;*/
width: 297px;
overflow: hidden;
float: left;
margin-left: 0;
padding-bottom: 10px;
list-style: none;
list-style-type: none;
}
#home #col2 ul.list5 li {
	/*width: 106px;*/
	/*width: 100px; 5 in one row... */
	width: 297px;
	float: left;
padding-left: 12px;
margin-left: 8px;
background: url(/css/images/blk_bullet.gif) 0 6px no-repeat;
list-style: none;
list-style-type: none;
}
#home #col2 ul.list5 li#lastitem {
width: 120px;
}

#home #col2 ul.list4 {
width: 634px;
margin: 0;
padding: 0 0 30px 0;
list-style: none;
text-align: center;
overflow: auto;
}
#home #col2 ul.list4 li {
width: 158px;
float: left;
display: block;
text-align: center;
}
#home #col2 ul.list4 li a,
#home #col2 ul.list5 li a {
color: #3e8603;	
}
#home #col2 ul.list4 li a:hover,
#home #col2 ul.list5 li a:hover {
color: #fe8b04;
}



.alignright { float: right; padding: 0 0 20px 20px; }


/*** CLEAR FIX ***/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*--------People Profiles and Popup--------------*/

.profile{
	float: left;
	width: 705px;
	border-top: 1px solid #69C020;
	padding: 15px 0;
}

.profile_img{
	float: left;
	width: 150px;
	margin-right: 15px;
}

.profile_txt{
	float: left;
	width: 500px;
}

.jqpopup {
   background: #EDEDED;
   position:absolute;
   z-index:1101;
   border-left:1px solid #CCCCCC;
   border-top:1px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   border-bottom:2px solid #CCCCCC;
   border-radius: 10px;
   display:none;
   width: 450px;
}


#jqpopup_overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1100;
   display: none;
   background-color: #777;
   opacity: 0.7;
   filter:alpha(opacity=70);
   cursor:auto;
  
}

.jqpopup_header{
   margin:0;padding:0;top:0;left:0;padding-left:10px;padding-right:5px;padding-bottom:2px;font-size:15px;font-weight:bold;
 
   cursor:move;
}

.jqpopup_footer{
   padding-left:10px;padding-right:10px;padding-bottom:5px;text-align:right;font-size:10px;
}

.jqpopup_content{
   padding-left:10px;padding-right:10px;
}

.jqpopup_message{
   padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:5px;color:red;font-size:12px;font-weight:bold;
}

.jqpopup_resize{
   background: url("/../images/jqresize.gif") no-repeat;
   height:14px;
   width: 16px;
   position: absolute;
   padding-bottom:2px;
   padding-right:2px;
   bottom: 0;
   right: 0;
   cursor: se-resize;
}

.jqpopup_cross{
   background: url("/../images/jqcross.jpg") no-repeat;
   height:14px;
   width: 16px;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
}

.jqpopup_center{
   background: url("/../images/jqcenter.jpg") no-repeat;
   height:14px;
   width: 16px;
   position: absolute;
   top: 0;
   right: 18px;
   cursor: pointer;
}