/************************

 RESET & UTILITY CLASSES

*************************/



/* validated 20091008 - ie6.css will not validate (Surprise!) */



/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: top;

}


.clear-fix { clear: both;}

.hidden { display: none; }



/********

 DEFAULTS

*********/



body{
	background: #FFF;
	color:#000; font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:14px;
}

p {
	margin: 0 0 16px 0;
}

strong {
	font-weight: bold;
}

iframe {
	margin: 0 0 20px 0;
}


a:active {
	outline: 0 none;
	position: relative;
	top: 1px;
}

/********

 STRUCTURE

*********/

#wrap {
	background-image: url(images/main_background.jpg); background-repeat: repeat-y;
    margin: 15px auto; width: 960px;
}







/********

 HEADER

*********/



#header {

	height: 130px;

	background-image: url(images/masthead.jpg);

}



#header a {

	cursor:pointer;
	display:block;
	height:130px;

}



#header h1 {

	text-indent: -9999px;

	color: #FFF;

	height: 130px;

	font-size:48px;

	text-decoration:none;

	text-align:center;

}



#header h1 span {

	display:block;

	height: 130px;

}

/********

 NAVIGATION

*********/



/* add class of .current to the list item which is active */



#top_nav {

	display: block; height: 40px; padding: 0; width: 800px;

	background-color: #E8F3F9; background-repeat:no-repeat;

	position: relative;

	font-size:16px; list-style: none;	

}



#top_nav ul{

  margin: 0px; padding: 0px;

  list-style: none;

}



#top_nav li {

  border-left: 1px solid white;

  background-color: #E8F3F9;

  display: block; float: left;

  color: #285073; text-align:center; white-space: nowrap; 

}



#top_nav li:first-child {   /* >ie6 only */

    border-left: none;	

}



#top_nav li.current, #top_nav li.current a {

	border: none;

	background-color: #8fadc5; 

	color: #ffffff; 	

}



#top_nav a, #top_nav a:visited, #top_nav a:active{
  	color: #285073; 
	font-weight: bold;
	padding: 10px 20px 0 20px;
  	text-decoration: none;
    display:block;
	height:30px;
}

#top_nav a:hover {
        background:#B6CAD4;
		color: #285073;

}

#top_nav li.current a:hover {
	text-decoration: none;
}



/********

 LEFT

*********/



#left {

	float: left; width: 160px;

}



#left ul {

	margin:40px 0 0; /*padding: 0 15px 0 20px; */

	font-size:12px; list-style:none;

} 



#left li {

                border-bottom: 1px solid #d7decb;

}



#left li:first-child {

                border-top: 1px solid #d7decb;

}

                

#left a, #left a:visited {

                color:#285073; 
                display: block; 
                font-weight: bold; 
                padding: 7px;
                text-decoration:none; 

}


	

#left a, #left a:visited {

	color:#285073; 
	display: block; 
	font-weight: bold; 
	padding: 7px;
	text-decoration:none; 

}



#left a:hover {

	background: repeat scroll 0 0 #d7decb;
}





/********

 RIGHT

*********/



#right {

	margin: 0 0 0 160px; min-height:550px; /* ie6 does not understand min-height - alternate styles for margin and min-height in ie6 stylesheet */

	background-repeat: no-repeat; 	

}	



/* add class to right to display the different graphics */



.background-business {
	background-position:537px 40px;
}



.background-individuals {
	background-position:537px 40px;
}



.background-workforce {
	background-position:537px 40px;
}



.background-people {
	background-position:right bottom;  /* positioning of people graphic is different than others so that bottom of graphic rests on the footer */
}







#content {
	margin: 0 0 0 0; padding: 20px 20px 20px 30px;
}



#content h2 {
    color: #285073 !important;
    font-size: 16px !important;
    font-weight: bold !important;
	margin: 0 0 10px 0;
}



#content h3 {
	color: #285073 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

#content h4 {
	color: #285073 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

#content h5 {
	color: #285073 !important;
    font-size: 12px !important;
}

#content h6 {
	color: #285073 !important;
    font-size: 12px !important;
}



#content p {
	line-height: 18px;
}

#content a, a font {
	color: #519800 !important;
}

#content a:hover, #content a:active, #content a:visited {
	color: #3D6F00;	text-decoration: underline;
}

#content ul {
	list-style:disc;
	list-style-position:outside;
	margin-left:40px;

}



#content ul li {
	line-height:20px;
	margin:0 0 5px;
}



/********

 FOOTER

*********/



#footer {

	height: 65px; padding: 8px 0 0 30px;

	background-image:url(images/blue_footer.jpg);

}



#footer ul {

    height: 21px; margin: 20px 0 0 0;

	display: inline; font-size: 10px; line-height: 14px; list-style: none;	

}



#footer ul li{

	/*border-right: 1px solid #5D5A5A;*/

	margin: 3px 10px 8px 0px; padding: 0 10px 0 0;

    background: none;

	float:left;

	display: block;
   text-align:center;
	width: 110px;

}



#footer ul li a  {

	color: #285073; text-decoration: none; text-align:center;

}



#footer ul li a:hover {

	text-decoration: underline;

}

/******************************
** UTILITIES
*******************************/

.right, .boxed {
	float: right;
	margin: 15px 0 15px 15px;
}

.left {
	float: left;
	margin: 15px 15px 15px 0;
}

.top, .boxed {
	margin-top:0;
	display: block;
}

.right-flush, .boxed {
	margin-right: -20px;
}

.boxed {
	background: white;
	width: 248px;
	border: solid 1px #E2EAD5;
	-moz-border-radius: 6px;
}

.boxed h4 {
	-moz-border-radius:4px 4px 0 0;
	background: #E2EAD5;
	margin: 0px;
	padding: 10px 9px 9px;
}

.boxed p {
	font-size: 12px;
	padding: 8px;
	margin: 0;
	
}

#content a.button-a {
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	background: #E2EAD5;
	border: 1px solid #519800;
	padding: 6px 4px;
	text-decoration: none;
}

#content a.button-a:active {
	text-decoration: none;
} 

.twtr-tweet-text, .twtr-hd, .twtr-join-conv {
        font-family: verdana, arial, helvetica, sans-serif;
}


.twtr-bd {
	background: white;
	border-left: 1px solid #E2EAD5;
	border-right: 1px solid #E2EAD5;
}