/***********************************************/
/* Global CSS for Revision V.1.2               */
/* Updated 11.20.09                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial, sans-serif;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #054f8b; /*B68308*/
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	text-align:center;
	behavior: url("csshover3.htc");
}

div, p, span {
	margin: 0px;
	padding: 0px;
}


#logo {
	display: block;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width:780px;
	float:left;
}
#thbg{
	height:328px;
	background-image: url(images/thbg.jpg);
	background-repeat: no-repeat;
}
#logo h1{
	display:none;
}
.hH1 {
	display: block;
	background-image: url(images/wtitle.gif);
	background-repeat: no-repeat;
	height: 30px;
	width:588px;
}

.hH1 h1{display:none;}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/
h1{
	font: bold 120% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
		}

h2{
font: bold 114% Arial,sans-serif;
color: #006699;
margin: 0px;
padding: 0px;
}

h3{
font: bold 100% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

h4{
font: 90% Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}

h5{
font: 100% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}


/*************** list tag styles ***************/


ul{ list-style-type: square;}

ul ul{ list-style-type: disc; }

ul ul ul{ list-style-type: none; }



div#content ul, div#content ul ul, div#content ul ul ul { list-style-position: outside; margin-bottom: 0px; margin-right: 0px; padding: 0px; }

div#content ul{ list-style-type: square; margin-left: 20px; }

div#content ul ul{ list-style-type: disc; margin-top: 8px; }

div#content ul ul ul{ list-style-type: none; margin-top: 8px; }

div#content li { padding: 0px 0px 8px 0px; margin: 0px 0px 0px 0px; text-indent: 0px; }




/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
	font: bold 1em Arial,sans-serif;
	color: #334d55;
	padding:3px;
	margin-bottom:5px;
	margin-right:30px;

}
.labx label{
width:170px;
}
				
input{
font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:relative;
	MARGIN: 0px auto 0px;
	WIDTH: 780px;
	background-color: #F1F1F1;
	background-image: url(images/mbg.gif);
	background-repeat: repeat-y;
}
#pagecell1-admin{
	position:relative;
	MARGIN: 0px auto 0px;
	WIDTH: 780px;
	background-color: #fff;

}
#masthead{
	position:relative;
	MARGIN: 0px auto auto;
	width:780px;
	height:107px;
}
/************************************************/
#content{
	text-align:justify;
	width:585px;
	float:right;
	background-image: url(images/bg_content.jpg);
	background-repeat: no-repeat;
}
/***********************************************/
/* feature styles                              */
/***********************************************/
#feature{
	font-size: 80%;
	text-align: justify;
	margin:10px;
}
html>body #feature {height: auto;}

#feature h3{
	font: bold 100% Arial, sans-serif;
	color: #003366;
	text-decoration: underline;
}
#featurey h1{
	font: bold 100% Arial, sans-serif;
	color: #003399;
	text-align:left;
}
#feature h4{
	font: bold 110% Arial,sans-serif;
	color: #000000;
	text-decoration:underline;
}
#feature h5{
	font: bold 100% Arial,sans-serif;
	color: #000000;
	text-align:center;

}
#feature p {
	padding: 0px 0px 10px 0px;
}
#feature p {
	margin-top: 5px;
	margin-bottom:5px;
}

#feature a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

#feature a.capsule:hover{
	text-decoration: underline;
}

/************** siteInfo styles ****************/
#sIbox {
left:10%;
right:10%;
width:auto;
}
#rnews a{
text-decoration:underline;
}

#rnews {
height:60px;
}
#siteInfo{
	clear: both;
	font-size: 11px;
	color: #000000;
	text-align:center;
	width:780px;
	height:60px;
	background-color: #FFFFFF;
	background-image: url(images/bottom.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

	}
#siteInfo .ctsmall{
font-size:10px;
}

#siteInfo a {
	color: #006666;
	text-align: center;
	font-size:11px;
}
#siteInfo p{
padding-top:24px;
}
#siteInfo span{
	margin-left:90px;
}
#siteInfo a:hover{
	color: #ffffff;
}

/**********Left Menu**********/
#LeftMenu {
	float:left;
	width:192px;
}
/*******************************/

.preBox5 {
background-color: #FFF3E1;
border: 1px solid #333333;
height:175px;

}
.preBox3 {
background-color: #FFF3E1;
border: 1px solid #333333;
}
.preBox31 {
background-color: #FFF3E1;
border: 1px solid #333333;
}
.preBox5 h1{
margin-left:5px;

}
.preBox5 img{
float:right;
border: 1px solid #898988;
margin:5px;
}
.preBox5 p{
font-weight:normal;
text-align:justify;
margin:5px;
}
.preBox3 p{
font-weight:normal;
text-align:justify;
margin:5px;
}
.preBox {text-align:center;}
.preHd {font-weight:bold;text-decoration: underline}

/******************************/
.Pgh .Bggs{font-weight:bold;}
.Pgh span{margin-left:30%;} 
.Pgh strong{width:180px;float:left;font-weight:normal;} 
.Pgh .Nob2{font-weight:normal;} 
.Pgh p{padding:10px;} 
.Und {
text-decoration:underline;
}
.Und2 {
text-decoration:underline;
font-weight:bold;
}
legend{
font-weight:bold;
padding:3px;
margin-bottom:5px;
background:#FFF77B;
border:2px solid #DE4A00;
}
.reQ {
color:#FF6633;
}
/***********************************************/
/* LEFT LINKS BOX                              */
/***********************************************/

#links {
text-align:left;
width:192px;
font-size:11px;
}

#links p{
color:#ffffff;
font-size:11px;
padding-top:10px;
margin-left:5px;
margin-top:0px;
margin-bottom:5px;
text-align:left;
}
#links A {
color:#666600;
text-decoration:none;
}
#links A:hover {
	color:#CC0000;
	text-decoration:none;
}
#links ul{
padding-left:5px;
padding-right:5px;
margin: 0px 0px 0px 0px;

}
#links li{
	border-top: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	padding: 2px 0px 3px 19px;
	margin: 0px;
}
	
#links li{
	list-style: none;
	background-image: url(images/bullet.gif);
	/*list-style-position: inside;*/
	background-position: 6px 1px;
	background-repeat: no-repeat;
}
/***********************************************/
/* LEFT MENU                                   */
/***********************************************/

.menu {
	clear:both;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	Z-INDEX: 1000; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	}
.menu LI {
BACKGROUND-IMAGE: none; LIST-STYLE-TYPE: none;float:left;
}
.menu A {
	CLEAR: left; 
	DISPLAY: block; 
	FONT-WEIGHT: normal; 
	COLOR: #222; 
	TEXT-INDENT: -9999px; 
	TEXT-DECORATION: none;
	MARGIN: 0px;
}
.menu A:link {
	CLEAR: left; 
	DISPLAY: block; 
	FONT-WEIGHT: normal; 
	COLOR: #222; 
	TEXT-INDENT: -9999px; 
	TEXT-DECORATION: none;
}
.menu A:visited {
	CLEAR: left; DISPLAY: block; FONT-WEIGHT: normal; COLOR: #222; TEXT-INDENT: -9999px; TEXT-DECORATION: none;
}
.menu A:active {
	CLEAR: left; DISPLAY: block; FONT-WEIGHT: normal; COLOR: #222; TEXT-INDENT: -9999px; TEXT-DECORATION: none;
}

/*-----MENU ITEMS-----*/
/*-------------------*/
.menu A#menu_aboutus, A#menu_aboutus:link, A#menu_aboutus:visited, A#menu_aboutus:active {
	BACKGROUND: url(images/menu_off.gif) no-repeat 0px 0px; WIDTH:131px; HEIGHT: 37px;
}

.menu A#menu_aboutus:hover {
	BACKGROUND: url(images/menu_on.gif) no-repeat 0px 0px
}

/*----Item----*/
.menu A#menu_club, A#menu_club:link, A#menu_club:visited, A#menu_club:active{
	BACKGROUND: url(images/menu_off.gif) no-repeat -131px 0px; WIDTH: 65px; HEIGHT: 37px;
}
.menu A#menu_club:hover {
	BACKGROUND: url(images/menu_on.gif) no-repeat -131px 0px
}

/*----Item----*/
.menu A#menu_vocational, A#menu_vocational:link, A#menu_vocational:visited, A#menu_vocational:active{
	BACKGROUND: url(images/menu_off.gif) no-repeat -196px 0px; WIDTH: 92px; HEIGHT: 37px;
}
.menu A#menu_vocational:hover {
	BACKGROUND: url(images/menu_on.gif) no-repeat -196px 0px
}

/*----Item----*/
.menu A#menu_community, A#menu_community:link, A#menu_community:visited, A#menu_community:active{
	BACKGROUND: url(images/menu_off.gif) no-repeat -288px 0px; WIDTH: 92px; HEIGHT: 37px;

}
.menu A#menu_community:hover {
	BACKGROUND: url(images/menu_on.gif) no-repeat -288px 0px
}
/*----Item----*/
.menu A#menu_inter, A#menu_inter:link, A#menu_inter:visited, A#menu_inter:active{
	BACKGROUND: url(images/menu_off.gif) no-repeat -380px 0px; WIDTH: 92px; HEIGHT: 37px;
}
.menu A#menu_inter:hover {
	BACKGROUND: url(images/menu_on.gif) no-repeat -380px 0px
}
/*----Item----*/
.menu A#menu_president, A#menu_president:link, A#menu_president:visited, A#menu_president:active{
	BACKGROUND: url(images/menu_off.gif) no-repeat -472px 0px; WIDTH: 193px; HEIGHT: 37px;
}
.menu A#menu_president:hover {
	BACKGROUND: url(images/menu_on.gif) no-repeat -472px 0px
}

/**********************************/
/*       TOP RIGHT MENU           */
/**********************************/
/*----Item----*/
.menu A#menu_print, A#menu_print:link, A#menu_print:visited, A#menu_print:active{
	BACKGROUND: url(images/xmenu_off.gif) no-repeat -665px 0px; WIDTH: 23px; HEIGHT: 37px;
}
.menu A#menu_print:hover {
	BACKGROUND: url(images/xmenu_on.gif) no-repeat -665px 0px
}
/*----Item----*/
.menu A#menu_mark, A#menu_mark:link, A#menu_mark:visited, A#menu_mark:active{
	BACKGROUND: url(images/xmenu_off.gif) no-repeat -688px 0px; WIDTH: 19px; HEIGHT: 37px;
}
.menu A#menu_mark:hover {
	BACKGROUND: url(images/xmenu_on.gif) no-repeat -688px 0px
}
/*----Item----*/
.menu A#menu_a1, A#menu_a1:link, A#menu_a1:visited, A#menu_a1:active{
	BACKGROUND: url(images/xmenu_off.gif) no-repeat -707px 0px; WIDTH: 20px; HEIGHT: 37px;
}
.menu A#menu_a1:hover {
	BACKGROUND: url(images/xmenu_on.gif) no-repeat -707px 0px
}
/*----Item----*/
.menu A#menu_a2, A#menu_a2:link, A#menu_a2:visited, A#menu_a2:active{
	BACKGROUND: url(images/xmenu_off.gif) no-repeat -727px 0px; WIDTH: 22px; HEIGHT: 37px;
}
.menu A#menu_a2:hover {
	BACKGROUND: url(images/xmenu_on.gif) no-repeat -727px 0px
}
/*----Item----*/
.menu A#menu_a3, A#menu_a3:link, A#menu_a3:visited, A#menu_a3:active{
	BACKGROUND: url(images/xmenu_off.gif) no-repeat -749px 0px; WIDTH: 31px; HEIGHT: 37px;
}
.menu A#menu_a3:hover {
	BACKGROUND: url(images/xmenu_on.gif) no-repeat -749px 0px
}

/**********************************/
/*       TOP RIGHT MENU           */
/**********************************/
#tmenu {
width:240px;
height:70px;
float:right;
}
/*----Item----*/
.menu A#menu_home, A#menu_home:link, A#menu_home:visited, A#menu_home:active{
	BACKGROUND: url(images/tmenu_on.gif) no-repeat 0px 0px; WIDTH: 98px; HEIGHT: 70px;
}
.menu A#menu_home:hover {
	BACKGROUND: url(images/tmenu_over.gif) no-repeat 0px 0px
}
.menu A#menu_home_off, A#menu_home_off:link, A#menu_home_off:visited, A#menu_home_off:active{
	BACKGROUND: url(images/tmenu_off.gif) no-repeat 0px 0px; WIDTH: 98px; HEIGHT: 70px;
}
.menu A#menu_home_off:hover {
	BACKGROUND: url(images/tmenu_over.gif) no-repeat 0px 0px
}
/*----Item----*/
.menu A#menu_search, A#menu_search:link, A#menu_search:visited, A#menu_search:active{
	BACKGROUND: url(images/tmenu_on.gif) no-repeat -98px 0px; WIDTH: 66px; HEIGHT: 70px;
}
.menu A#menu_search:hover {
	BACKGROUND: url(images/tmenu_over.gif) no-repeat -98px 0px
}
.menu A#menu_search_off, A#menu_search_off:link, A#menu_search_off:visited, A#menu_search_off:active{
	BACKGROUND: url(images/tmenu_off.gif) no-repeat -98px 0px; WIDTH: 66px; HEIGHT: 70px;
}
.menu A#menu_search_off:hover {
	BACKGROUND: url(images/tmenu_over.gif) no-repeat -98px 0px
}
/*----Item----*/
.menu A#menu_contact, A#menu_contact:link, A#menu_contact:visited, A#menu_contact:active{
	BACKGROUND: url(images/tmenu_on.gif) no-repeat -164px 0px; WIDTH: 76px; HEIGHT: 70px;
}
.menu A#menu_contact:hover {
	BACKGROUND: url(images/tmenu_over.gif) no-repeat -164px 0px
}
.menu A#menu_contact_off, A#menu_contact_off:link, A#menu_contact_off:visited, A#menu_contact_off:active{
	BACKGROUND: url(images/tmenu_off.gif) no-repeat -164px 0px; WIDTH: 76px; HEIGHT: 70px;
}
.menu A#menu_contact_off:hover {
	BACKGROUND: url(images/tmenu_over.gif) no-repeat -164px 0px
}
/**********************************/
/*       MIDDLE HEADER PICT       */
/**********************************/
#mdheader {
	width:780px;
	height:224px;
	background-image:url(images/pictbox.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left;
}
#mdheader .mdpict{
float:left;
}
#mdheader .eventbox{
	float:right;
	background-image: url(images/eventbox2.gif);
	background-repeat: no-repeat;
	width:353px;
	height:224px;
}
.eventbox p{
	font-size:12px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	margin-top:3px;
	color:#FFFFFF;
}
.eventbox img{
	float:left;
	margin-right:5px;
	margin-top:3px;
	border:solid 2px #fff;
}
.eventbox a, .eventbox a:visited, .eventbox a:active,  .eventbox a:link{
color:#fff;
}
.eventbox h2{
	margin-bottom:0px;
	padding-bottom:0px;
	color:#fff;
	font-size:12px;
	text-align:left;
	margin-left:50px;
}
.eventbox h3{
	width:353px;
	height:23px;
	background: url(images/p_message.gif);
	text-indent:-9999px;
	margin:10px 0 10px 0;
}
#pmessage {
height:40px;
}
a#read,  a:visited#read,  a:active#read,  a:link#read {
	display:block;
	background-color:#FFCC33;
	width:60px;
	color:#003366;
	padding:2px;
	border:1px solid #666666;
	font-size:11px;
	text-align:center;
	text-decoration:none;
}

a:hover#read {
	display:block;
	background-color:#f8e38e;
	width:60px;
	color:#003366;
	padding:2px;
	border:1px solid #666666;
	font-size:11px;
	text-align:center;
	text-decoration:none;
}
/**********************************/
legend{
	font-weight:bold;
	padding:3px;
	margin-bottom:5px;
	background:#FFEEB9;
	border:2px solid #666666;
}

/******************************/

.Pgh .Bggs{font-weight:bold;}
.Pgh strong{width:160px;float:left;font-weight:bold;font-size:90%;margin-right:20px;text-align:left} 
.Pgh .Nob1{width:185px;float:left;font-weight:bold;}
.Pgh .Nob2{font-weight:normal;} 
.Pgh p{padding:10px;} 
.Pgh span{float:left;text-align:left} 

.Und {
text-decoration:underline;
}
.Und2 {
text-decoration:underline;
font-weight:bold;
}
.reQ {
color:#FF6633;
}
.Imgc {
float:right;
margin-left:20px;
}
/*******TABLE************/
.ctable td{
text-align:center;
}
.ctable{
	border-top: 0px;
	border-right: 1px solid #666666;
	border-bottom: 0px ;
	border-left: 1px solid #666666;
}
.ctable .tdl{
text-align:left;
padding-left:10px;
}
.ctable acronym{
font-weight:bold;
font-size:11px;
}
.ctable .td7{
text-align:left;
padding-left:10px;
}
.ctable .td2, .td7{
	background-color:#D8E0E4;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #3D4D55;
	border-left-color: #FFFFFF;
}
.ctable .td6{
text-align:left;
padding-left:10px;
}
.ctable .td3, .td6{
background-color:#D0E6F6;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #3D4D55;
	border-left-color: #FFFFFF;
}
.ctable .td4 {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#D8E0E4;
	background-image: url(images/ch.gif);
	background-repeat: repeat-x;
	height:24px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.ctable .td5{
	background-color:#D8E0E4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #3D4D55;
	border-left-color: #FFFFFF;
	text-align:left;
	padding-left:15px;
}
#feature label{
	font-size:10px;
	color: #334d55;
	padding:10px;
}
#feature INPUT#search{
	font-size:11px;
	font-weight:bold;
	background-color:#DFEDD3;
	color: #334d55;
	padding:2px;
	border: 1px solid #B9D7A0;
}
#feature .fdiv{
height:200px;
}
/************** #advert styles **************/
#advert{
	padding-top:30px;
}

#advert img{
	padding-left:15px;
	padding-right:15px;
	display: block;
	border:0px;
	text-align:center;
}

div#regad-sk8 {
	width: 147px;
	height: 189px;
	background-image: url( /images/regad-sk8.gif );
	background-position: top left;
	background-repeat: no-repeat;
}
div#movie-sk8 {
	width: 565px;
	height: 272px;
	background-image: url( /images/skatebanner-2.gif );
	background-position: top left;
	background-repeat: no-repeat;
}
/************** #advert styles **************/
#flash {
	float:left;
	padding-top:5px;
	height: 214px;
	width: 427px;
}
#clock {
position:absolute; 
left:437px; 
top:9px; 
width:28px; 
height:35px; 
z-index:1;
font-size:10px;
font-weight:bold;
padding-top:7px;
color:#795924;
}
/************** #floater styles **************/
.floater-left, .floater-right, .floater-center {
	margin-bottom: 20px;
}
.floater-left {
	float: left;
	margin-right: 20px;
}
.floater-right {
	float: right;
	margin-left: 20px;
}
.floater-center {
	text-align: center;
	clear: both;
}

/***********************************************/
/* Admin stuff                                 */
/***********************************************/
#adminform, #login{
	display:block;
	padding-bottom:50px;
}
#adminform label, #login label{
	display:block;
}
.a-title{
	display:block;
	background-color:#333333;
	color:#fff;
}
.a-menu{
	list-style-type:none;
	text-align:left;
	display:block;
	width:200px;
	border-bottom:solid 1px #003366;
}
.a-menu li a{
	color:#fff;
	font-size:12px;
	padding:0 5px;
	display:block;
}
.a-menu li a:hover{
	color:#fff;
	font-size:12px;
	padding:0 5px;
	display:block;
	background:#D0E6F6;
	text-decoration:none;
	color:#000;
}
.a-menu li{
	border-top:solid 1px #003366;
	border-left:solid 1px #003366;
	border-right:solid 1px #003366;
	background-image: url(images/ch.gif);
	background-repeat: repeat-x;
	line-height:22px;
}
#content-admin {
	background: url(images/bg_content.jpg) no-repeat top center;
/*	height:400px; */
}