/* GLOBAL ITEMS */

p {
	font: 11px/14px Arial, Verdana, sans-serif;
	color: #003366;
	padding: 0 0 10px 0;
	margin: 0;
	border: 0;
}

h3 
{
    font-family: Arial, Verdana, Sans-Serif;
}

body {
	margin: 15px 0px 0px 0px;
	height: 100%;
	/*background-image: url(images/Background.gif);
	background-repeat: repeat-x;*/
}

p.navpath {
	visible: false;
	font: 11px/12px Arial, Verdana, sans-serif;
	color: #666666;
	font-weight: bold;
}

h1.pagetitle {
	font: 16px/16px Arial, Verdana, sans-serif;
	color: #003366;
	font-weight: bold;
	padding: 5px 0px 10px 25px;
	border-bottom: 1px solid #AA0000;
	width: 655px;
}

h1.articleTitle
{
    font: 18px/20px Arial, Verdana, sans-serif;
    color: #993300;
    font-weight: bold;
    text-decoration: underline;
}

p.articleDesc
{
    font: 12px/14px Arial, Verdana, sans-serif;
    color: #000000;
}

/* CSS Layout */

#pageWrapper { 
	width: 974px;
	margin: auto;
}

#shadowWrapper
{
    width: 974px;
    background-image: url(../../images/bck_rt_shadow.gif);
    background-position: right;
    background-repeat: repeat-y;
    float: right;
}

#mainAreaWrapper 
{
	width: 968px; 
	/*background-image: url(../../images/wrapper_white_bars.gif); 
	background-repeat: repeat-y;*/
	border: 1px #FFFFFF solid;
	margin: auto;
	float: left;
}

#header {
	clear: both; 
	float: none; 
	margin: auto; 
	width: 966px; 
	height: 102px; 
	background-image: url(../../images/hdr_vara.jpg); 
	background-repeat: no-repeat;
}

#phonenumber
{
    clear: both;
    float: right;
    background-image: url(../../images/hdr_800.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 173px;
    height: 46px;
}

#headernav
{
    clear: both;
    float: right;
    padding: 4px 12px 0px 0px;
    height: 20px;
    font: 12px/14px Arial, Verdana, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
}

#searcharea
{
    clear: both;
    float: right;
    width: 145px;
    padding-right: 8px;
}

#searchbox
{
    clear: left;
    float: left;
    padding-top: 3px;
}

#searchbutton
{
    clear: right;
    float: right;
    padding-top: 5px;
}

#subheadernav
{
    background-image: url(../../images/topnav_background.gif);
    background-repeat: no-repeat;
    width: 966px;
    height: 27px;
    margin: auto;
    clear: both;
    float: none;
}

#subheadernavleft
{
    width: 694px;
    clear: left;
    float: left;
    padding-top: 3px;
}

#subheadernavleft ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#subheadernavleft li
{
    margin: 0;
    padding-left: 37px;
    float: left;
    /*width: 16%;*/
    text-align: center;
}

#subheadernavright
{
    width: 272px;
    clear: right;
    float: right;
    padding-top: 3px;
}

#subheadernavright ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#subheadernavright li
{
    margin: 0;
    padding-left: 14px;
    float: left;
    /*width: 33%;*/
    text-align: justify;
}

#middlewrapper
{
    width: 966px;
    margin: auto;
    clear: both;
    float: left;
    background-image: url(../images/top_background.jpg); 
	background-repeat: no-repeat; 
	background-color: #D5DCE1; 
	padding-top: 4px;
	padding-left: 2px;
}

#contentwrapper
{
    width: 966px;
    margin: auto;
    clear: both;
    float: left;
    background-image: url(../../images/wrapper_white_bars_nonhome.gif);
    background-repeat: repeat-y;
}

#leftnav
{
    width: 267px;
    margin: auto;
    clear: left;
    float: left;
    padding-left: 5px;
}

#upcomingeventsheader
{
    background-image: url(../../images/events_hdr_top.gif);
    background-repeat: no-repeat;
    height: 51px;
    width: 267px;
    margin: auto;
}

#upcomingevents
{
    background: #A9AFB5 url(../../images/events_hdr_background.gif) no-repeat top left;
    background-attachment: scroll;
    color: #003366;
    height: 174px;
    width: 225px;
    margin: auto;
    border-left: #003366 1px solid;
    border-right: #003366 1px solid;
    border-bottom: #003366 1px solid;
    padding: 40px 20px 20px 20px;
    font: 11px/12px Arial, Verdana, Helvetica;
    /*overflow: auto;*/
}

hr.eventspacer
{
    background-color: #FFFFFF;
    color: #FFFFFF;
    width: 100%;
    height: 1px;
    margin: auto;
}

#becomedriver
{
    margin: auto;
    width: 267px;
}

#points
{
    margin: auto;
    width: 267px;
    padding-bottom: 4px;
}

#sponsorsheader
{
    margin: auto;
    width: 267px;
    background-image: url(../../images/hdr_sponsors.gif);
    background-repeat: no-repeat;
    height: 41px;
}

#sponsors
{
    margin: auto;
    width: 265px;
    border-left: #003366 1px solid;
    border-right: #003366 1px solid;
    border-bottom: #003366 1px solid;
    background-color: #BDC5CB;
}

#sponsors p
{
    text-align: center;
}

#contact
{
    font: 11px/12px Arial, Verdana, Helvetica;
    color: #003366;
    text-align: center;
    width: 265px;
    border: #003366 1px solid;
    background-color: #BDC5CB;
    margin: auto;
    padding: 22px 0px 22px 0px;
    height: 108px;
}

#leftnavspacer
{
    height: 12px;
}

#content
{
    width: 684px;
    margin: auto;
    padding-left: 5px;
    padding-right: 3px;
    float: right;
}

#subcontentheader
{
    background-image: url(../../images/content_top_bottom.gif);
    background-repeat: no-repeat;
    height: 1px;
    width: 684px;
    float: right;
    padding-right: 9px;
}

#subcontentfooter
{
    background-image: url(../../images/content_top_bottom.gif);
    background-repeat: no-repeat;
    height: 1px;
    float: right;
    width: 684px;
    padding-right: 9px;
}

#subcontent
{
    width: 624px;
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

#cphwrapper
{
    width: 604px;
    padding: 5px 27px 0px 27px;
}

#cphwrapper a
{
    font: 12px/14px Arial, Verdana, sans-serif;
    color: #003399;
}

#cphwrapper p
{
    font: 12px/14px Arial, Verdana, sans-serif;
    color: #000000;
}

#cphwrapper td
{
    font: 12px/14px Arial, Verdana, Sans-Serif;
}

#navpath
{
    width: 622px;
    padding: 10px 25px 0px 22px;
}

#footer
{
    width: 968px;
    height: 25px;
    background-color: #D5DCE1;
    float: left;
}

#footerleft
{
    clear: left;
    float: left;
    font: 11px/12px Arial, Verdana, Helvetica;
    color: #003366;
    font-weight: bold;
    padding: 5px 0px 0px 6px;
}

#footerright
{
    clear: right;
    float: right;
    padding-right: 5px;
}

#shadow
{
    background-image: url(../../images/bck_rt_shadow.gif);
    background-repeat: repeat-y;
    float: right;
    height: 800px;
    width: 4px;
}

#bug
{
    font: 12px/14px Arial, Verdana, Helvetica;
    color: #FFFFFF;
    font-weight: bold;
    clear: none;
    float: right;
    padding-top: 4px;
    padding-right: 4px;
}

div.menudd
{
    background-color: #993300;
    width: 140px;
}

.menudd ul
{
    margin: 0;
    padding: 0;
    border: solid 1px #000000;
}

.menudd ul li
{
    margin: 0;
    text-align: left;
    list-style-type: none;
    color: #FFFFFF;
}

.menudd ul li a
{
    font: 11px/12px Arial, Verdana, sans-serif;
    padding: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

div.menuddred
{
    background-color: #003366;
    width: 140px;
}

.menuddred ul
{
    margin: 0;
    padding: 0;
    border: solid 1px #000000;
}

.menuddred ul li
{
    margin: 0;
    text-align: left;
    list-style-type: none;
    color: #FFFFFF;
}

.menuddred ul li a
{
    font: 11px/12px Arial, Verdana, sans-serif;
    padding: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

/* END CSS Layout */

/* HOME CSS LAYOUT */

#homeSSP
{
    width: 684px;
    margin: auto;
    clear: both;
    float: none;
    padding-bottom: 7px;
}

td.homeVV
{
    width: 362px;
    background-image: url(../../images/hdr_vv.jpg);
    background-repeat: no-repeat;
    border: solid 1px #003366;
    background-color: #FAFAFA;
}

td.homenews
{
    width: 311px;
    background-image: url(../../images/hdr_news.jpg);
    background-repeat: no-repeat;
    border: solid 1px #003366;
    padding-top: 65px;
    background-color: #FAFAFA;
}

td.homefollowus
{
    width: 301px;
    border: solid 1px #003366;
    background-color: #FAFAFA;
    background-image: url(../../images/hdr_followus.gif);
    background-repeat: no-repeat;
    padding: 30px 0px 10px 10px;
}

#vvhome
{
    clear: left;
    float: left;
    padding-top: 140px;
    width: 362px;
    text-align: center;
    overflow: hidden;
}

#vvhomeimage
{
    clear: both;
    float: none;
}

#vvhometitle
{
    clear: both;
    float: left;
    padding: 0px 10px 0px 10px;
    text-align: left;
}

#vvhomesubtitle
{
    clear: both;
    float: left;
    padding: 0px 10px 0px 10px;
    width: 340px;
    text-align: left;
}

#vvhometext
{
    clear: both;
    float: left;
    padding: 0px 10px 0px 10px;
    width: 362px;
    text-align: left;
}

.homenewstitle
{
    clear: both;
    float: left;
    padding: 0px 10px 0px 10px;
    text-align: left;
    width: 291px;
}

.homenewstext
{
    clear: both;
    float: left;
    padding: 0px 10px 0px 10px;
    text-align: left;
    width: 291px;
}

/* END HOME CSS LAYOUT */

/* ENUM CSS LAYOUT */

.enum_image
{
    clear: left;
    float: left;
    width: 30%;
}

.enum_detail
{
    clear: right;
    float: left;
    width: 70%;
    padding-bottom: 30px;
}

.enum_pager, .enum_pager a
{
    font: 12px/14px Arial, Verdana, sans-serif;
    color: #993300;
}

/* END ENUM CSS LAYOUT */

/* SEARCH PAGE */

div.searchImg
{
    clear: right;
    float: left;
    padding-right: 20px;
}

div.searchText
{
    clear: right;
    float: right;
    width: 500px;
}

div.searchText a
{
    color: #003399;
}

div.searchlb
{
    clear: both;
    float: none;
}

.searchPages
{
    font: 12px/14px Arial, Verdana, sans-serif;
    color: #CD0000;
}

.searchPages a
{
    color: #003399;
}

/* END SEARCH PAGE */

/* THESE ARE ALL NEW FOR VARA */

h1.article {
	font: 24px/26px Arial, Verdana, sans-serif;
	color: #993300;
	font-weight: bold;
}


h2.subline {
	font: 16px/18px Arial, Verdana, sans-serif;
	color: #993300;
	font-weight: bold;
}


td.box {
	padding: 0px 10px 0px 10px;
	
	}


a.red:link, a.red:visited {
	visible: false;
	font: 11px/18px Arial, Verdana, sans-serif;	
	color: #993300;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}

a.red:hover, a.red:active {
	visible: false;
	font: 11px/18px Arial, Verdana, sans-serif;
	color: #993300;
	font-weight: bold;
	text-decoration: underline;
}

.redtext
{
    font: 11px/18px Arial, Verdana, sans-serif;
    color: #993300;
    font-weight: bold;
}

a.footer:link, a.footer:visited {
	visible: false;
	font: 11px/18px Arial, Verdana, sans-serif;	
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}

a.footer:hover, a.footer:active {
	visible: false;
	font: 11px/18px Arial, Verdana, sans-serif;
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
}


td.backgroundflag {
	background: url(../images/top_background.jpg); 
	background-repeat: no-repeat; 
	background-color: #D5DCE1; 
}


td.events{
	background: url(../images/events_hdr_background.gif); 
	background-repeat: no-repeat; 
	background-color:#A9AFB5; 
}

/* END - THESE ARE ALL NEW FOR VARA */


h1.navhead {
	font: 14px/17px Arial, Verdana, sans-serif;
	color: #000000;
	font-weight: bold;
}

ul {
	font: 11px/13px Arial, Verdana, sans-serif;
	color: #666666;
}

p.pagetextcontent {
	font: 11px/12px Arial, Verdana, sans-serif;
	color: #000000;

}

span.message {
	visible: false;
	font: 13px/18px Arial, Verdana, sans-serif;
	color: #FFFFFF;
	background-color: #002299;
	font-weight: bold;
}


/* Start Search Page */

.searchText {
	font: 10px/12px Arial, Verdana, sans-serif;
	color: #000000;
}

.searchHeader {
	font: 12px/16px Arial, Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.searchResultsHeader {
	visible: false;
	font: 14px/16px Arial, Verdana, sans-serif;
	color: #000000;
	font-style: italic;
}

.searchResultsText {
	visible: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #000000;
}

.searchResultsTextLink {
	visible: false;
	font: 12px/14px Arial, Verdana, sans-serif;
	color: #000000;
}

/* End Search Page */

/* Start Event Details */

.eventHead 
{
    font: 12px/14px Arial, verdana, sans-serif;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.eventValue
{
    font: 12px/14px Arial, Verdana, sans-serif;
    color: #000000;
}

/* End Event Details */