@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/content_background.jpg);
	background-repeat: repeat-y;
}


/* ============== */
/* = Nav = */
/* ============== */ 

#nav {
	height: 39px;
	background-image: url(../images/header.jpg);
}

#nav p {
margin: 0px;
}

/* ============== */
/* = subNav = */
/* ============== */ 

#subnav {
margin-bottom:2px;
}

#subnav p {
margin: 0px;
}


/* ======== */
/* = Header = */
/* ======== */ 

#header {
	width: 760px;
	height: 183px;
	margin-bottom: 2px;
}

#header img{
	float:left;
}


/* ========== */
/* = Content = */
/* ========== */ 

#content {
	margin: 0px;
}


/* ============ */
/* = Side Bar = */
/* ============ */

#sidebar {
	float: left;
	width: 170px;
	padding: 0 25px;
}

#sidebar h1 {
	margin: 0 -25px;
	padding:7px 25px 0 25px;
	height: 28px;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/title_bar.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}

#sidebar p {
	margin:0;
	font-size: 10px;
}

#sidebar img {
	padding:0;
	margin:0 -25px;
}

#sidebar a {
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	color: #000000;	
}

#sidebar a:hover {
	background-color: #e1e1e1;
}

#sidebar ul {
	margin:0;
	padding:0;
}

#sidebar ul li {
	line-height: 18px;
	list-style: none;
}




/* ================ */
/* = Main Content = */
/* ================ */

#mainContent {
	float: left;
	width: 490px;
	padding: 0 25px;
}

#stateNav {
	padding-bottom:8px;
}

/* = headers = */

#mainContent h1 {
	margin:0 -25px;
	padding:7px 25px 0 25px;
	height: 28px;
	font-size: 11px;
	color: white;
	font-weight: normal;
	background-image: url(../images/content_bar.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
} 

#mainContent h2 {
	font-size: 21px;
	color: #938675;
	font-weight: normal;
	padding: 0 25px 0 0px;
	margin: 0px;
}

#mainContent h3 {
	color: #00adef;
	font-weight: normal;
	font-size: 11pt;
	line-height: 17px;
	padding: 0 25px 0 0px;
}

#mainContent h4 {
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	font-weight:normal;
	padding-left: 0px;
}

#mainContent h5 {
	margin: 0;
	font-size: 13px;
	line-height: 16px;
	font-weight:normal;
}

#mainContent h6 {
	font-size: 11px;
	line-height: 16px;
	text-align:right;
	padding-right: 10px;
}

#mainContent h6 a {
	color: #938675;
	text-decoration: none;
}

#mainContent h6 a:hover {
	color: #00adef;
}

/* = paragraphs and links = */

#mainContent p {
	font-size: 11px;
	line-height: 16px;
	padding-right: 25px;
}

#mainContent a {
	color: #938675;
	text-decoration: none;
}

#mainContent a:hover {
	color: #00adef;
}

/* = lists = */

#mainContent ul {
	font-size: 11px;
	line-height: 16px;
}


/* = tables = */

#mainContent table {
	width:436px;
	border-collapse:collapse;
	border-spacing:0px;
	padding:0px;
}

#mainContent table th {
	border: 0px;
	vertical-align:middle;
	text-align:left;
	padding-left: 10px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #666666;
	background-image: url(../images/brown_fade_small.jpg);
	background-repeat:no-repeat;
	height: 28px;
}

#mainContent table td {
	border: 0px;
	vertical-align:top;
	text-align:left;
	font-size: 11px;
	line-height: 14px;
	padding:5px 5px;
}

/* VYNE table styles - added 02/09 */
#mainContent table th.vyne {
	border: 0px;
	border-bottom: 1px solid #938675; /* added 02/09 */
	vertical-align:middle;
	text-align:left;
	padding-left: 10px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #666666;
	background-image: url(../images/brown_fade_small.jpg);
	background-repeat:repeat-y; /* added 02/09 - was no-repeat*/
	height: 28px;
}

#mainContent table td.vyne {
	border: 0px;
	border-bottom: 1px solid #938675; /* added 02/09 */
	vertical-align:middle; /* added 02/09 - was top */
	text-align:left;
	font-size: 11px;
	line-height: 14px;
	padding:5px 5px;
}


/* = Misc = */


.tableCellGrey {
	background-color:#f2f2f2;
}


#cells {
	height: 240px;
}




/* ========== */
/* = Footer = */
/* ========== */ 

#footer {
	width: 760px;
	height: 136px;
	margin-top: 40px;
	background-image: url(../images/footer2.jpg);
}

#footer h1 {
	font-size: 10px;
	color: #999;
}

#footer p {
	font-size: 10px;
	color: #999;
}

#footer a {
	color: #666666;
}

#footer a:hover {
	color: #999999;
}



/* ================== */
/* = Footer Columns = */
/* ================== */ 

#footerCol1 {
	float: left;
	width: 220px;
	padding-left: 60px;
	height: 110px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: -15px;
	margin-left: 0;
}

#footerCol2 {
	float: left;
	width: 220px;
	margin-top: 15px;
}

#footerCol3 {
	float: left;
	width: 220px;
	margin-top: 15px;
}


/* ======== */
/* = Misc = */
/* ======== */ 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}