/* -----------------------------------------------------------------------------------------
   secondary-main-design.css   
   This page defines the look/feel of the page. Only design/decorative rules are set up here.   
   -----------------------------------------------------------------------------------------*/

body 		{
			height: 100%;
			background: #E7EaED;	
			font-family: arial, helvetica, sans-serif;
			font-size: .9em;
			}

/********* Header *********/
div#header 
{
	background-image: url(https://oag.ca.gov/sites/all/files/agweb/images/mainheader-100px.jpg);
	background-repeat:	no-repeat; 
	background-position:	bottom center;
	height:					100px; 
}


div.footer p input.submit:hover,
div.footer p input.submit:active,
div.footer p input.submit:focus 
{
	background: #b1bb7e;
	color: #fff;
	text-decoration: underline;
}
/****** End Header ******/

#navContainer {
	width:100%;
	background:url(../images/main-navbg.jpg) bottom repeat-x;
	font-size:.9em;
	font-weight:bold;
	margin:0;
	padding:0;
	height: 32px;
	_height: 32px;
	min-height: 32px;
}

#nav 
{
	margin: 0;
	padding: 0;
}
#nav li	
{		
	display: inline;
	text-align: center;
	margin: 0;
	padding:0;
}
#nav a:link,
#nav a:visited		{		
	color: #fff;
	text-decoration: none;
	padding: 8px 14px 8px 14px;
	float: left;
	width: auto;
	letter-spacing: .2px; 
	z-index: 0;
	margin: 0;
	height: 16px;
	_height: 16px;
	}	


#nav a:hover, #nav a:focus, #nav a:active 	{
	color: #fff;
	text-decoration: none;
	background: url(../images/nav-btn-hover2.jpg) bottom left repeat-x;
	z-index: 1;
	height: 16px;
	_height: 16px;
}




#nav-right
{
	float: right;
	margin: 0;
	padding: 0;
}
#nav-right li
{
	display: inline;
	text-align: center;
	margin: 0;
	padding:0;
}
#nav-right a:link, #nav-right a:visited 
{
	color: #fff;
	text-decoration: none;
	padding: 8px 14px 8px 14px;
	float: left;
	width: auto;
	letter-spacing: .2px; 
	z-index: 0;
	margin: 0;
	height: 16px;
	_height: 16px;
}
#nav-right a:hover, #nav-right a:focus, #nav-right a:active 	{
	color: #fff;
	text-decoration: none;
	background: url(../images/nav-btn-hover2.jpg) bottom left repeat-x;
	z-index: 1;
	height: 16px;
	_height: 16px;
}


/* End main nav */


/*********************** Content Container **************************/

.wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 75%;
	margin: 0 auto -2em; /*auto*/
	width:  968px;
	position: relative;		 
}

/* mainContent container header and main nav not included */
.wrapper div.holder 
{
	background: #fff;	
	clear: both;				
	width:  968px;
	float:left;
}
/* end mainContent container header and main nav not included */

.wrapper div.holder div#container 
{
	margin: 0 17px 0 15px;
	height: auto;
}

#leftNav 
{
	margin: 0;
	padding: 0; 
	float: left;
	width: 200px;
/*	border: 1px solid #000;*/

}

/* Left Side Navigation */
h2.features {
background:transparent url(../images/tools-resources.png) no-repeat scroll left top;
height:31px;
text-indent:-5000px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top: 20px;

}
						
.programLinks {
background:transparent url(../images/tools-resources-bg.png) no-repeat scroll left bottom;
font-weight:bold;
margin:0;
padding:0 10px 5px;
text-align:left;
width:200px;
float: left;
}

.programLinks ul 
{
	margin-left: 0;
	padding-left: 0;
	list-style: none; 
	padding-top: .7em;
}

.programLinks ul li	
{
	list-style: none;
	padding-bottom: 5px;
	margin-bottom:  5px;
}

.programLinks ul li.lastItem 
{
	padding-bottom:	.2em;
}

																										
/********************* Content Container *****************************/


.footer 
{
	clear: both;
	padding-top: 0px;
	width: 968px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	background: url(../images/footer-bg2.jpg) bottom center no-repeat;
	border-top: 1px solid #357197;
}

/* End Sticky Footer */

/******** FOOTER INFO ************/

.footer div.content 
{
	text-align: right;  
	margin-bottom: 10px; 
	padding-top: 40px; 
	padding-bottom: 5px; 
	padding-right: 0;
}
							
a.footerSearch 
{
	text-transform:	uppercase; 
	font-size: .8em; 
	color: #357196; 
	font-weight: bold;
	text-decoration: none;
}
							
a.footerSearch:hover 
{
	color: #fff;
	text-decoration: underline;
}
							
.footer div.secondPart 
{
	text-align: right;
	margin-top:	.5em;
	margin-right: 0;
	padding-right: 0;
	font-size: .8em;
}
				
ul.footerList 
{
	color:		#000;
	text-align: right;
	display: inline;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}
ul.footerList li.firstItem 
{
	display: inline;
	list-style: none;
	line-height: 1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
	border-left: none;
	color:		#000;
	text-decoration: none;
}							
							
ul.footerList li 
{
	display: inline;
	list-style: none;
	line-height: 1em;
	border-left: 1px solid #000;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
	color:		#000;
	text-decoration: none;
}
ul.footerList li.lastItem 
{
	display: inline;
	list-style: none;
	line-height: 1em;
	border-left: 1px solid #000;
	margin: 0 0 0 -.5em;
	padding: 0 0 0 .5em;
	color:		#000;
	text-decoration: none;
}

ul.footerList li.firstItem a,
ul.footerList li a 
{
	color: #000;
	text-decoration: none;
}
	
ul.footerList li.firstItem a:hover,
ul.footerList li a:hover 
{
	background: #a7ba63;
	color:	#fff;
}
							
/************* END FOOTER INFO ****************/											
		
h1 
{ 
	font-weight: bold;
	font-size: 1.4em;
	color: #81613B;
	padding-top: 15px;
	padding-bottom: 5px;
}
							


/********************* Main Content Container for Right Column - holds body content, headers *****************************/

#middleColumn 
{
	margin: 0 0 0 243px; 
	padding: 0; 
	height: 100%;
}

#middleColumn a	
{
	color: #444C57; 
	text-decoration: underline;
	padding-left: 15px;
}

#middleColumn a:hover 
{
	color: #717C48;
	text-decoration: underline;
	padding-left: 15px;
}

#middleColumn p 
{
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

legend 
{ 
	font-weight: bold;
	font-size: 1.1em;
}
	
.tdHighligted
{
	background: #fff;
}


div#container fieldset div 
{
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}
div#container fieldset div div
{
	float: left;
	padding-left: 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 0;
	margin:0;
}

div#container fieldset div label.desc
{
    margin: 0;
    font-weight: bold;
    font-size:.8em;
    color:#444444;
}
div#container fieldset div label.descHeading
{
    margin: 0;
    font-weight: bold;
    font-size:1em;
    color:#444444;
}
div#container fieldset
{
    display: block;
    padding: 5px;
    width: 634px;
    margin-bottom: 25px;
}
form input.button
{
    padding: 2px;
}
.req
{
	color: #cc0000;
	font-weight: bold;
	font-size: 14pt;
}

a:link, a:visited, a:active
{
	font-size: 9pt;
	color:#717C48;
	text-decoration:underline;
	line-height:1.2em;
}
a:hover
{
	color:#000;
	text-decoration:underline;
}
#adobe
{
    width: 120px;
	float: right;
}
td{
	padding:0px;
	margin:0px;
}
.tdSmall{
	font-size : 8pt;
	font-weight : bold;
	padding-right : 16px;
	text-align: right;
}
div#clientSideError
{
    display: none;
    background: #ffffcc;
    border: 2px solid red;
    color: #000000;
    font-weight: normal;
    margin: 10px auto;
    padding: 5px;
    text-align: left;
    vertical-align: bottom;
    width: 634px;
    float: left;
}

div#clientSideError ul
{
    padding-left: 25px;
}

div#clientSideError ul li
{
		vertical-align:	 	top;
		list-style-image: 	url(../images/iconWarning.gif);
}