/* 
================================
Skin styles for Simple Red Leaf Skin 5 Pane Layout
Created by Lee Sykes - http://www.dnncreative.com
================================
*/
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
}


.tagline
{
    float: left;
    width: 65%;
    padding-left: 25px;
}

#loginlinks
{
    float: right;
    width: 30%;
    text-align: right;
}

#logo
{
    clear: both;
    width: 90%;
}
#logo h1
{
    font: bold 300% Verdana, Tahoma, Helvetica, Arial, sans-serif;
    color: #C00;
    letter-spacing: 0.1em; /* adjusts how close the title is to the top tag line */
    margin-top: 0px;
}
/* Main Layout */
#mainbody
{
    float: left;
    width: 75%;
}
#content
{
    padding-top: 10px;
    float: right;
    width: 70.6%; /* padding: 0 0 0 10; */
}
#sidebar
{
    float: left;
    width: 25.4%;
    background-color:#dddddd;
}
#sidebar-2
{
    padding-top: 10px;
    float: right;
    width: 20%;
}
#footercontent
{
    clear: both;
    padding-top: 10px;
    text-align:center;
}
#date
{
    padding-top: 10px;
    color: #C00;
}
#footer
{
    color: #C00;
    float: right;
}


/* -----------------
Set default font for modules
--------------------
 */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    /* font: 100% Verdana, Arial, Helvetica, sans-serif; */
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* ================================
style for module titles
================================ */
.Head
{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #000; /* letter-spacing: 2; */
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-size:  12px;
    margin-left: 10px;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  85%; 
}

/* ===============
button style for standard HTML buttons 
================== */
.StandardButton
{
	font-size: 90%;
}

/* =======================
 HTML Tag Styles 
=========================== */
H1, H2, H3, H4, H5, DT, H6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
H1
{
    font-size: 130%;
    font-weight: bold;
    color: #000;
}
H2
{
    font-size: 120%;
    font-weight: bold;
    color: Navy;
}
H3
{
    font-size: 110%;
    font-weight: bold;
    color: #000;
}
H4
{
    font-size: 100%;
    font-weight: normal;
    color: #000;
    margin: 0;
}
H5, DT
{
    font-size: 90%;
    font-weight: normal;
    color: #000;
    margin: 0;
}
H6
{
    font-size: 80%;
    font-weight: normal;
    color: #000;
    margin: 0;
}
/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/
.sidebar3
	{
	margin-left:0px;
	padding-right:5px;
	padding-left:3px;
	background-color:#dddddd;
	}

.sidebar3 ul
	{
	padding:0px;
	text-align:left;
	margin-left:5px;
	border:0px none; margin-right:0px; margin-top:0px; margin-bottom:0px
	}
/* Vertical Menu */
#HouseMenuNav
{
    /* menu wrapper div */
    margin-bottom:100px;
    margin-top:20px;
	    background-color:#dddddd;
}
#HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0;
    border: 0;
    margin: 0;
    list-style: none;
}
#HouseMenuNav a
{
    /* all links within the menu wrapper */
}
#HouseMenuNav li
{
    /* all list items */ /* -- Border around each menu item -- */
    list-style: none;
}
#HouseMenuNav li
	{
	font-size : 90%;
	margin-top: 3px;
	padding-bottom: 3px;
	padding-left:15px;
	border-bottom:  1px solid #c0c0c0;
	line-height: 1.50em; 
	background-image:url('../../../../images/bullet.gif');
	/*list-style-image:url('../images/bullet.gif'); 
	list-style-position:inside;*/
	background-repeat:no-repeat;	
	}

#HouseMenuNav li a {
	color : #1F4B90;
	text-decoration : none;
	font-weight : bold;
	}

#HouseMenuNav li a:hover {
	color : #000000; 
	text-decoration : none; 
	font-weight : bold;
	}
	

#HouseMenuNav ul ul
{
    /* second level menu items */
    margin-left: 12px;
}
#HouseMenuNav ul ul li
{
    margin: 0; /* remove the bullets from the sub menu */
    list-style: none;
}
#HouseMenuNav ul ul a:link, #HouseMenuNav ul ul a:visited
{
    background-color: #dddddd;
    color: #000000;
}
#HouseMenuNav ul ul a:hover
{
    background-color: #000000;
    color: #FFF;
}
.menu 
{
	font-size:90%;
	margin-left:0;
	/*float:right;*/
/*margin:25px 0 50px 15px;  this page only */
   /* background-color:#F7F7F7;*/

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
	padding:0;
	margin:0;
	border: 0;
	list-style:none;
	/*float:right;
	z-index: 10;*/
}
/* hack for IE5.5 */
* html .menu ul 
{
	/*color : #1F4B90;*/
	text-decoration : none;
	font-weight : bold;
}
/* position relative so that you can position the sub levels */
.menu li 
{
	list-style-type:none;
	font-size : 100%;
	margin-top: 3px;
	padding-bottom: 3px;
	padding-left:15px;
	border-bottom:  1px solid #c0c0c0;
	line-height: 1.50em; 
	background-image:url('../../../../images/bullet.gif');
	text-decoration : none;
	/*list-style-image:url('../images/bullet.gif'); 
	list-style-position:inside;*/
	background-repeat:no-repeat;	
}
.menu li a {
	text-decoration : none;
	font-weight : bold;
	}

.menu li a:hover {
	color : #000000; 
	text-decoration : none; 
	font-weight : bold;
	}
.menu ul ul li 
{
	list-style-type:none;
	font-size : 90%;
	margin: 0;
	padding-bottom: 3px;
	padding-left:15px;
	border-bottom:0;
	background-image:url('../../../../images/bullet.gif');
	/*list-style-image:url('../images/bullet.gif'); 
	list-style-position:inside;*/
	background-repeat:no-repeat;	
}	

.menu ul ul
{
    /* second level menu items */
    margin-left: 12px;
}
.menu ul ul a:link, .menu ul ul a:visited
{
    
}
.menu ul ul a:hover
{
   
}
.list
{
	list-style-type:disc;
	margin-left:15px;/**/
}
/* ------------------------
Links format added for opera browser
----------- */
.Normal A:link, .Normal A:visited, .Normal A:active
{
    text-decoration: underline;
    color: #036;
}
.Normal A:hover
{
    text-decoration: underline;
    color: #F00;
}

/* This is the Date eg. any items that are not links */
.SkinItem
{
    text-decoration: none;
    color: #036;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: underline;
    color: #036;
}
A.SkinItem:hover
{
    text-decoration: underline;
    color: #F00;
}
/* Layouts for the Text/HTML module */
#imageleftside
{
}
#imageleftside img
{
    border: 1px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
#imagerightside
{
}
#imagerightside img
{
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.clear
{
    clear: both;
}
.quoteleft {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
	border-right: 10px solid #C8CDD0;
	color:#75818A;
}
.quoteright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
	width: 220px;
	float: right;
	text-align: left;
	border-left: 10px solid #C8CDD0;
	color:#75818A;
}
#titleBlock
{
	background-color:#ab1315;
	color:#fff;
	font-size:medium;
	font-weight:bold;
	height:20px;
	vertical-align:middle;
}

/* Banner Styles */

#breadcrumb {
	background-color:#000; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:7px 5px 0px 5px; 
	color:#dddddd;
	height:22px;
}
* html #breadcrumb {
	height:22px;
}
#breadcrumb .breadCrumbText 
{
	float:left;
	text-align:left;
}
#breadcrumb p {
	margin:0;
	padding:0;
}
#breadcrumb a {
	color:#ffffff; 
	text-decoration:none; 
	font-weight:bold;
} 
#breadcrumb a:hover {
	color:#ccc; 
	text-decoration:none;
} 
#breadcrumb .alignLeft {
	float:left;
}
#breadcrumb .clear {
	clear:both;
}
#breadcrumb .hidden {
	display:none;
	visibility:hidden;
}
#breadcrumb .Search 
{
	margin: 0;
	position:absolute;
	top:143px;
	right:5px;
	float:right;
	padding-right:0px;
	text-align:right;
	vertical-align:middle;
}
a#search_contactus
{
	vertical-align:20%;
}
#headerGraphic
{
	padding:0px;
	margin:0px;
	height:100px;
	background-color:#396fad;
	min-width:800px;
}

.headerGraphic1 
{
	background:url(../../../../images/logo1.jpg);
	padding:0px;
	margin:0px;
	height:100px;
	background-repeat:no-repeat;
	float:left;
	border:none;
	width:440px;
}
.headerGraphic2 
{
	background:url(../../../../images/logo2.jpg);
	padding:0px;
	margin:0px;
	height:100px;
	background-repeat:no-repeat;
	float:right;
	width:310px;
}
#commonBanner {
    background:url(http://www.virginia.gov/images/common_feel_bg.jpg)  repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:40px;
}
#commonBanner a {
	text-decoration:none;
}
#commonBanner a img {
	border:none;
}
#commonBanner .alignLeft {
	color:#fff;
	float:left;
	margin-left: 10px;
	padding-top: 13px;
}
#commonBanner .alignLeft a{
	color:#fff;
	font-weight:bold;
}
#commonBanner .alignLeft a:hover {
	color:#eee;
	font-weight:bold;
}
#commonBanner .hidden {
	display:none;
	visibility:hidden;
}
#commonBanner .virginiaLogo{
	float:left;
}
#commonBanner #virginiaSearch {
	float:right;
	margin-top:7px;
	margin-right:2px;
}
#commonBanner #virginiaSearch p {
	margin:0;
	padding:0;
}
#commonBanner #virginiaSearch #searchBox {
    background:url(http://www.virginia.gov/images/virginia_seach_txt-bg.jpg) no-repeat;
	background-color:transparent;
	border:0;
	font-weight:bold;
	height:14px;
	padding:3px;
	width:172px;
}
#commonBanner #virginiaSearch #vaSearchBtn {
    background:url(http://www.virginia.gov/images/virginia_seach_button-bg.jpg) no-repeat transparent;
	border:none;
	height:20px;
	margin-left:2px;
	margin-right:5px;
	width:28px;
	vertical-align:middle
}
.textBox
{
	background:url(http://www.virginia.gov/images/virginia_seach_txt-bg.jpg) no-repeat;
	background-color:transparent;
	border:0;
	font-weight:bold;
	height:14px;
	padding:3px;
	width:172px;
	vertical-align:top;
}
.textContent1
{
	float:left;
}
.textContent2
{
	/* margin-left:167px; */
	/*7.0.8*/
	margin-left:175px;
}
.textContent
{
	width:100%;
	float:left;
	/*margin-top:10px;*/
}
INPUT.noborder 
{
	border: 0px;
	border-width:0px;
}
Image.noborder
{
	border: 0px;
}
.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}
.headerBlock
{
	background-color:Silver;
	text-align:center;
	padding-bottom:1px;	
	/*padding-top:1px;*/
}
.titleBlockHome
{
	background-color:#2d67b1;
	color:White;
	height:20px;
}
#titleBlockAlert
{
	background-color:#29166f;
	color:#fff;
	font-size:medium;
	font-weight:bold;
	height:20px;
	vertical-align:middle;
}
IMG
{
	border:0;
}
#south {
	padding: 5px 0;
	text-align: left; 
	margin: 0 auto;
	width: 650px;
	}

/* 4a - Boxes */

#south .box {
	background: url(../../../../images/box_teal.jpg) no-repeat top left;
	float: left;
	margin: 0px 5px 0 0;
	font: 11px/20px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 5px 5px 0 10px;
	height: 162px;
	width: 195px;
	}

#rightrail {
	float: left;
	width: 175px;
	margin: 0 0 0 10px;
	}

#rightrail .box {
	background: url(../../../../images/box_red.jpg) no-repeat top left;
	font: 11px/20px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 5px 5px 0 10px;
	margin: 0 0 10px 0;
	width: 175px;
height:137px;
	}
#rightrail .resources {
	background: #fff url(../../../../images/box_gradient.jpg) no-repeat top left;
	float: left;
	padding: 5px 5px 0 10px;
	width: 175px;
	height: 160px;
	min-height: 160px;
	}
#rightrail .boxlong {
	background: url(../../../../images/box_red_long.jpg) no-repeat top left;
	font: 11px/20px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 5px 5px 0 10px;
	margin: 0 0 10px 0;
	width: 175px;
height:500px;
	}

/* 7.0.6 */
#HouseMenuNav span 
{
    color: rgb(31, 75, 144); 
    text-decoration: none;
    font-weight: bold;
}

#HouseMenuNav {
    font-size: 90%;
    line-height: 1.5em;
}

#HouseMenuNav div {
    font-size: 90%;
    margin-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    border-bottom: 1px solid rgb(192, 192, 192);
    line-height: 1.5em;
    background-image: url("../../../../images/bullet.gif");
    background-repeat: no-repeat;
}