/*--------------------------------------  
Description: Central Violations Bureau
Author: Kate Suttapakti
--------------------------------------*/


/*------------- Reset -------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}



/*------------- General -------------*/

html {height: 100%; padding-bottom: 1px; /* force scrollbars */}
body {BACKGROUND-IMAGE: url(../images/background.gif); background-position:center top; background-color: #001c4a; font: normal 12px arial, Arial, Helvetica, sans-serif; line-height: 1.5em; BACKGROUND-REPEAT: no-repeat;}



/*------------- Headdings -------------*/

h1 {color: #871517; font: bold 17px arial, Arial, Helvetica, sans-serif; margin-bottom: 10px; text-transform:uppercase; margin-bottom: 10px;}
h2 {color: #004a8c; font: bold 17px arial, Arial, Helvetica, sans-serif; margin-bottom: 10px; text-transform:uppercase;}
h3 {color: #004a8c; font: bold 14px arial, Arial, Helvetica, sans-serif; margin-bottom: 10px; text-transform:uppercase;}
h4 {color: #5d3220; font: bold 14px arial, Arial, Helvetica, sans-serif; margin-bottom: 10px;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/*------------- Links -------------*/

a:focus,a:hover {color: #113268;}
a {color: #1673b6; text-decoration: underline;}


/*------------- Lists -------------*/

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}


/*------------- Special Lists -------------*/

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}

ul.tabbed {
	display: inline;
	margin: 0;
}
ul.tabbed li {float: left;}

ul.plain-list {margin: 0;}

ul.nice-list {margin-left: 0;}
ul.nice-list li {
	list-style: none;
	border-top: 1px solid #EEE;
	padding: 4px 0;
}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}


/*------------- Floats -------------*/ 

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {display: block; font-size: 0; line-height: 0; height: 0;}


/*------------- General -------------*/

.headerCenter-wrapper {margin: 0 auto; width: 968px;}

.center-wrapper {
	margin: 0 auto;
	width: 928px;
	background-color: #FFFFFF;
	padding: 30px 20px 20px 20px;
	
}
.footerCenter-wrapper {
	margin: 0 auto;
	width: 968px;
	height: 200px;
	background-image:url(../images/footer.gif);
	background-color:#FFFFFF;
	
}

blockquote
{
	background-color: #F7F3DF;
	margin: 20px;
	padding: 10px;
	border: 4px solid #EAE2B3;
	
}

/*------------- Network -------------*/

#network {background: #001c4a;}
#network .left {
	color: #333;
	padding: 6px 0;
	margin-right:
}
#network .tabbed a {
	color: #fff;
	font-size:12px; 
	text-decoration: underline;
	display: block;
	padding: 6px 10px 7px;
}
#network li {background: url('../images/navigation-separator.gif') no-repeat left center;}
#network li a:hover {
	background: ;
	color: #5987c6;
	text-decoration:;
}
#network .text-separator, #network span {color: #999;}
#network .headerCenter-wrapper .right {margin-right: 20px;}


/*------------- Header -------------*/

#header {margin-bottom: 24px;
	background-image: url(../images/Banner_CVB.jpg);
	margin: 0 auto;
	width: 968px;
	height: 80px;
}


/*------------- Navigation -------------*/

.topNavContainer-wrapper {margin: 0 auto; width: 968px;}

.topNavCenter-wrapper {
	margin: 0 auto;
	width: 928px;
	background-color: #FFFFFF;	
}

#topNavContainer {background-image: url(../images/topRedBar.jpg); MARGIN: 0px auto; WIDTH: 968px; BACKGROUND-REPEAT: no-repeat; padding-top: 7px;}

#navigation {margin-bottom: 0px;
background-image: url(../images/navblue.jpg);
background-color:;
}
#navigation a {
	display: block;
	text-decoration: none;
}


/*------------- Main Navigation -------------*/

#main-nav a {color: #420417; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px 27px;}
#main-nav li {background: url('../images/menu-separator.gif') no-repeat left bottom;}
#main-nav li a:hover {background: url(../images/menuhover.gif) repeat-x scroll left;}
#main-nav li:first-child {background: none;}
#main-nav li.current-tab a, #main-nav a:hover {color: #ffffff;}
#main-nav li.current-tab a {background: url(../images/menuhover.gif) repeat-x scroll left;}



/*------------- Footer -------------*/
#footerBG {
background: url(images/footerrepeat.jpg) repeat-x;
}
#footer {padding: 10px 0;}
#footer p{padding: 35px 0 0 20px; color: #fff;}
#footer a {color: #fff; text-decoration: none; padding: 0 10px;}
#footer .right, #footer .right a {color: #999; text-decoration: none;}
#footer .text-separator {padding: 0 3px; color: #BBB;}
#footer a:hover {color: #c5aa63; text-decoration: underline;}
#footer .footerText{color: #5987c6; padding-top: 10px !important;}


/* Single line IE fix */
* html #sub-nav, * html .section-title, * html .main {height: 0.01%; min-height: 0.01%;}

/*--------- MISCELLANEOUS ---------*/
.left {
	float: left;
	}
	
.right {
	float: right;
	}

/*------------ Images ------------*/

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	padding: 3px;
	border: #b7c0ca solid 1px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}




