/*
 
Modifies the 960gs to allow elements to carry over
into the margins, so that they may snugly touch
the next grid over. Simply use the appropriate grid,
as you normally would, and then attach the additional
overExtend class to it, to make it over extend into
the margin. 
 
Example:
 
<div id="myContainer" class="grid_5 grid_5_overExtend">
...
</div>
 
*/
 
/* Margin Mod 12 Col */
.container_12 .grid_1_overExtend { width:80px !important; margin-right:-10px !important; }
.container_12 .grid_2_overExtend { width:160px !important; margin-right:-10px !important; }
.container_12 .grid_3_overExtend { width:240px !important; margin-right:-10px !important; }
.container_12 .grid_4_overExtend { width:320px !important; margin-right:-10px !important; }
.container_12 .grid_5_overExtend { width:400px !important; margin-right:-10px !important; }
.container_12 .grid_6_overExtend { width:480px !important; margin-right:-10px !important; }
.container_12 .grid_7_overExtend { width:560px !important; margin-right:-10px !important; }
.container_12 .grid_8_overExtend { width:640px !important; margin-right:-10px !important; }
.container_12 .grid_9_overExtend { width:720px !important; margin-right:-10px !important; }
.container_12 .grid_10_overExtend { width:800px !important; margin-right:-10px !important; }
.container_12 .grid_11_overExtend { width:880px !important; margin-right:-10px !important; }
 
/* Margin Mod 16 Col */
.container_16 .grid_1_overExtend { width:60px !important; margin-right:-10px !important; }
.container_16 .grid_2_overExtend { width:120px !important; margin-right:-10px !important; }
.container_16 .grid_3_overExtend { width:180px !important; margin-right:-10px !important; }
.container_16 .grid_4_overExtend { width:240px !important; margin-right:-10px !important; }
.container_16 .grid_5_overExtend { width:300px !important; margin-right:-10px !important; }
.container_16 .grid_6_overExtend { width:360px !important; margin-right:-10px !important; }
.container_16 .grid_7_overExtend { width:420px !important; margin-right:-10px !important; }
.container_16 .grid_8_overExtend { width:480px !important; margin-right:-10px !important; }
.container_16 .grid_9_overExtend { width:540px !important; margin-right:-10px !important; }
.container_16 .grid_10_overExtend { width:600px !important; margin-right:-10px !important; }
.container_16 .grid_11_overExtend { width:660px !important; margin-right:-10px !important; }
.container_16 .grid_12_overExtend { width:720px !important; margin-right:-10px !important; }
.container_16 .grid_13_overExtend { width:780px !important; margin-right:-10px !important; }
.container_16 .grid_14_overExtend { width:840px !important; margin-right:-10px !important; }
.container_16 .grid_15_overExtend { width:900px !important; margin-right:-10px !important; }

/* ektron hidey */
.EktronAjaxLoading{ display: none;}

/* begin site css */
body
{
	color: #333;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Sans-Serif;
}

a 
{
	color: #333;
}

p
{
	margin-bottom: 10px;
}

h1, h2, h3, h4
{
	margin-bottom: 10px;
	font-family: Times New Roman,Times,Serif;
}

h1
{
	display: block;
	font-size: 18px;
	background-color: #075A84;
	background-image: url('/Images/headingBg.jpg');
	background-repeat: repeat-y;
	color: #FFF;
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: 1px;
	background-position: top right;
}
h1.foundHeading
{
	background-color: #156D5D;
	background-image: url('/Images/headingBgFound.jpg');
}
h2
{
	font-size: 16px;
}

h3
{
	font-size: 14px;
}

h4
{
	font-size: 13px;
}

table 
{
	margin-bottom: 0;
}

table td 
{
	vertical-align: top;
}

/* header */
.wrapper
{
	background-image: url('/Images/headerBackground.jpg');
	background-repeat: no-repeat;
	background-position: -30px 0px;
}

.redLink
{
	color: Red;
}

.headerCourtesyNav .redLink a 
{
	font-weight: bold;
	color: Red;
}

.courtesyArea 
{
	text-align: right;
}

.siteHeader 
{
	height: 140px;
	*height: 125px;
}

.siteHeader p 
{
	margin: 0;
	padding: 0;
}

.loginBoxTable
{
	margin-top: 63px;
	*margin-top: 59px;
	margin-right: 10px;
	float: right;
	color: #015581;
	font-size: 11px;
}

.loginBoxTable td
{
	padding: 1px;
	vertical-align: bottom;
}

.loginBoxTable td input 
{
	margin-top: 2px;
}

.VAPVLogin
{
	font-size: 11px;
	border: solid 1px #BBB;
}

.mainSeparator
{
	border-bottom: solid 9px #000;
	margin-left: 10px;
	margin-right: 10px;
	width: 940px;
	clear: both;
}

.LoginButton
{
	font-size: 11px;
	border: solid 1px #BBB;
	background-color: #EEE;
	height: 18px;
	width: 35px;
	*margin-bottom: 1px;
}

.headerCourtesyNav 
{
	padding-top: 5px;
	padding-right: 10px;
	color: #015581;
	font-size: 12px;
}

.headerCourtesyNav a
{
	text-decoration: none;
	color: #015581;
}

.headerCourtesyNav a:hover
{
	text-decoration: underline;
}

/* footer */
.siteFooter
{
	border-top: solid 9px #000;
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
	background-image: url('/Images/footerBg.png');
	background-repeat: repeat-x;
	height: 87px;
	color: #000;
}

.siteFooter a
{
	text-decoration: none;
	color: #000;
}

.siteFooter a:hover
{
	text-decoration: underline;
}

/* left side */
.container_16 .siteLeft
{
	margin-right: 0;
	width: 186px;
	background-color: #015581;
	color: #FFF;

}

.container_16 .siteLeft a
{
	color: #FFF;
}

#Search
{
	margin-left: 15px;
	margin-top: 15px;
	text-align: right;
	float: right;
	width: 170px;
	*width: 172px;
	_width: 171px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#Search 
	{
		width: 172px;
	}
}

#SearchBox
{
	border: solid 3px #FFF;
	width: 137px;
	_width: 133px;
	float: left;
	font-weight: bold;
	color: #888;
	text-align: right;
	height: 16px;
}

#SearchButton
{
	cursor: pointer;
}

.leftSideBelowMenu
{
	text-align: center;
	*padding-bottom: 5px;
	*background-color: #FFF;
}

/* main */
.container_16 .siteMain
{
	margin-left: 0px;
	width: 754px;
}

/* sidebar magic */
.mainInteriorWrapper
{
	padding-left: 10px;
	/*padding-top: 10px;*/
	padding-bottom: 10px;
}

.bodyMain 
{
	float: left;
	width: 485px;
	padding-top: 10px;
}

.full 
{
	width: 100%;
}

.rcol 
{
	float: right;
	width: 245px;
	background-color: #015581;
	color: #FFF;
	font-size: 12px;
}

.rcol h2
{
	display: block;
	background-color: #514C46;
	font-size: 16px;
	padding: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.rcol p
{
	margin: 10px;
}

.rcol a
{
	color: #FFF;
}

.foundSidebar
{
	background-color: #007060;
}

/* interior stuff */
.interiorBreadcrumbs
{
	padding-bottom: 10px;
	color: #01567D;
	font-size: 14px;
	text-transform: uppercase;
}

.interiorBreadcrumbs a
{
	color: #01567D;
	text-decoration: none;
}

/*navigation menu */
.leftSideMenu div.nav {
	/*background-color: #D1D9DC;*/
	margin-left: 10px;
	margin-top: 35px;
	font-size: 12px;
}

.leftSideMenu div.nav div 
{
	/*border-top: solid 2px #C1CCD2;*/
}

.leftSideMenu div.nav div div {
	/*background-color: #F4E8D0;
	border-top: 0;
	border-bottom: solid 1px #5A92AD;*/
	/*margin-left: 15px;*/
}

.leftSideMenu a, .leftSideMenu a.selected
{
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333;
	padding-left: 2px;
	font-weight: bold;
	text-decoration: none;
	*padding-top: 3px;
	border-bottom: solid 1px #236D92;
}

.leftSideMenu div.nav div div a, .leftSideMenu div.nav div div a.selected
{
	background-color: #DCC2BA;
	border-bottom: solid 1px #E1D2CE;
	color: #87280C;
}

.leftSideMenu div.nav div a.selected {
	background-color: #811E00;
	text-decoration: none;
	border-bottom: solid 1px #E1D2CE;
	color: #FFF;
}

.leftSideMenu div.nav div div a.selected {
	background-color: #811E00;
	color: #FFF;
}

.leftSideMenu a.selected:hover {
	text-decoration: underline;
}

/* home page */
.cyclerImage
{
	width: 754px;
	height: 116px;
}

.calEvents, .barNews, .legalNews
{
	padding-left: 5px;
	padding-right: 5px;
}

.calEvents a, .barNews a, .legalNews a
{
	text-decoration: none;
	font-weight: bold;
}

.calEvents a 
{
	color: #BA2F04;
}

.barNews a
{
	color: #246700;
}

.legalNews a
{
	color: #C07C01;
}

.homeHeading
{
	margin-top: 10px;
	margin-bottom: 15px;
}

.homeContentBox
{
	padding-left: 10px;
	padding-right: 10px;
}

.legalLinks
{
	background-image: url('/Images/legalLinksBg.png');
	background-repeat: repeat-x;
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
}

/* member signup */
.nuPVWrapper 
{
	padding-left: 10px;
	padding-bottom: 10px;
}
