/*
	CSS for VARULES
	Developed by PharrOut
	http://pharrout.com/
*/

/* reset */
body, h1, h2, h3, h4, h5, h6, form, input, textarea, fieldset, legend {
	padding: 0;
	margin: 0;
}

fieldset {
	margin: 10px 0 10px 0;
}

/* float clearing  */
.wrapper, .wrap { display: inline-block; }
.wrapper:after, .wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper, * html .wrap { height: 1%; }
.wrapper, .wrap { display: block; }

/* things */
a {
	border-bottom: 1px dotted #2526d6;
	color: #2526d6;
	text-decoration: none;
}
	a:hover {
		border-bottom: 1px solid #2526d6;
		color: #2526d6;
		text-decoration: none;
	}
	a:visited {
		color: #6b26d6;
	}
	a img, a.img {
		border: 0;
	}
body {
	background: #efedd7;
	color: #58595b;
	font: 16px Helvetica, Arial, sans-serif;
	xline-height: 1em;
}
blockquote {
	background: #9bcffa;
	font-size: 90%;
	padding: 10px;
}
h1, h2, h3 {
	font-weight: bold;
}
h2 {
	color: #9b8229;
	font-size: 150%;
	margin: 0.75em 0;
}
h3 {
	color: #db7b1a;
	font-size: 110%;
}
h4 {
	color: #414042;
	font-size: 100%;
	font-weight: bold;
	xmargin-bottom: -1em;
}
	h4.tagline {
		color: #58595b;
		letter-spacing: -1px;
		line-height: 200%;
		margin: 1em;
	}
p, ol, ul, dl, blockquote {
	line-height: 1.25em;
	margin: 1.25em 0;
}
	ul {
		padding-left: 3em;
	}
	ul.horizontal {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.horizontal li {
		float: left;
	}
	ul.noBullets {
		list-style: none;
	}
pre {
	background: #60bf60;
	color: #000000;
	padding: 15px;
}
.bflush {
	margin-bottom: 0;
}

/* main stuff */
#site {
	width: 960px;
	margin: 0 auto;
}
#govHeader {
	background: #000000 url('../img/govheader-bg.gif') repeat-x;
	color: #ffffff;
	font-size: 75%;
	height: 35px;
	padding: 0 5px;
}
	#govHeader a {
		border: 0;
		color: #ffffff;
		font-weight: bold;
	}
	#govHeader img, #govLinks {
		float: left;
		line-height: 35px;
	}
	#govSearch {
		float: right;
		line-height: 35px;
	}
	#govSearchBox {
		background: url('../img/govsearch-input-bg.gif') no-repeat;
		border: 0;
		height: 20px;
		padding: 3px;
		width: 178px;
	}
	#govSearchButton {
		background: url('../img/govsearch-button-bg.gif') no-repeat;
		border: 0;
		height: 20px;
		width: 28px;
	}
#header {
	background: #db7b1a;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	position: relative;
}
	#header h1 {
		margin-right: 40px;
	}
		#header h1 a {
			display: block;
			background: url('../img/va-rules-header.gif') no-repeat 100% 75%;
			height: 64px;
			text-indent: -9999px;						
		}
	#header h2 {
		background: #4775b7;
		border-bottom: 1px solid #ffffff;
		border-top: 1px solid #ffffff;
		color: #ffffff;
		font-size: 100%;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 5px;
		padding: 3px 40px 3px 40px;
		text-align: right;
	}
	#header h3 {
		color: #ffffff;
		display: inline;
		font-size: 100%;
		font-weight: normal;
		left: 13%;
		letter-spacing: 2px;
		position: absolute;
		text-transform: uppercase;
		top: 18%;
	}
	#searchBar {
		background: #dadada url('../img/searchbar-bg.gif') repeat-x;
		padding: 0 40px 0 5px;
		height: 30px;
		border-top: 15px solid #db7b1a;
	}
	#breadcrumbs {
		color: #000000;
		float: left;
	}
	#breadcrumbs a {
		border: 0;
		color: #000000;
		font-size: 75%;
		font-weight: bold;
		line-height: 30px;
	}
	#searchArea {
		color: #4775b7;
		float: right;
		font-size: 75%;
		font-weight: bold;
	}
	#searchArea form {
		line-height: 30px;
	}
	#searchBox {
		border: 0;
		background: url('../img/search-box.gif') no-repeat;
		color: #4775b7;
		height: 16px;
		padding: 2px;
		width: 162px;
	}
	ul#mainNav a:hover {
		color: #db7b1a;
	}
	ul#mainNav li a {
		background: #58595b;
		border: 0;
		border-right: 1px solid #ffffff;
		color: #ffffff;
		display: block;
		font-size: 75%;
		height: 36px;
		line-height: 36px;
		text-align: center;
		width: 159px;
	}
	ul#mainNav li.first a {
		width: 160px;
	}
	ul#mainNav li.last a {
		background-color: #5688C5;		
		border-right: 1px solid #5688C5;
		width: 158px;
	}
#main {
	background: url('../img/main-bg.gif') repeat-y;
}
#sidebarLeft {
	float: left;
	font-size: 75%;
	width: 161px;
}
	#navigation {
		padding: 25px 13px;
	}
	#sidebarLeft a:hover {
		color: #58595b;
	}
	#sidebarLeft ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#sidebarLeft ul ul {
		margin: 10px 0;
	}
	#sidebarLeft ul li a {
		background: #db7b1a;
		border: 1px solid #ffffff;
		border-left: 0;
		color: #ffffff;
		display: block;
		height: 35px;
		line-height: 35px;
		margin: 10px 0 10px -13px;
		text-align: center;
		width: 146px;
	}
	#sidebarLeft ul ul li a {
		background: transparent !important;
		border: 0;
		display: list-item;
		height: auto;
		line-height: 125%;
		margin: 0;
		padding: 5px 0;
		width: auto;
		text-align: left;
	}
	#sidebarLeft ul li.active a {
		background: #2526d6;
	}
#content {
	float: left;
	padding: 13px;
	width: 501px;
}
	#content p, #content ul, #content ol {
		font-size: 93.75%;
	}
		#content label {
			font-size: 12px;
		}
	#mainImage {
		margin: -13px 13px 0 -13px;
		width: 526px;
	}
	#newsAndEvents h2 {
		color: #db7b1a;
		font-size: 125%;
		margin: 1em 0 0.5em 0;
	}
	#newsAndEvents h3 {
		background: #bf1325;
		color: #ffffff;
		margin: 0 -12px 0 -13px;
		padding: 10px;
	}
	#newsAndEvents p {
		margin-top: 0;
	}
	#sectionHead {
		background: #efedd7;
		border-bottom: 1px solid #4775b7;
		margin: -13px -12px 0 -13px;
	}
	#sectionHead h3 {
		background: #cfa825;
		color: #ffffff;
		xmargin-right: 1px;
		padding: 10px;
	}
	#sectionHead h4 {
		color: #2526d6;
		float: right;
		font-size: 75%;
		margin: 0;
		padding: 20px;
		width: 171px;
	}
#sidebarRight {
	float: left;
	font-size: 75%;
	width: 272px;
}
	#inThisSection {
		border-bottom: 1px solid #4775b7;
		padding: 13px;
	}
	#inThisSection .inside {
		background: #f3f0de;
		padding: 13px;
	}
	#inThisSection ul {
		line-height: 2em;
		margin: 0;
		padding: 0;
	}
	#additionalInfo {
		padding: 13px;
	}
	#sidebarRight h3 {
		font-size: 150%;
	}
/* menus */
#imageLinks {
	margin-top: 35px;
	text-align: center;
}
	#imageLinks a {
		border: 0;
		display: block;
		margin-bottom: 20px;
	}
#menuHomeRight h3 a {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	padding: 10px;
}
	h3#menuHomeRight1 a {
		background: #4775b7;
		border-top: 0;
	}
	h3#menuHomeRight2 a {
		background: #db7b1a
	}
	h3#menuHomeRight3 a {
		background: #cfa825;
	}
	h3#menuHomeRight4 a {
		color: #db7b1a;
	}
#testimonials {
	padding: 0 13px;
}
	#testimonials ul {
		margin-top: 0;
		padding-left: 1em;
	}
#footer {
	background: #4775b7;
	clear: both;
	font-size: 75%;
	padding: 0 40px;
}
	#footer a {
		color: #ffffff;
		line-height: 46px;
		border: 0;
	}
	#footer img {
		margin-top: 3px;
	}
	#footer ul li {
		float: right;
		margin-left: 12px;
	}
.disabled {
	color: #999999;
}
/* forms */
.form label, #UserLoginForm label {
	display: block;
	float: left;
	width: 150px;
}
.form input {
	vertical-align: top;
	font-size: 12px;
}
.form input[type="text"] {
	width: 20em;
}
.form legend {
	display: none;
}
#UserLoginForm label {
	width: 100px;
}
div.input {
	margin: 0.5em;
}
div.checkbox {
	margin: 0.8em 0.5em;
}
div.input .error-message {
	font-size: 11px;
	margin: 10px 0 0 150px;
}
div.submit {
	text-align: center;
}
/* tables */
table {
	background: #fff;
	border: 1px solid #000000;
	border-collapse: collapse;
	border-right: 0;
	clear: both;
	color: #333;
	margin: 1.25em 0;
	width: 100%;
}
th {
	background: #dddddd;
	border: 1px solid #bbbbbb;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	text-align: center;
}
th a {
	border: 0;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
	th a:hover {
		border: 0;
	}
table tr td {
	background: #ffffff;
	border-right: 1px solid #000000;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}
table tr td p {
	margin: 0;
}
table tr.altrow td, table tr.odd td {
	background: #fdf2e3;
}
table tr {
	border-bottom: 1px solid #000000;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f2f2f2;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}
/* paging */
div.paging div {
	display: inline;
}

div.actions ul li {
	border: 1px solid #dddddd;
	float: left;
	padding: 5px 10px;
	margin-right: 10px;
}
/* scaffold view */
dl {
	line-height: 2em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 15em;
	margin-top: -2em;
	vertical-align: top;
}

div.input.select {
	clear: both;
}
div.input label {
	margin-bottom: 5px;
}