/*------------------------------------------------------------------------------------------------
Standard Styles (Body, TD, LI,)
------------------------------------------------------------------------------------------------*/
body {
	margin:0px;
}

td {
	font-family:arial;
	font-size:12px;
	color:#525252;
}

li {
	padding-bottom:10px;
	list-style-type: square;
}

img {
	border:0px;
}

h1 {
	font-size:16px;
	font-weight:600;
}

a:visited 		{color:#286199; text-decoration:none;}
a:active 		{color:#286199; text-decoration:none;}
a:link 			{color:#286199; text-decoration:none;}
a:hover 		{color:#286199; text-decoration:underline;}


.titleBorder
{
    border-bottom:1px solid #c4c4c4;
}

.fineprint {font-size: 10px;}



/*------------------------------------------------------------------------------------------------
Main Top Navigation       - Active Members, Retired Members, Deferred Members
------------------------------------------------------------------------------------------------*/
.topNavMain {
	text-align:right;
	width:487px;
	vertical-align:bottom;
	padding-bottom:4px;
}


/*------------------------------------------------------------------------------------------------
Top Navigation       - News & Events, Investments, Board of Retirement, Legislation, About Us, Contact US
------------------------------------------------------------------------------------------------*/
.topNav {
	background:#1f3664;
	height:26px;
}

.meetingTable
{
    font-size:11px;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:5px;
    border-bottom:1px solid #cccccc;
}


/*------------------------------------------------------------------------------------------------
Homepage
------------------------------------------------------------------------------------------------*/
.homeTitle
{
    font-size:16px;
    color:#996600;
    font-weight:bold;
    font-family:Times New Roman;
    /*font-family:arial;*/
    padding-bottom:7px;
    font-variant:small-caps;
}

.homeContent
{
    padding-bottom:15px;
    line-height:16px;
    
}
/*------------------------------------------------------------------------------------------------
Quarterly Report
------------------------------------------------------------------------------------------------*/
.quartReportTitle
{
    background:#ededc5;
    color:#1f3664;
    font-weight:bold;
    text-align:left;
    width:150px;
    padding:3px;
    padding-left:5px;
}

.quartReportHead
{
    background:#1f3664; 
    color:#ffffff; 
    font-size:14px; 
    text-align:center;
    padding:3px;
    font-weight:bold;
}

.quartTitleBar
{
    background:#989865;
    color:#ffffff;
    font-size:10px;
    text-align:center;
    padding:3px;
    
}

.quartContent
{
    text-align:center;
    border-bottom:1px solid #cccccc;
    padding:5px;
    width:85px;
    font-size:11px;
    
}

.calcContent
{
    text-align:center;
    border-right:1px solid #cccccc;
    padding:5px;
    font-size:11px;
    
}
/*------------------------------------------------------------------------------------------------
Order Form
------------------------------------------------------------------------------------------------*/
.orderTitle
{
    font-size:11px;
    padding-bottom:2px;
    color:#999999;
    width:50%;
    padding-top:8px;
}

/*------------------------------------------------------------------------------------------------
Box Navigation        - Large Boxes located on Active/Deferred Survivor Benefits page
------------------------------------------------------------------------------------------------*/
.boxNav {
	padding-bottom:7px;
	text-align:center;
}

.healthInsuranceLink
{
    border-bottom:10px solid #ffffff;
    color:#497649;
    background:#d9e1d6;
    font-weight:bold;
    padding:5px;
    padding-left:10px;
    width:300px;
}

.healthInsuranceLink a:visited 		{color:#497649; text-decoration:none;}
.healthInsuranceLink a:active 		{color:#497649; text-decoration:none;}
.healthInsuranceLink a:link 		{color:#497649; text-decoration:none;}
.healthInsuranceLink a:hover 		{color:#8ba38a; text-decoration:none;}


.retirementPayment
{
    padding:3px;
    padding-left:15px;
    text-align:left;
    color:#00662c;
}

.newsHead
{
    color:#996633;
    font-weight:bold;
    font-size:13px;        
}

.newsDate
{
    color:#996633;
    font-family:Verdana;
    font-size:10px;
    word-spacing:4px;
}

.newsArticle
{
    padding-top:5px;
    line-height:20px;
    color:#525252;    
}

.cafrTopLink
{
    height:18px;
    color:#cc9966;
    font-size:13px;
    
}
.orgHead
{
    padding-bottom:5px;
    border-bottom:2px solid #b2b2b2;
    font-weight:bold;
    font-size:13px;
    color:#003366;
}

.orgName
{
    color:#7e7e3d;
    font-weight:bold;
    vertical-align:top;
    padding-top:5px;
}

.orgText
{
    padding-bottom:5px;
    width:33%;
    padding-top:5px;
    vertical-align:top;
}


.boardPic
{
    margin-right:10px;
    margin-bottom:8px;
    border:1px solid #000000;
    margin-top:2px;
}

.retirementMeeting
{
    text-align:left;
    color:#996633;
    font-weight:bold;
    width:50%;
    padding:3px;
    border-bottom:1px solid #999966;
    padding-left:20px;
}
/*------------------------------------------------------------------------------------------------
News Navigation        - Small Nav on news page.         Page 1 2 3 4 5 Next >
------------------------------------------------------------------------------------------------*/
.newsNav {
	padding-left:5px;
	font-size:9px;
	color:#686868;
	font-family:arial,verdana,helvetica;
}

/*------------------------------------------------------------------------------------------------
HealthPlan Page - tables for health plans
------------------------------------------------------------------------------------------------*/

.healthPlanTable
{
   border:5px solid #214e2b;
   border-right:15px solid #214e2b;
   border-left:15px solid #214e2b;
   
}

.healthPlanCell
{
    background: #d9e1da;
    text-align:left;
    padding:5px;
    padding-right:20px;
    padding-left:20px;
    border:0px;
}
.healthPlanAlt
{
    background: #ffffff;
    text-align:left;
    padding:5px;    
    padding-right:20px;
    padding-left:20px;
    border:0px;
}

/*------------------------------------------------------------------------------------------------
Sub Navigation / Sub Nav Dropdown       - Closest navigation to content. Contains links and documents.
------------------------------------------------------------------------------------------------*/
.subnav {
	background:URL('images/sub3nav_bg.gif');
	width:195px;
	vertical-align:top;
	padding-top:40px;
	font-family:verdana;
	font-size:11px;
	font-weight:600;
	color:#336699;
	line-height:15px;
	padding-right:10px;
	padding-left:10px;
}

.subNavText {
	font-weight:600;
	font-size:10px;
	padding-bottom:25px;
	padding-left:15px;
	font-family:verdana;
}

.subNavDrop {
	border-bottom:1px solid #b1b1b1;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
}

.subNavDrop a:visited 		{color:#336699; text-decoration:none;}
.subNavDrop a:active 		{color:#336699; text-decoration:none;}
.subNavDrop a:link 			{color:#336699; text-decoration:none;}
.subNavDrop a:hover 		{color:#999999; text-decoration:none;}

/*------------------------------------------------------------------------------------------------
Side Navigation / Side Nav Hyperlink Styles       - Vertical navigation on left of page.  Contains Membership, Contributions, Retirement Eligibility, etc.  Different for each template.
------------------------------------------------------------------------------------------------*/
.sideNavMaroon {
	font-family:verdana;
	color:#5b360b;
	font-size:10px;
	width:184px;
	padding-top:9px;
	padding-bottom:5px;
	font-weight:600;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	
}



.sideNavGreen {
	font-family:verdana;
	color:#486639;
	font-size:10px;
	width:184px;
	padding-top:9px;
	padding-bottom:5px;
	font-weight:600;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	
}

.sideNavBlue {
	font-family:verdana;
	color:#003366;
	font-size:10px;
	width:184px;
	padding-top:9px;
	padding-bottom:5px;
	font-weight:600;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.sideNavBullet {
	border-bottom:1px solid #cccccc;
	width:24px;
	text-align:center;
	padding-top:5px;
}

.sideNav {
	width:202px;
	vertical-align:top;
}

.sideNavTeal {
	font-family:verdana;
	color:#999999;
	font-size:10px;
	width:184px;
	padding-top:9px;
	padding-bottom:5px;
	font-weight:600;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.sideNavBottom {
	text-align:right;
	border-right:1px solid #cccccc;
}

.sideNavTeal a:visited 	{color:#486666; text-decoration:none;}
.sideNavTeal a:active 	{color:#486666; text-decoration:none;}
.sideNavTeal a:link 	{color:#486666; text-decoration:none;}
.sideNavTeal a:hover 	{color:#999999; text-decoration:none;}

.sideNavMaroon a:visited 	{color:#5b360b; text-decoration:none;}
.sideNavMaroon a:active 	{color:#5b360b; text-decoration:none;}
.sideNavMaroon a:link 		{color:#5b360b; text-decoration:none;}
.sideNavMaroon a:hover 		{color:#999999; text-decoration:none;}

.sideNavGreen a:visited 	{color:#486639; text-decoration:none;}
.sideNavGreen a:active 		{color:#486639; text-decoration:none;}
.sideNavGreen a:link 		{color:#486639; text-decoration:none;}
.sideNavGreen a:hover 		{color:#999999; text-decoration:none;}

.sideNavBlue a:visited 		{color:#003366; text-decoration:none;}
.sideNavBlue a:active 		{color:#003366; text-decoration:none;}
.sideNavBlue a:link 		{color:#003366; text-decoration:none;}
.sideNavBlue a:hover 		{color:#999999; text-decoration:none;}

/*------------------------------------------------------------------------------------------------
Text Areas / Spans (Content, small, boxlist)
------------------------------------------------------------------------------------------------*/
.content {
	padding-top:40px;
	vertical-align:top;
	padding-left:20px;
	font-family:arial;
	padding-bottom:40px;
}

.small{
	font-family:verdana;
	padding-top:20px;
	padding-bottom:20px;
	font-size:10px;
	color:#666666;
}
	
.dayStyle {
	border:1px solid #b4b4b4;
	font-size:10px;
	vertical-align:top;
	text-align:left;
	font-weight:800;
	height:25px;
	padding:1px;
	line-height:12px;
}

.eventType 
{
    font-size:8px;
    font-family:verdana;
}

.eventBlurb 
{   
    padding-bottom:15px;
    color:#8b6618;
    font-size:9px;
}

.eventTitle
{
    font-size:13px;
    font-weight:600;
    color:#8b6618;
    font-family:verdana;
}

.eventDescription 
{
    font-size:11px;
    font-weight:600;
    color:#979768;
}

.dayStyle a:visited {color:#000000; text-decoration:none;}
.dayStyle a:active 	{color:#000000; text-decoration:none;}
.dayStyle a:link 	{color:#000000; text-decoration:none;}
.dayStyle a:hover 	{color:#000000; text-decoration:none;}

.dayBorder {
	border:1px solid #b4b4b4
}

/*Boxlist is a style for the boxes on survivor benefits page.*/
td.boxList {
	padding:5px;
	padding-top:10px;
	line-height:20px;
	border:2px solid #dbdbdb;
}	

div.boxList {
	top:8px;
	position:relative;
	color:#5b360b;
	font-weight:600;
	background:#ffffff;
	padding-left:3px;
	width:180px;
	left:10px;
}

.logoCell {
	padding-left:7px;
	padding-top:29px;
	background:url('images/topnav_bg.gif');
	vertical-align:top;
	height:116px
}

/*------------------------------------------------------------------------------------------------
headerCell, headerTable         - Gradient Behind SDCERA logo and top nav
------------------------------------------------------------------------------------------------*/
.headerTable {
	height:116px;
	width:980px;
	padding:0px;
	vertical-align:top;
}

.headerCell {
	background:URL('images/header_bg.gif');	
	vertical-align:top;
}

.headerCellTeal {
	background:url('images/header_bg_teal.gif');	
	vertical-align:top
}

.headerCellGreen {
	background:url('images/header_bg_green.gif');	
	vertical-align:top
}

.headerCellMaroon {
	background:URL('images/header_bg_maroon.gif');	
	vertical-align:top;
}

.headerCellTan {
	background:URL('images/header_bg_tan.gif');	
	vertical-align:top;
}



/*------------------------------------------------------------------------------------------------
headerCell, headerTable         - Gradient Behind SDCERA logo and top nav
------------------------------------------------------------------------------------------------*/



.mainTitle {
	border-bottom:1px solid #cccccc;
	text-align:right;
	padding-right:21px;
	padding-top:16px;
	padding-bottom:7px;
}

/*------------------------------------------------------------------------------------------------
Caclulator Page
------------------------------------------------------------------------------------------------*/
.calcStep
{
    font-weight:bold;
    width:60px;
    padding-bottom:15px;
    vertical-align:top;
}

.calcQuestion
{
    padding-bottom:15px;
    width:350px;
    vertical-align:top;
}

/*------------------------------------------------------------------------------------------------
Formlist     - Used on Forms & publications page to list downloadable forms
------------------------------------------------------------------------------------------------*/
.formList {
	background:#e6e6ce;
	border-bottom:1px solid #abab82;
	font-size:10px;
	color:#666666;
	font-family:arial,verdana,helvetica;
	padding:5px;
	width:80px;
	text-align:center;
}

.formListTitleBooklet {
	background:#e6e6ce;
	border-bottom:1px solid #abab82;
	font-size:12px;
	color:#7e623c;
	font-family:arial,verdana,helvetica;
	padding:5px;
	font-weight:600;
	padding-left:30px;
}
.formListTitleFact {
	background:#e6e6ce;
	border-bottom:1px solid #abab82;
	font-size:12px;
	color:#1f3664;
	font-family:arial,verdana,helvetica;
	padding:5px;
	font-weight:600;
	padding-left:30px;
}
.formListTitleForm {
	background:#e6e6ce;
	border-bottom:1px solid #abab82;
	font-size:12px;
	color:#486639;
	font-family:arial,verdana,helvetica;
	padding:5px;
	font-weight:600;
	padding-left:30px;
}

.actuarialLink
{
    color:#003366;
    text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------
TableHead      - Survivor Benefits Table
------------------------------------------------------------------------------------------------*/
.tableHead {
	vertical-align:top;
	text-align:center;
	background:#989865;
	color:#ffffff;
	border-right:1px solid #ffffff;
	font-size:12px;
	padding:5px;
}


.tableCell {
	vertical-align:top;
	font-size:11px;
	padding:10px;
	border-right:1px solid #989865;
	border-bottom:1px solid #989865;
}

.tableCellSmall {
	vertical-align:middle;
	font-size:11px;
	padding:3px;
	border-right:1px solid #989865;
	border-bottom:1px solid #989865;
	text-align:center;
	
}

.survivorTableHead
{
    background: #cccc99;
    text-align:center;
    color: #486639;
    font-size:14px;
    padding:3px;
    font-weight:bold;
}

.survivorSectionHead
{
    background:#e4e4e4;
    color: #666666;
    font-weight:bold;
    padding:3px;
    border-top:5px solid #ffffff;
    border-bottom:1px solid #bebebe;
}

.sectionContent
{
    
}
/*------------------------------------------------------------------------------------------------
Drop Down Menu Styles
------------------------------------------------------------------------------------------------*/
#dropmenudiv{
position:absolute;
border:1px solid #aeaea3;
border-bottom:0px;
filter:alpha(opacity=90);
-moz-opacity:.85;
opacity:.80;
z-index:100;
}

#dropmenudiv a{
display: block;
border-bottom: 1px solid #aeaea3;
font-weight: 700;
font-family:arial,verdana,helvetica;
padding:5px;
padding-left:15px;
color:#333333;
font-size:10px;
line-height:12px;
text-decoration:none;
}


#dropmenudiv a:hover{ /*hover background color*/
text-decoration:underline;
}