/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Reset~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
# html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
# pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Basic Elements~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/ 
body{
	background: url(/application/images/gradient.jpg) repeat-x;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

a{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #5d5859;
}

img { border: none; }

:focus { outline: 0; }


div#global { 
	position:absolute;
	left: 50%;
	top: 0px;
	width: 950px;
	height: 740px;
	/*margin-top: -300px; /* half of the height */
	margin-left: -475px; /* half of the width */
} 

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Basic Layout~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#content{
	top: 0px;
	left: 0px;
	height: 770px; 
	width: 928px;
	border-color : #cdc3bc;
	border-style : solid;
	border-width : 0px;
	background: url(/application/images/bg.jpg) no-repeat top left;
	background-color: #fff;
	z-index: 1;
}

.top {
	position: relative;
	width: 545px;
	height: 14px;
	border: none;
	background: url(/application/images/top.html) no-repeat top left;
}

.tile {
	position: relative;
	width: 545px;
	height: 100px;
	padding-bottom: 1px;
	background-image: url(/application/images/tile.jpg);
	background-repeat: repeat-y;
}

.bottom {
	position: relative;
	width: 545px;
	height: 16px;
	background: url(/application/images/bottom.html) no-repeat top left;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Header~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#flash{
	position:relative;
	height: 149px;
	float:left;
	margin: 0px 0px 0px 13px;

}


#menu{
	background: url(/application/images/menu.jpg) no-repeat top left;
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 16px;
	height: 33px; 
	width: 897px;
	border-color : #c0c0c0;
	border-style : solid;
	border-width : 0px;
	z-index: 2;
}

ul.menu {
	float:left;
	top:0px;
	list-style:none;
	padding: 0 0px; 
	margin: 0px 0px 0px -10px;
}

ul.menu li {
	display:inline;
	margin: 0 0em 0 0;
	padding:0;
}

ul.menu li a {
	margin-right: -10px;
}

.menubtns { border: none; margin: 0px 0px 0px -3px;}


ul.menu li a:link, ul.menu li a:visited{
	color:#5d5959;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

ul.menu li a:hover, ul.menu li a:active{
	color:#aaa;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Main Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#container{
	float:left;
	top: 0px;
	left: 0px;
	margin: 10px 0px 0px 14px;
	height: 460px; 
	width: 900px;
	border-color : #c0c0c0;
	border-style : solid;
	border-width : 0px;
	z-index: 3;
}

.headers{
	margin: 7px 0px 0px 14px;
	color:#b51212;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Left Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#left{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	height: 225px; 
	width: 187px;
	border-color : #c0c0c0;
	border-style : solid;
	border-width : 1px;
	background: url(/application/images/bar_left.jpg) no-repeat top left #fff;
	z-index: 3;
}

#form {
	margin: 0px 0px 0px 0px;
	height: 186px; 
	color:#5d5959;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	background: url(/application/images/lion.jpg) no-repeat bottom left;
}

.form{
margin: 15px 0px 0px 12px;
}

.submit {
	width: 55px;
	height: 20px;
	float:right;
	color: #5d5859;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	background: url(/application/images/login.jpg) no-repeat top left #fff;
	border:none;
}

.formbox {
	width: 155px;
	height: 20px;
	color: #000;
	border-color : #d6d6d6;
	border-style : solid;
	border-width : 1px;
}

.member{
	float:right;
	color:#b51212;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

.form a:link, .form a:visited{
	
	color:#b51212;
	text-decoration:underline;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

.form a:hover, .form a:active{
	
	color:#aaa;
	text-decoration:underline;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Center Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#center{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 5px;
	height: 225px;  
	width: 437px;
	border-color : #c0c0c0; 
	border-style : solid;
	border-width : 1px;
	background: url(/application/images/bar_events.jpg) no-repeat top left #fff;
	z-index: 3;
}

#center2{
	float:left;
	margin: 0px 0px 0px 5px;
	padding: 15px 0px 0px 0px;
	height: 225px; 
	width: 437px;
	border-color : #c0c0c0;
	border-style : solid;
	border-width : 1px;
	
	
}

#events{
	float:left;
	top: 0px;
	left: 0px;
	margin: 10px 0px 0px 27px;
	color:#000;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold; 

}

#events li { 
	list-style-position: outside;
	list-style-image: url(../images/bullet.jpg); 
	padding-left: 0;
	margin-left: 0;
} 

#welcome-bullets li { 
	list-style-position: outside;
	list-style-image: url(../images/bullet.jpg); 
	padding: 1px;
	margin-left: 0;
}

#events th {
	margin: 7px 0px 0px 14px;
	color:#b51212;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding: 3px 6px 3px 7px;
}

.title {
	max-width:100;
	font-weight:normal;
	font-size:10px;
	}
#events td.title {
	padding: 3px 7px 3px 7px;
	color:666;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: lighter;
	overflow:hidden;
	white-space:nowrap;
}

#events td.other {
	padding: 3px 7px 3px 7px;
	color:666;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: lighter;
	overflow:hidden;
	white-space:nowrap;
}



#sideMenu {
color:#000;
font-family:Myriad,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:205px;
margin:0 0 0 -35px;
text-decoration:none;
width:210px;
}
.sideMenu {
margin:10px 0 0;
}
.sideMenu li {
list-style:none outside none;
margin:3px 0 0;
padding:5px 22px;
top:0;
}
.sideMenu a:link, .sideMenu a:visited {
color:#333;
font-family:Myriad,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
text-decoration:none;
}
.sideMenu a:hover, .sideMenu a:active {

color:#5D5859;
font-family:Myriad,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
text-decoration:none;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Right Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#right{
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 6px;
	height: 350px; 
	width: 258px;
	border-color : #c0c0c0;
	border-style : solid;
	border-width : 1px;
	background: url(/application/images/bar_video.jpg) no-repeat top left #fff;
	z-index: 4;
}

#video{
	float:left;
	top: 0px;
	left: 0px;
	margin: 16px 0px 0px 6px;
	color:#000;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;

}

#video a:link, #video a:visited{
	float: right;
	margin: 7px 6px 0px 0px;
	color:#b51212;
	text-decoration:underline;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

#video a:hover, #video a:active{
	float: right;
	margin: 7px 6px 0px 0px;
	color:#aaa;
	text-decoration:underline;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Bottom Left Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#btmleft{
	float:left;
	top: 0px;
	left: 0px;
	margin: -118px 0px 0px 0px;
	height: 116px; 
	height: 116px; 
	width: 631px;
	border-color : #c0c0c0;
	border-style : solid;
	border-width : 1px;
	background: url(/application/images/bar_join.jpg) no-repeat top left #fff;
	z-index: 5;
}

.numbers{	margin: 25px 0px 0px 15px;
}


/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Featured Menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#featured{
	float:left;
	top: 0px;
	left: 0px;
	margin: -100px 0px 0px 13px;
	height: 129px; 
	width: 926px;
	z-index: 3;
}

ul.featured {
	float:left;
	top:0px;
	list-style:none;
	padding: 0 0px; 
	margin: 0px 0px 0px 0px;
}

ul.featured  li {
	display:inline;
	margin: 0 .61em 0 0;
	padding:0;
}


ul.featured li a:link, ul.featured li a:visited{
	text-decoration:none;
	border: 0px;
}

ul.featured li a:hover, ul.featured li a:active{
	text-decoration:none;
	border: 0px;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Footer~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#footer-left{
	float:left;
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	margin: 5px 0px 0px 20px;
	width: 330px;
	height:50px;
}

#footer-center{
	vertical-align:middle;
	float:left;
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	margin: 3px 0px 0px 0px;
	width:250px;
	height:50px;	
}

#footer-right{
	float:left;
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	margin: 10px 0px 0px 5px;
	
	width:270px;
	height:50px;	
}

#menu2{
	float:left;
	top: 0px;
	left: 0px;
	margin: 7px 0px 0px 15px;
	height: 45px; 
	width: 897px;
	border-color : #c0c0c0;
	border-style : solid;
	border-width : 0px;
	background-color: #fff;
	z-index: 2;
}

ul.menu2 {
	float:left;
	top:0px;
	width: 900px;
	list-style:none;
	padding: 0 0px; 
	margin: 3px 0px 0px -10px;
	text-align:center;
}


ul.menu2 li {
	display:inline;
	margin: 0px -3px 0px 15px;
	padding:0;
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}

ul.menu2 li a {
	margin-right: 0px;
}

ul.menu2 li a:link, ul.menu2 li a:visited{
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}

ul.menu2 li a:hover, ul.menu2 li a:active{
	color:#aaa;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}

#c{
	float:left;
	color:#6d6767;
	text-decoration:none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	margin: 5px 0px 0px 130px;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~Margins~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

.margin{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	}
	
.marginRight{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: -6px;
	}
	
.marginT {margin: -5px 0px 0px 0px; }