body

{

	background: #445566;

	

}

p

{

	text-indent: 6px;

}

img

{

	border: none;

	padding-top: 0px;

	padding-bottom: 0px;

}

h4

{

	text-align:center;

}

hr

{

	width: 90%;

	margin-left: auto;

}

h2

{

	text-align: center;

}

a

{

	text-decoration: none;

	color: #111199;

}

a:hover

{

	color: red;

	text-decoration: underline;

}



#percent33

{

	font-weight: bold;

	position: relative;

	float: left;

	width: 24%;

}



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

// This is the page layout stuff,

//headers are top part of page

// allbutheader is the container for hte data of the page

//mainHeader is the Title top part of the page

//sidebar is what holds the poll

//content is what holds the page content

//main creates the background

//footer is what holds the copyright and sponsor banner

//verybottom is putthere for layout purposes, mainly for stupid IE

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

#header

{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 9px;

	background-image: url("images/top_bg.gif");

}

#header2

{

	position: absolute;

	left: 0px;

	width: 100%;

	background-image: url("images/top_bg2.gif");

	height: 52px;

}

#header3

{

	z-index: 10;

	width: 100%;

	display: block;

	position: absolute;

	margin: auto;

	left: 0px;

	top: 61px;

	background-image: url("images/nav_bg.gif");

	text-align: center;

}



/* ================================================================ 

This copyright notice must be kept untouched in the stylesheet at 

all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.stunicholls.com/menu/pro_drop_2.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



#nav {

	z-index: 4;

	padding:0;

	margin:0; 

	list-style:none; 

	height:38px; 

	position:relative; 

	font-family:arial, verdana, sans-serif;

}



#nav li.top {

	z-index:inherit;

	margin: 0;

	padding: 0;

	display:block; 

	float:left; 

	height:38px;

}

#nav li a.top_link {

	z-index:inherit;

	margin: 0;

	padding: 0;

	display:block;

	float:left; 

	height:35px; 

	line-height:33px;

	color:#FFFFFF; 

	text-decoration:none; 

	font-size:11px; 

	font-weight:bold;

	padding:0; 

	cursor:pointer;

}

#nav li a.top_link span {

	z-index:inherit;

	margin: 0;

	padding: 0;

	float:left;

	display:block;

	padding:0; 

	height:35px; 

}

#nav li a.top_link span.down {

	z-index:inherit;

	margin: 0;

	padding: 0;

	float:left; 

	display:block; 

	height:35px;

}

/* Default list styling */



#nav li:hover {

	z-index:inherit;

	position:relative;

}



#nav li:hover ul.sub

{ z-index:inherit;margin: 0; padding: 0;left:1px; top:38px; background: #10344D; white-space:nowrap; width:90px; height:auto; opacity: 0.75; -moz-opacity:0.75; }

#nav li:hover ul.sub li

{ z-index:inherit;margin: 0;	padding: 0;display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}

#nav li:hover ul.sub li a

{ z-index:inherit;margin: 0;	padding: 0;display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#FFFFFF; text-decoration:none;border:1px solid #445566;}

#nav li ul.sub li a.fly

{ z-index:inherit;margin: 0;	padding: 0;background:#10344D url(arrow.gif) 80px 6px no-repeat;}

#nav li:hover ul.sub li a:hover 

{ z-index:inherit;margin: 0;	padding: 0;background:#ABB3BE; color:#FFFFFF;}

#nav li:hover ul.sub li a.fly:hover

{ z-index:inherit;margin: 0;	padding: 0;background:#ABB3BE url("./images/arrow_over.gif") 80px 6px no-repeat; color:#FFFFFF;}





#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{ z-index:inherit;margin: 0;	padding: 0;left:90px; top:-4px; background: #10344D; border:1px solid #10344D; white-space:nowrap; width:90px; height:auto;}



#nav ul, 

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{ z-index:inherit;margin: 0;	padding: 0;position:absolute; left:-9999px; top:-9999px; width:0; height:0; list-style:none;}



#nav li:hover li:hover a.fly,

#nav li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover li:hover a.fly

{ z-index:inherit;margin: 0;	padding: 0;background:#ABB3BE url("./images/arrow_over.gif") 80px 6px no-repeat; color:#FFFFFF; border-color:#fff;} 



#nav li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li:hover li a.fly

{ z-index:inherit;margin: 0; padding: 0;background:#bbd37e url("./images/arrow.gif") 80px 6px no-repeat; color:#FFFFFF; border-color:#bbd37e;} 







#mainHeader

{

	position: relative;

	margin: auto;

	width: 766px;

	background: url("images/white.gif");

	background-repeat: repeat-y;

}

#sidebar

{

	position: relative;

	float: left;

	width: 150px;

	left: 10px;

}

#content

{

	position: relative;

	float: left;

	width: 550px;

	left: 40px;

	background: url("images/rdot_back.gif");

	min-height: 545px;

	

}

#main

{

	position: relative;	

	float: left;

	background: url("images/fill.jpg");

	#top: -5px;

	width: 767px;

	margin-bottom: none;

	z-index: 5;

}

#allButHeader

{

	position: relative;

	top: 130px;

	width: 767px;

	margin: auto;

}

#footer

{

	position: relative;

	float: left;

	width: 767px;

	background: white;

	text-align: center;

	#top: -10px;

}

#veryBottom

{

	position: relative;

	#top: -10px;

}

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

// End of page layout stuff

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



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

// newsTitle and newsDate are the newsposting title and date on the main r-dot page

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

#newsTitle

{

	position: relative;

	float: left;

	text-decoration: underline;

}

#newsDate

{

	position: relative;

	float: right;

	text-decoration: underline;

}





#pageContent

{

	position: relative;

}







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

// The r-dot staff page stuff

// staffMember is the staff member part so its a nice chunk

//staffRow is used to create the rows on the page

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

#staffMember

{

	position: relative;

	float: left;

	text-align: center;

	width: 33%;

}

#staffRow

{

	text-align: center;

	width: 100%;

	position: relative;

	float: left;

	margin: auto;

	margin-bottom: 40px;

}





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

// the event page

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

#eventLink

{

	position: relative;



}

#eventContent

{

	position: relative;



}

#eventContentTitle

{

	font-weight: bold;

}



.calLeft

{

	position: relative;

	float: left;

}

.calRight

{

	position: relative;

	float: right;

}

#calendar

{

	position: absolute;

	visibility: hidden;

	left: 250px;

	top: 80px;

}

#calRow

{

	width: 300px;

	text-align: center;

}

#calCol

{

	width:30px;

	height:20px;

	border: 1px;

}

#calCol input

{

	width: 30px;

}

#calendar input

{

	border: 0px;

}

#scheduleTime

{

	position: absolute;

	left: 70px;

	width: 200px;

	float: left;

	

}

#scheduleEvent

{

	position: absolute;

	width: 250px;

	left: 270px;

	float: left;

}

.uLine

{

	text-decoration: underline;

}

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

// promo page, defines what happens upon hovering over the link

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

#promoFiles

{

	position: relative;



}

#promoFiles a:hover

{

	color: red;

}



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

// location page

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

#location

{

	position: relative;



}



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

//gallery page

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

#galleryContent

{

	position: relative;



}

#galPic

{

	margin: 0px 3px 3px 3px;

}

#galVid

{

	position: relative;



}



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

// general indent for anything admin related

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

#adminContent

{

	position: relative;

}



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

//This is for the viewOverflow admin page

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

#firstName

{

	position: absolute;

	width: 100px;

	left: 25px;

}

#lastName

{

	position: absolute;

	width: 100px;

	left: 100px;

}

#phoneNum

{

	position: absolute;

	width: 100px;

	left: 200px;

}

#email

{

	position: absolute;

	left: 355px;

}

#prepaid

{

	position: absolute;

	width: 10px;

	left: 300px;

}

#alias

{

	position: absolute;

	width: 150px;

	left: 285px;

}

#clan

{

	position: absolute;

	width: 150px;

	left: 435px;

}



/* Drop down Menu stuff 

DO NOT TOUCH,*/

.flgDropdownMenu {

	left: -1000px;

	overflow: hidden;

	position: absolute;

	top: -1000px;

}

.flgDropdownMenu .content {

	position: absolute;

}

.flgDropdownMenu .items {

	border-right: #000000 1px solid;

	border-top: #000000 1px solid;

	z-index: 2;

	left: 0px;

	border-left:#000000 1px solid;

	border-bottom: #000000 1px solid;

	position: relative;

	top: 0px;

}

.top .items {

	border-top: medium none;

}

.flgDropdownMenu .item {

	border-right: medium none;

	border-top: medium none;

	font-size: 9px;

	margin-left: medium none;

	cursor: hand;

	color: #ffffff;

	margin-bottom: medium none;

	font-family: Verdana, sans-serif;

	text-decoration: none;

}

.flgDropdownMenu .background {

	z-index: 1;

	FILTER: alpha(opacity=40);

	left: 0px;

	position: absolute;

	top: 0px;

	moz-opacity: .8;

}

.flgDropdownMenu .shadowRight {

	z-index: 3;

	FILTER: alpha(opacity=40);

	width: 2px;

	position: absolute;

	top: 3px;

	moz-opacity: .4;

}

.flgDropdownMenu .shadowBottom {

	z-index: 1;

	FILTER: alpha(opacity=40);

	left: 3px;

	position: absolute;

	height: 2px;

	moz-opacity: .4;

}

.flgDropdownMenu .hover {

	background: #c7d0da;

	color: #10344d;

}

.flgDropdownMenu .item IMG {

	margin-left: 10px;

}