*
{
	font-family: verdana, arial, sans-serif;
}

body
{
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
}

p
{
	margin-top: 1px;
	font-size: 100%;
	color: #666666;
}

a
{
	color: #DE1145;
}

a:hover
{
	color: #003399;
	text-decoration: none;
}


div.pagecontainer
{
	max-width:1000px;
	position: relative;
	padding: 0;
	margin: 10px auto;
}

h1, h2
{
	font-size: 100%;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
}


div.pageContent
{
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	line-height: 20px;
}

img
{
	border: 0px;
}

img.contentImage, .contentImage
{
	margin: 0px 0px 10px 20px;
	padding: 0;
	float: right;
	display: block;
}

img.contentImageLt
{
	padding: 0 20px 10px 0;
	float: left;
	margin-left: 0;
}

img.bordershadow, .bordershadow { 
	border: 1px solid #000; 
	-moz-box-shadow:3.5px 3.5px 5px #333; -webkit-box-shadow:3.5px 3.5px 5px #333; box-shadow:3.5px 3.5px 5px #333;
}

img.Image
{
	padding: 5px 5px 5px 5px;
	margin-left: auto;
	margin-right: 0;
}

table.content
{
	width: 99%;
	border: 0px;
}

table.content th, h2.content
{
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 4px;
	font-weight: bold;
}

table.content td, div.telltales
{
	border: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 4px;
	text-align: left;
}

ul
{
	list-style-type: square;
}

ol.decimal
{
	list-style-type: decimal;
}

ol.lowerRoman
{
	list-style-type: lower-roman;
}

iframe
{
	 border: 0;
    	margin: 0;
    	padding: 0;
/* border: 0px #FFFFFF;
	vertical-align: -6px;
	margin-left: -9px; */
}

/** ------------------------------------------------- START BANNER AREA**/
div.banner
{
	text-align: center;
	background-image: url(images/build/bg_banner.gif);
	padding-top: 10px;
}

.bannerBigText {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.5em;
	line-height: 32px;
}

.bannerSmallText {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.5em;
	padding: 10px 0;
}

.bannerASCLogo {
	float: left;
}
.bannerASCLogo img {
	border: none;
	margin-left: 20px;
	padding-right: 17px;
}
.bannerRYALogo {
	float: right;
}
.bannerRYALogo img {
	border: none;
	margin-right: 20px;
	padding-bottom: 6px;
}

/** ------------------------------------------------- END BANNER AREA**/

/** ------------------------------------------------- START TOPMENU AREA**/
.menu_top
{
	text-align: center;
	border-bottom: 1px white solid;
	border-top: 1px white solid;
	background-image: url(images/build/bg_menu_off.gif);
	background-repeat: repeat-x;
	background-color: #9a0e2a;
	padding: 0 50px;
}

div.menu_top div.menutop_on, div.menu_top div.menutop_off {
	/**width: 108px;**/
	height: 28px;
	float: left;
	font-size: 70%;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 24px;
	margin-right: 1px;
}

div.menu_top a {
	padding-left: 12px;
	padding-right: 12px;
}

div.menu_top select {
	display: none;
}
div.menutop_off a
{
	color: #FFFFFF;
	text-decoration: none;
}

div.menutop_off:hover
{
	background-image: url(images/build/bg_menu_on.gif);
	background-repeat: repeat-x;
}

div.menutop_off a:hover
{
	color: #CCCCCC;
	text-decoration: none;
}

div.menutop_on
{
	color: #FFFFFF;
	background-image: url(images/build/bg_menu_on.gif);
	background-repeat: repeat-x;
}

div.menutop_on a
{
	color: #FFFFFF;
	text-decoration: none;
}

.menu_top > ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	position: relative;
	z-index: 999;
}
.menu_top > ul li {
	list-style: none;
	position: relative;
	display: block;
	white-space: nowrap;
}

div.menu_top li {
	height: 28px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 24px;
}

div.menu_top > ul > li.menutop_on, div.menu_top > ul > li.menutop_off {
	float: left;
	font-size: 70%;
	margin-right: 1px;
}

div.menu_top a {
	padding-left: 7px;
	padding-right: 7px;
	display: block;
}
/*
div.menu_top select {
	display: none;
}
*/
li.menutop_off a {
	color: #FFFFFF;
	text-decoration: none;
}

li.menutop_off:hover {
	background-image: url(images/build/bg_menu_on.gif);
	background-repeat: repeat-x;
}

li.menutop_off a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

li.menutop_on {
	color: #FFFFFF;
	background-image: url(images/build/bg_menu_on.gif);
	background-repeat: repeat-x;
}

li.menutop_on a {
	color: #FFFFFF;
	text-decoration: none;
}

.notalink > a { cursor: default; }


ul#main_menu ul {
	display:none;
	position:absolute; left:0; top:100%; 
	border-width:1px; border-style:solid; border-color:#c0c0c0;
	-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;
	background-color: #9A0E2A;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	border-color:#fff;
	padding:0;
	overflow: hidden;
	z-index: 9999;
}
ul#main_menu li:hover>*{ display: inline-block; }
ul#main_menu li:hover li a { display: block; }

ul#main_menu ul li {
	background-image: url(images/build/bg_menu_off.gif);
	background-repeat: repeat-x;
	background-color: #9a0e2a;
}
ul#main_menu ul li.menutop_on, ul#main_menu ul li:hover {
	background-image: url(images/build/bg_menu_on.gif);
}

ul#main_menu li#juniors_menu ul { left: -30px; }
ul#main_menu li#training_menu ul { left: -20px; }
ul#main_menu li#joining_menu ul { left: -20px; }
ul#main_menu li#resources_menu ul { left: -20px; }
ul#main_menu li#members_menu ul { left: -20px; }

ul#main_menu ul li { margin-bottom: 1px; }

/** ------------------------------------------------- END TOPMENU AREA**/

/** ------------------------------------------------- START LEFTMENU AREA**/
div.menuLeft, div.newsLeft
{
	position: absolute;
	top: 0;
	left: 0;
	width: 162px;
	height: 767px;
	border: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #F2F2F2;
	overflow: hidden;
	line-height: 90%;
	overflow:auto
}

div.latest
{
	padding: 15px 15px 15px 15px;
	margin: 0px;
}

div.menuLeft a, div.newsLeft a
{
	display: block;
	font-size: 70%;
	color: #333333;
	text-decoration: none;
}

div.menuLeft a:hover, div.newsLeft a:hover
{
	font-size: 70%;
	color: #FF0000;
	text-decoration: none;
}

.leftLinks
{
	background-color: #003399;
	background-image: url(images/build/bg_featurebox.gif);
	background-repeat: repeat-x;
	height: 30px;
	width: 162px;
}

.leftLinks a
{
	font-size: 70%;
	color: #666666;
	padding-left: 15px;
	line-height: 28px;
}

#this_one a { font-weight: bold; }

/** ------------------------------------------------- END LEFTMENU AREA**/

div.main {
	position: relative;
}
/** ------------------------------------------------- START MAINCONTENT AREA**/
div.maincontent
{
	min-height: 770px;
	overflow: hidden;
	text-align: justify;
	margin: 0 30px 0 162px;
	font-size: 80%;
	color: #666666;
/**	border-right: 1px solid #666666;**/
}

/** ------------------------------------------------- END MAINCONTENT AREA**/

/** ------------------------------------------------- START QUICKLINKS AREA**/
div.quicklinks
{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FFFFFF;
	height: 770px;
	line-height: 0px;
	border-left: 1px solid #666666;
	padding: 0px;
	margin: 0px;
}

img.quickLinks
{
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
}

/** ------------------------------------------------- END QUICKLINKS AREA**/

/** ------------------------------------------------- START FEATURES AREA**/

div.feature {
	width: 235px; min-height: 207px; margin-left: 25px; margin-bottom: 20px; float: left;
}
div#racing, div#learning, div#forum {
	min-height: 135px; 
}
div#weather {
	width: 495px; min-height: 280px;
}
div.clear3 {
	clear:both;
}
div.featureHeading
{
	height: 12px;
	letter-spacing: 0.1em;
	padding: 5px 0px 0px 0px;
	background-color: #003399;
	background-image: url(images/build/bg_menu_off.gif);
	background-repeat: repeat-x;
	border-bottom: 0px white solid;
	color: #FFFFFF;
	font-size: 78%;
	font-weight: bold;
}

div.featureContent
{
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px;
	text-align: left;
	font-size: 80%;
	color: #666666;
	line-height: 12px;
	border-top: 0px;
}
div.featureHeadingA
{
	height: 12px;
	letter-spacing: 0.1em;
	padding: 5px 0px 0px 0px;
	background-color: #003399;
	background-image: url(images/build/bg_menu_off.gif);
	background-repeat: repeat-x;
	border-bottom: 0px white solid;
	color: #FFFFFF;
	font-size: 78%;
	font-weight: bold;
}

div.featureContentA
{
/* 	width: 450px;
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px;
	text-align: justify;
	font-size: 80%;
	color: #666666;
	line-height: 12px;
	border-top: 0px; */
	padding: 0 20px;
}

div.feature img { border: none; }

div.featureHeading a
{
	width:150px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
}
div#events table {
	font-size: 9px;
	text-align: left;
	padding: 0;
	width: 100%;
}
div#events table td {
	border-bottom: 1px solid #666;
	color: #666;
}

/** ------------------------------------------------- END FEATURES AREA**/

/** ------------------------------------------------- START FOOTER AREA**/

div.footer
{
	min-height: 30px;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-image: url(images/build/bg_menu_off.gif);
	background-repeat: repeat-x;
	background-color: #9a0e2a;
	line-height: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	clear:both;
	margin: 0;
	padding: 5px 0;
}

div.footer p {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}
div.footer a
{
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	letter-spacing: 0.1em;
}
/** ------------------------------------------------- END FOOTER AREA**/

div#adobe { float:right; }


@media screen and (max-width: 1100px) {
	div.pagecontainer { margin: 10px 20px; }
}

@media screen and (min-width: 751px) and (max-width: 1000px) {
	.bannerASCLogo img { margin-left: 0; }
	.bannerRYALogo img { margin-right: 0; }
	div.clear2 { clear: both; }
	div.clear3 { clear: none; }
}

@media screen and (min-width: 601px) and (max-width: 750px) {
	
	.bannerASCLogo img { margin-left: 0; }
	.bannerRYALogo img { margin-right: 0; }
	div.clear2 { clear: both; }
	div.clear3 { clear: none; }
	div.newsLeft {
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 25px;
	}
	div#adobe { width: 220px; }
}

@media screen and (min-width: 601px) and (max-width: 670px) {
	.clearmobile { clear: both; }
}

@media screen and (max-width: 600px) {
	
	div.pagecontainer { margin: 10px 0; }
	.bannerASCLogo img { margin-left: 0; width:52px; }
	.bannerRYALogo img { margin-right: 0; width:67px; padding-bottom: 3px; }
	.bannerBigText, .bannerSmallText { font-size: 80%; }
	div.clear2 { clear: both; }
	div.clear3 { clear: none; }
	div.maincontent { min-height: 200px; margin: 0; }
	div.feature { min-height: 100px; }
	div.newsLeft {
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 25px;
	}
	div.menuLeft { display: none; }
	div.quicklinks { display: none; }
	div.menu_top div { display: none; }
	div.menu_top ul { display: none; }
	div.menu_top select { display: inline-block; }
	div.featureContentA {
		padding: 0;
		margin: 0 0 0 -20px;
	}
	.pageContent ul { padding-left: 15px; }
	div#adobe { width: 220px; }
}

@media screen and (max-width: 475px) {
	.clearmobile { clear: both; }
}

@media screen and (max-width: 340px) {
	.bannerBigText { clear: both; }
	div.footer p { font-size: 10px; }
}