/************************************************************************
style.css
Main style Sheet
Created by: Patricia Laurion
Date Created: 1/3/2008
************************************************************************/

/***********************************************************************/
/***********************************************************************/
/**************************** Basic Layout *****************************/

/* Set text align-center to center page
for Browsers that dont support margin:auto */
body {
	text-align: center;
	min-width:780px;
	margin:0;
	padding:0;
	background-color:#003366;
	font-size:12px;
	
}

/* Box to hold links at top right of screen */	
div#linkContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:5px;
	width: 800px;
	padding-right:20px;
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
	font-weight: bold; 
}

#linkContainer a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
#linkContainer a:link {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#linkContainer a:visited {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#linkContainer a:hover {  color:#FFFF00; font-weight:bold; text-decoration:underline;}

/* Large White Box on the Bottom Layer, acts as a container for other layers */	
div#container {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	width: 800px;
	text-align: left;
	background-color:#FFFFFF;
}




	
/* The inset container inside the main container on the outside */
div#short-background-container {
	color:#FFFFFF;
	background-image:url(/images/header_small2.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:10px solid #FFFFFF;
	margin-left:10px;
		
	margin-right:auto;	
	width:780px;
}

/* Container to hold the SC logo at the top */
div#short-logo {
	float:left;
	width:auto;	}
	


	
/* White content block inset from the banner, will be split into two divs */
div#maincontent {
	background: #fff url(http://www.utah.gov/images/background-content.gif) repeat-y 0 0; 
	border-bottom:1px solid #efefef; 
	margin-top:170px; 
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	border-style:groove;
	width:690px;
	padding:20px;}

#maincontent p {
	font-family:Verdana, Arial, Helvetica, sans-serif}
	
#maincontent h3 {
	padding:0 10px; 
	margin-left:5px;
	margin-bottom:5px; 
	font-weight: bold; 
	color:#003366;
	font-size:12px;
	font-style:normal;
	text-align:left;
	padding-top:3px;
	border-bottom:1px;
	border-bottom-style:solid;}
	
#maincontent h4 {
	padding:0 10px; 
	margin-left:5px;
	margin-bottom:5px; 
	font-weight: bold; 
	color:#003366;
	font-size:10px;
	font-style:normal;
	text-align:center;}


div#navbar {  
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #003366; 
	font-weight: bold; 
	text-decoration: none;
	text-align:center; 
	padding-bottom:15px; 
	width:800px;
}


div#footer {  
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none;
	background-color:#003366; 
	padding-bottom:15px; 
	width:800px;
}
#footer a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:link {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:visited {  color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:hover {  color:#FFFF00; font-weight:bold; text-decoration:underline;}


/***********************************************************************/
/***********************************************************************/
/*********************************** Main Content Rules ****************/

a {color: #0101C5; text-decoration: none}
a:link {color: #0101C5; text-decoration: none}
a:visited {color: #0101C5; text-decoration: none}
a:hover {color: #FF3366; text-decoration: underline}

h1 {
	font-size:18px;
	color:#003366;
	border-bottom-color: #003366;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-right:10px;
}

h2 {
	font-size:14px;
	color:#003366;
	padding-top:5px;
	padding-bottom:10px;
	margin:0;
	list-style-image:url(/images/arrow_down.gif);
}

h3 {
	font-size:12px;
	font-style:italic;
	color:#003366;
	padding-top:5px;
	padding-bottom:10px;
	margin:0;
	list-style-image:url(/images/arrow_down.gif);
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
	/*font-size:12px;
	font-family:Arial, Helvetica, sans-serif;*/
	padding:0px 10px 10px 0px;
	margin:0;
}


ul {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	
}

ol {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	
}

.footer {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none}