/*
     |         |              |              |    
,---.|--- ,   .|    ,---.,---.|---.,---.,---.|--- 
`---.|    |   ||    |---'`---.|   ||---'|---'|    
`---'`---'`---|`---'`---'`---'`   '`---'`---'`---'
          `---'                                   
*/

 
/* Color Scheme
----------------------------------------------------------------------

- black		#000
- white		#fff
- blue 		#02448d
- gray 		#333
- orange 	#fdb032
- brown		#543202


---------------------------------------------------------------------- */


/* General classes
---------------------------------------------------------------------- */
body { background: #FEF5E2 url(/skins/securityfund/assets/images/bg.png) repeat-x;
	margin: 0px;
	padding: 0px;
}
.right { float:right; }
.left { float:left; }
.imgright { float:right; margin-left:10px; }
.imgleft { float:left; margin-right:10px; }
.hide {display:none;}
.show {display:block;}
pre { font-size: 1.25em; }



/* header
---------------------------------------------------------------------- */
#header {
	height: 124px;
	background: url(/skins/securityfund/assets/images/header-bg.png) no-repeat;
}
#header h1 {
	width:400px;
	height:125px;
	text-indent:-9009px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
}
#header h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}
div#auxillary {
	right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 420px;
	float: left;
	margin-top: 55px;
	margin-left: 50px;
}
#auxillary form {
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 23px;
}
#auxillary .searchfield { height: 21px; width: 138px; background: url(/skins/securityfund/assets/images/search-input-home.png) no-repeat; border-style: none; margin: 0px 0px 0px 20px; padding: 2px 3px 1px; font-family: Verdana, Geneva, sans-serif; color: #999; font-style: italic; }
#auxillary a {
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	color: #1C448D;
}
#auxillary a:hover { text-decoration: underline !important; }
.searchgo {
	width:24px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(/skins/securityfund/assets/images/home-search-go.png) no-repeat 0 0;
	cursor:pointer !important;
	cursor:hand;
	display: inline;
	margin: 0px;
	padding: 0px;
}
.searchgo:hover {
	background-position:0 -23px;
}




/* Navigation
---------------------------------------------------------------------- */
#navigation ul {
	list-style: none;
	height: 42px;
	margin: 0px;
	padding-left: 60px;
	clear: left;
}
#navigation li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}
#navigation li a {
	color: #02448d;
	font-size: 1.25em;
	display: block;
	text-decoration: none;
	float: left;
	padding: 12px 0px 8px;
	margin-right: 30px;
}
#navigation li a:hover { color: #FFF; }
#subnav ul {
	list-style: none;
	height: 40px;
	margin: 0px 0px 0px 60px;
	background: url(/skins/securityfund/assets/images/subnav-bg.png) repeat-x;
	clear: left;
	padding: 0px;
	width: 800px;
}
#subnav li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}
#subnav li a { color: #02448d; font-size: 1.25em; display: block; text-decoration: none; float: left; padding-top: 20px; padding-bottom: 5px; margin-right: 20px; }
#subnav li a:hover { color: #949FB1; }



/* content
---------------------------------------------------------------------- */
.needphoto { background: url(/skins/securityfund/assets/images/contentheader-bg.jpg) no-repeat; }
.thefund { background: url(/skins/securityfund/assets/images/the-fund-bg.jpg) no-repeat; }
.calculator { background: url(/skins/securityfund/assets/images/calulator-bg.jpg) no-repeat; }
#calculatorForm legend { font-weight: bold; margin: 0px; padding: 0px; font-size: 1.25em; }
#calculatorForm label { display: block; }
.calcNotice { color: #03C; }
.injuredworkers { background: url(/skins/securityfund/assets/images/injured-workers-bg.jpg) no-repeat; }
.contact { background: url(/skins/securityfund/assets/images/contact-bg.jpg) no-repeat; }
.resources { background: url(/skins/securityfund/assets/images/resources-bg.jpg) no-repeat; }
.subsidiaries { background: url(/skins/securityfund/assets/images/subsidiaries-bg.jpg) no-repeat; }
.assessmentstructure { background: url(/skins/securityfund/assets/images/assessment-structure-bg.jpg) no-repeat; }
.membereligibility { background: url(/skins/securityfund/assets/images/member-eligibility-bg.jpg) no-repeat; }
.government { background: url(/skins/securityfund/assets/images/government-bg.jpg) no-repeat; }
.becomingmember { background: url(/skins/securityfund/assets/images/becoming-member-bg.jpg) no-repeat; }
.commonquestion { background: url(/skins/securityfund/assets/images/common-questions-bg.jpg) no-repeat; }
.directions { background: url(/skins/securityfund/assets/images/directions-bg.jpg) no-repeat; }
.membership { background: url(/skins/securityfund/assets/images/membership-bg.jpg) no-repeat; }

#contentwrapper {
	background: url(/skins/securityfund/assets/images/page-bg.jpg) repeat-y;
	clear: both;
	margin-left: 60px;
	margin-top: 18px;
}
#contentheader {
	height: 273px;
	padding-left: 24px;
	color: #543202;
	padding-top: 1px;
}
#contentheader h2 { color: #926025; }
#contentheader p {
	width: 230px;
	line-height: 1.7em;
}
#content {
	float: right;
	width: 480px;
	margin-right: 120px;
}
#content h2 {
	font-weight: normal;
	color: #03458d;
}
#content h1, #content h1 a { font-weight: normal; color: #03458d; text-decoration: none; }
#content h1 a:hover { color: #C30; text-decoration: none; }
#newsroomheader { height: 35px; width: 820px; background: url(/skins/securityfund/assets/images/newsroomheader-bg.png) no-repeat; }
.missionstatement {
	font-size: 1.25em;
	font-style: italic;
	color: #666;
	line-height: 1.5em;
}
#sidebar {
	float: left;
	width: 240px;
	margin-left: 20px;
	margin-top: 18px;
}
#sidebar h2 { font-weight: normal; margin-top: 0px; color: #666; font-size: 1.35em; }
#sidebar ul { margin: 0px 0px 36px; padding: 0px; list-style: none; }
#sidebar ul li { line-height: 2em; border-bottom: 1px dotted #E6E6E6; margin: 0px; padding: 0px; }
#sidebar ul li a { text-decoration: none; padding-left: 10px; }
a.current { color: #c33; }
.staffmember { height: 130px; width: 100%; clear: both; padding-bottom: 18px; margin-bottom: 18px; padding-top: 18px; margin-top: 18px; border-top: 1px solid #E9E9E9; }
.staffmember img { float: left; }
.staffinfo { margin-left: 130px; }




/* forms
---------------------------------------------------------------------- */


/* Comments
---------------------------------------------------------------------- */
button.submitcomment { width:190px; height:30px; text-indent:-9999px; border:0; background:url(../images/btn-submit-comment.png) no-repeat 0 0; display:block; cursor:pointer !important; cursor:hand; margin-left: 10px; }
button.submitcomment:hover { background-position:0 -30px; }
.comment_num {
	float: right;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
}
.comment_num a { }
.comment { background: url(../images/bg-horizontal-dots.png) repeat-x left top; }
ul#comment_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#comment_list li {
	margin: 18px 0px 0px;
	padding: 9px 0px 18px;
}
#comment_list p { }
#respond {
	border-top: 3px double #CCC;
	padding-top: 9px;
}
.comment_time {
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* footer
---------------------------------------------------------------------- */
.quote {
	font-style: italic;
	color: #666;
}
#footercontainer { background: #fcebcf; }
#footer { background: url(/skins/securityfund/assets/images/footer-bg.png) no-repeat center top; padding-top: 18px; padding-bottom: 18px; width: 900px; margin-right: auto; margin-left: auto; text-align: left; font-size: 1.2em; }
#copy { color: #1C448D; float: right; width: 225px; text-align: right; padding-right: 70px; font-family: Georgia, "Times New Roman", Times, serif; }
ul#footnav1, ul#footnav2 { margin: 0px; padding: 0px 0px 0px 40px; list-style: none; width: 500px; }
#footnav1 li, #footnav2 li {
	float: left;
	padding-bottom: 10px;
}
#footnav1 li a, #footnav2 li a {
	padding-right: 10px;
	text-decoration: underline;
}
#footnav2 li a { color: #ffa91b; }
th {
	background: #FC6;
	border-bottom: 3px solid #999;
	font-size: 1.2em;
}
th, td { padding: 4px 0px 1px 4px; }
table {
	border: 1px solid #F3B03D;
	width: 480px;
}
.tbleven {
	background: #FCF6E6;
	border-top: 1px solid #F3B03D;
	border-bottom: 1px solid #F3B03D;
}
.tblodd { background: #FCF6E6; }
.formerror {
	font-weight: bold;
	color: #C00;
}


/* Search Results Layout
 ----------------------------------- */
.searchheading {
	margin-top: 16px;
	font-size: 1.7em;
	color: #03458D;
}
.result_title, .recommend_title { font-weight: bold; }
.summary {
	width: 50%;
	float: left;
}
.highlight {
	background: #FF9;
	font-weight: bold;
}
.sorting  {
	padding-top: 12px;
	border-top: 2px solid #E1DCCE;
	clear: left;
}
.suggestion  {
	border-top: 2px solid #E1DCCE;
}
.result_block, .result_altblock {
	border-bottom: 1px solid #E1DCCE;
	clear: left;
	margin-top: 18px;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.result_altblock { }
.zoom_results_per_page { padding-left: 20px; }
.result_pages {
	padding-top: 12px;
	padding-bottom: 20px;
	font-weight: bold;
}
.result_pages a {
	padding: 2px 7px;
	border: 1px solid #E1DCCE;
}
.result_pages a:hover { background: #FFFAE9; }
.infoline, .recommend_infoline {
	margin-top: 5px;
	font-size: 11px;
	color: #999;
}
.recommended { clear: left; }
.recommend_block {
	background: #F0F6DA;
	border: 1px solid #CFE0B5;
	margin-bottom: 10px;
	padding: 10px;
	margin-top: 10px;
}
.recommended_heading {
	font-size: 16px;
	font-weight: bold;
	color: #360;
	padding-top: 10px;
}
.results {min-height:300px;}