body{
background: #1A1E05 url(../images/tile.gif) repeat;
margin:0 auto;
padding: 0;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}

body.video{
	background:#fff;
}

h1{
	font family: Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:bold;
	color:#122E5E;
	margin:0 0 0 7px;
}
h2{
	font family: Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	margin: 0px;
}
h2 .video{
	font family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin: 0px;
}
h3{
	font-size:16px;
}
a:hover h3 {
	text-decoration:none;
	color:#9F0020;
}

h3 a:hover{
	text-decoration:none;
	color:#9F0020;
}


h4{
	font-size:17px;
	letter-spacing: .5px;
}

#maincontainer{
	width: 980px; /*Width of main container*/
	background: #fff;
	margin: 10px auto; /*Center container on page*/
	padding: 0;
	border: 10px solid #fff;
}

a img{
	border: 0px;
	}

/* TOP SECTION */
#topsection{
	height: 165px; /*Height of top section*/
	background: #193872 url(../images/header.jpg) top left no-repeat;
	text-align: right;
	font-size: 85%;
	font-wight: bold;
	color: #FFF;
	line-height: 120%;
}

#topsection b{
	color: #90A3CD;
}
/* END TOP SECTION */

/* TOP NAV IS IN AN INCLUDE FILE - JSS */

/* BEGIN SIDE NAV */


.suckertreemenu ul{
margin: 0 0px 0 0;
padding: 0;
float: right;
list-style-type: none;
}

html>body .suckertreemenu ul { margin: 0 0px 0 0; }

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #7d764a; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 120px; /*Width of top level menu link items*/
padding: 1px 8px;
border-left: 2px solid #59542e;
border-bottom: 2px solid #59542e;
text-decoration: none;
color: #FFF;
font-size: 110%;
}

.suckertreemenu ul li.nb1 a { width: 45px; }
.suckertreemenu ul li.nb2 a { width: 125px; }
.suckertreemenu ul li.nb3 a { width: 70px; }
.suckertreemenu ul li.nb4 a { width: 47px; }
.suckertreemenu ul li.nb5 a { width: 52px; }
.suckertreemenu ul li.nb6 a { width: 92px; }
.suckertreemenu ul li.nb7 a { width: 68px; }
.suckertreemenu ul li.nb8 a { width: 99px; }
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
position: absolute;
margin: 9px 0 0 -65px;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #FFF;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #59542e;
}

.suckertreemenu ul li a:hover{
background-color: #25290E;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(images/arrow-down.gif) no-repeat center right;
}

/*Trying to help IE7 whitespace that appears at the top of the content space...*/
#topnav{
	*margin-bottom:-5px;
	_margin-bottom:0px;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* END SIDE NAV */

#contentwrapper{
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 4px solid #000;
}

/* CONTENT CSS */
#content{
	float: right;
	width: 770px;
	*width: 755px;
	_width: 745px;	
	padding: 0 5px 0 5px;
    margin: 15px 0 0 0;
	_margin-left:20px;
	color: #000;
}

html>body #content { padding: 15px 5px 0 5px; }

#content a{
	color:#9F0020;
	font-weight: bold;
	text-decoration:none;
}

#content a:hover{
	color:#5376b6;
	font-weight: bold;
	text-decoration:underline;
}

#content ul{
	margin-top: 0px;
}

/* END CONTENT CSS */

/* FOOTER CSS */
#footer{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 5px 0 2px 0;
	font-size: 80%;
}

#footer p { padding: 0; margin: 0; }

#footer a{
	color: #FFF;
}
/* END FOOTER CSS */

/* ETERNITY FOOTER */
#eternity{
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding: 0 0 0 0;
	font-size: 85%;
}

#eternity a{
	clear: left;
	color: #FFF;
	text-align: center;
	padding: 0;
}
#eternity a:hover{
	clear: left;
	color:#5376b6;
}
/* END ETERNITY FOOTER */

/* CLASSES */
.innertube{
	margin: 5px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	padding: 0;
	margin-top: 0;
	font-size:15px;
}

div.innertube td.heading1 { background: #000; } 

div.innertube td.heading2 { background: #eedebd; } 

div.innertube td.heading3 { background: #073507; } 

.smalltext{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	font-size:12px;
}

.clearboth { clear: both; }

.underline { 
	border-bottom: 2px solid #000; 
	border-top: 2px solid #000;
	background: #1A1E05;
	color: #FFF;
	text-indent: 10px;
}
.textunderline { text-decoration: underline; margin:0px; color:#1A1E05;}

#outline {border: 1px dotted #193872; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; margin-top: 10px;}

.purpleBorder {
	border-width: 3px;
	border-style: solid;
	border-color: #272974;
}

.interski {
	border-width: 2px;
	border-style: solid;
	border-color: #F1F000 #E7E402 #E7E402 #F1F000;
	margin-left:15px;
}


.video {
	margin:0 auto;
}

.video h2 {
	color:#000;
	text-align:center;
}

/* END CLASSES*/

/* LEFT NAVIGATION DROP DOWN MENU */

.suckerdiv { 
float: left; 
_width:193px;
}

.suckerdiv a{
	color: #5376b6;
	font-weight: bold;
}

.suckerdiv a:hover{
	color: #908750;
	font-weight: bold;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 190px; /* Width of Menu Items */
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 250px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFF;
text-decoration: none;
background: #193872;
padding: 1px 5px;
border: 1px solid #25290E;
font-weight:bold;
}

.suckerdiv ul li a:visited{
color: #FFF;
}

.suckerdiv ul li a:hover{
background-color: #25290E;
color: #FFF;
}

.suckerdiv .subfolderstyle{
background: #193872 url(../images/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/* BOXES & CLASSES FOR HOME PAGE CONTENT */
.bluebox {
	background: #C4D5F5;
	font-size: 13px;
	line-height: 110%;
	text-align:left;
	border: 2px solid #59542e;
}
	.bluebox h1 {
		font-size: 24px;
		font-weight: bold;
		color: #000;
		margin: 0;
	}
	.bluebox h2 {
		font-size: 14px;
		color: #000;
		margin: 0;
		padding-bottom: 2px;
		font-weight: bold;
	}
	.bluebox h3 {
		font-size: 12px;
		color: #000;
	}
	.bluebox p {
		margin-bottom: 8px;
		margin-top: 8px;
	}
	.bluebox em {
		text-indent: 15px;
	}
	
	
.tanbox1 {
	background: #D0C583;
	font-size: 13px;
	border: 2px solid #59542e;
	padding:0 5px;
}
.tanbox2 {
	background: #EBE4BA;
	font-size: 13px;
	text-align:left;
	border: 2px solid #59542e;
	padding:7px 5px;
}
	.tanbox2 h2 {
		font-size: 16px;
		font-weight: bold;
	}
.tanbox3 {
	background: #E9DC89;
	font-size: 12px;
	text-align:left;
	margin: 0;
	border: 2px solid #59542e;
}

.error { color: #c00; font-weight: bold; }

input.submit { font-size: 1.10em; margin: 10px; border: 2px outset #000; padding: 5px; background-color: #1c2986; color: #fff; }

#Payment_Type { padding: 0 10px 10px 20px; margin: 10px 0 0 14px; width: 720px; }

/* Event Registration Form Styles */

tr.latereg { background-color: #dddc83; border-bottom: 1px solid #000; }
tr.eventfull { background-color: #d17b7b; border-bottom: 1px solid #000;  }
tr.available { background-color: #7bd189; border-bottom: 1px solid #000;  }
tr.regdisabled { background-color: #d7d7d7; border-bottom: 1px solid #000;  }

#eventregistration table th,
table#eventregistration th { background-color: #b0b0b0; border-bottom: 1px solid #000; }
table#eventregistration td { border-bottom: 1px solid #000; }

#registrationform h4 {  margin: 0 0 -7px 0; padding: 0; }
html>body #registrationform h4 {  margin: 10px 0 -10px 5px; padding: 0; }
html>body #registrationform p {  margin: 14px 0 0 0; padding: 0; }

input.nextstep { font-size: 1.1em; border: 2px outset #001849; background-color: #bedaff; }

.innertube th{
	color:#fff;
}

/* Style for Event Calendar Table */

#eventcalendar table th,
#eventcalendar th { background-color: #b0b0b0;}
#eventcalendar td { border-bottom: 1px solid #b0b0b0;margin:0;padding:0; }

/*** IE 6 width problems for pages with tables and Maps FIXED. TABLE SIZES ARE THE REASON FOR IE6 PROBLEMS. ALWAYS CHECK PADDING!!!! ***/

.innertube table {
	_width:725px;	
	_float:right;
	_margin:0;
}


/*** New Box Styles ***/


#EventHighlights {
	min-height:270px;						/* IE6 MIN-HEIGHT TRICK */ 	
	height:auto !important;					/* IE6 MIN-HEIGHT TRICK */ 	
	height:270px; 	
	background-color:#2a3089;
	border: 6px solid #3853a4;
	color:#3eb649;
	padding:10px;
	margin:-20px 0 0 0px;
	*margin:-15px 0 0 0px;
	_margin:0px;
}

#EventHighlights ul{
	width:32em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: .1em; /* Left List Indent */
}

#EventHighlights li{
	background-image: url('../images/event_list_arrow.jpg');
	background-repeat: no-repeat;
	background-position: 0 .1em; /* Aligns the Image from left to top (first number is left, second is top) */
	padding-left: 1.6em; /* Puts spave between the image and the text itself */
	margin-bottom:1em;
}

#EventHighlights .image{
	float:right;
	padding:5px;
}

#EventHighlights .image img{
	border: 4px solid #3853A4;
}

#Lineup {
	width:440px;
	height:auto;
	background-color:#1e1c59;
	border: 6px solid #2a3089;
	color:#f4eb00;
	padding:10px;
	margin:10px 0 0 3px;
	*margin:-2px 0 0 3px;
}

#Lineup a{
	color:#f4eb00;
}

#Lineup p{
	margin:0 0 0px 30px;
}

#NationalUpdates {
	width:440px;
	height:auto;
	background-color:#FE3200;
	border: 6px solid #272974;
	color:#fff;
	padding:10px;
	margin:10px 0 0 3px;
}

#NationalUpdates a{
	color:#fff;
}

#NationalUpdates p{
	margin:0 0 40px 30px; /* THE MARGIN-BOTTOM IS KEY TO THE HEIGHT OF THE DIVS AND PREVENTING TEXT CUT-OFF */
}


#MembershipBox{
	width:240px;
	_width:230px;
	height:auto;
	background-color:#cecde0;
	border:6px solid #3853a4;
}

#MembershipBox h3{
	color:#272974;
	font-size:18px;
}

#MembershipBox h3 a{
	color:#272974;
	font-size:16px;
	text-decoration:underline;
}

.eduFoundation {
	border: 6px solid #33449c;
}

.eduFoundation h3{
	color:#272974;
	font-size:18px;
}

.eduFoundation a h4{
	color:#0000cc;
}

/*** End of New Box Styles ***/


/*** Rotating Text Styles ***/

/*Javascript Calls are in Chunks */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 400px; /*width of featured content slider*/
height: 110px; /*controls vertical alignment of arrows and numbers */

}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 7px 10px 5px 0;
width: 400px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.pagination{
width: 434px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
background-color: transparent;
padding: 1px;
margin-top:5px;
}

.pagination img{
margin-bottom:-6px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color:#7F0017;
}

.pagination a:hover, .pagination a.selected{

}

/*** NEW MANUAL PAYMENT FORM ***/

#manualPayment{
	padding:20px 0 0 20px;
}
	#manualPayment h2{
		margin:0 0 10px 0;
	}

/* End */