@import url("../BeetleCMS/CSS/beetleCMS.css");
body
{
	font-family: Arial;
	background-color: #9FB7D4;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	font-size: 10pt;
	background-image: url(../Images/main_background.png);
	background-repeat: repeat-x;
}
td
{
	font-family: Arial;
	font-size: 10pt;
}
h1
{
	font-weight: bold;
	font-size: 16pt;
	color: #2A53AE;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #CFDAF6;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #9FB7D4;
}
h2
{
	font-weight: bold;
	font-size: 12pt;
	color: #2A53AE;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: #000099 1px solid;
}

a:link
{
	color: #0000cc;
	text-decoration: underline;
}
a:visited
{
	color: #3333cc;
	text-decoration: underline;
}
a:active
{
	color: #cc0000;
}
a:hover
{
	text-decoration: none;
}

#mainContainer
{
	margin-top: 11px;
	width: 912px;
}
#mainCenter
{
	background-color: #FFFFFF;
	width: 900px;
}
#mainRightShadow
{
	background-image: url(../Images/main_rightShadow.png);
	background-repeat: no-repeat;
	width: 6px;
}
#mainLeftShadow
{
	background-image: url(../Images/main_leftShadow.png);
	background-repeat: no-repeat;
	width: 6px;
}
#headerNav
{
	vertical-align: top;
	text-align: right;
	margin-right: 20px;
}
#headerNav a
{
	color: #000000;
	text-decoration: underline;
	font-size: 9pt;
}
#headerNav a:link
{
	color: #000000;
	text-decoration: underline;
	font-size: 9pt;
}
#headerNav a:visited
{
	color: #000000;
	text-decoration: underline;
	font-size: 9pt;
}
#headerNav a:active
{
	color: #FF0000;
	text-decoration: none;
	font-size: 9pt;
}
#headerNav a:hover
{
	color: #FF0000;
	text-decoration: none;
	font-size: 9pt;
}

#topnavTop
{
	background-image: url(../Images/topnav_top.png);
	background-repeat: no-repeat;
	width: 900px;
	height: 8px;
}
#topnavLeftShadow
{
	background-image: url(../Images/topnav_leftShadow.png);
	background-repeat: no-repeat;
	width: 10px;
}
#topnavRightShadow
{
	background-image: url(../Images/topnav_rightShadow.png);
	background-repeat: no-repeat;
	width: 10px;
}
#heroRightShadow
{
	background-image: url(../Images/hero_rightShadow.png);
	background-repeat: no-repeat;
	width: 10px;
}
#heroLeftShadow
{
	background-image: url(../Images/hero_leftShadow.png);
	background-repeat: no-repeat;
	width: 10px;
}
#bodyContainer
{
	margin: 10px 10px 20px 10px;
	text-align: left;
}

#footerContainer
{
}
#footerText
{
	font-size: 8pt;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/** For the homepage **/
#homeBodyContainer
{
	padding: 20px 10px 20px 10px;
}
#eventsContainer
{
	background-color: #BFCBE7;
	border: 1px solid #666666;
	padding: 10px;
	margin: 20px 0px 20px 10px;
	font-size: 9pt;
}


/** Popup menu styles **/
.popupMenu
{
	background-color: #E5EBFA;
	border: 1px solid #9FB7D4;
	padding: 5px 15px 5px 15px;
	text-align: left;
	line-height: 180%;
	font-size: 9pt;
}
.popupMenu a
{
	color: #000000;
	text-decoration: none;
}
.popupMenu a:Link
{
	color: #000000;
	text-decoration: none;
}
.popupMenu a:Visited
{
	color: #000000;
	text-decoration: none;
}
.popupMenu a:Active
{
	color: #333333;
	text-decoration: underline;
}
.popupMenu a:Hover
{
	color: #000000;
	text-decoration: underline;
}

/** Popup Menu Styles **/
/*Hides menu when page loads*/
.popupMenu
{
	position: absolute;
	visibility: hidden;
}

/** /Popup Menu Styles **/


/** Styles for subnavs **/
a.current
{
	font-weight: bold;
	color: #2A53AE;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
a.current:visited
{
	color: #2A53AE;
	text-decoration: none;
}
a.current:active
{
	color: #2A53AE;
	text-decoration: none;
}
a.current:hover
{
	color: #2A53AE;
	text-decoration: underline;
}


@media print
{
	.noprint
	{
		display: none;
	}
}

/** For the FAQ **/
div.faq
{
   width:880px;
}
div.faq .question
{
    background-position: 5px 7px;
    margin: 0px 0px 10px 0px;
    background-color: #EAEAFF;
    font-weight: bold;
    font-size: 11pt;
    padding: 3px 5px 3px 20px;
    cursor: pointer;
    background-image: url('../Images/plus.gif');
    background-repeat: no-repeat;
}
div.faq .answer
{
    padding: 0px 10px 15px 40px;
}