/* Start of layout */
body{
padding:0px;
margin:0px;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-attachment:fixed;
background-image: url(../img/bodyBackround.gif);
background-repeat: repeat-x;
background-position: top;
background-color:#cb8839;
}
img{
	border:none;
}
div#mainInfo{
color:white; 
margin-left:0px; 
margin-right:auto;
margin-top:10px; 
width:530px; 
text-align:justify;
line-height:1.5em;
}
div#mainInfo div.heading{
text-align:center;
font-size:18px;
font-weight:bold;
color:#ffcc00;
text-decoration:underline;
}
div#mainInfo a.subHeading{
font-size:12px;
font-weight:bold;
color:#ffcc00;
}
#footer{
float:left;
background-color:black;
width:750px;
padding:10px;
font-size:10px;
color:#ffcc00;
}

#footer a{
	text-decoration:none;
}
a{
color:#ffcc00;
}
div#wrapper{
margin:0 auto 0 auto;
width:770px;
}
div#banner{
float:left;
height:132px;
width:770px;;
background-color:#000033;
background-image:url(../img/Banner.gif);
background-repeat:no-repeat;
background-position:center 30px;
}
#wrapper #divContentWrapper {
position:relative;
float:left;
width:770px;
background-color:#000033;
}
div#divLeftBarContainer{
position:relative;
overflow:hidden; 
float:left;
width:220px;
}
div#leftSideBar{
margin:48px auto 0 auto;
background-color:#000033; 
padding-bottom:3000px;
margin-bottom:-3000px;
}
/* News Item within the left side bar */
div.news{
font-size:11px;
width:180px;
background-color:#000033;
border:1px solid #ffcc00;
margin:10px auto 10px auto;
padding:2px 2px 2px 2px;
}
div.news div.paragraph{
text-align:left;
padding:0px 3px 0px 3px;
}
div.newsItemRight1,div.newsItemRight2{
float:right;
height:76px;
width:76px;
margin:0px 0px 0px 6px;
}
div.newsItemRight1{
	background-image:url(../img/news/news1.gif);
	background-repeat:no-repeat;
}
div.newsItemRight2{
	background-image:url(../img/news/news2.gif);
	background-repeat:no-repeat;
}
/* End of news Items in the left side bar */
div#content{
float:left;
width:550px;
background-color:#000033;
}
/* Members are found on the staff.html main content */
div.member{
font-size:11px;
height:135px;
width:auto;
border-bottom: 1px dashed #ffcc00;
margin:0 auto 0 auto;
padding:2px 2px 2px 2px;
}
.member table{
margin-top:25px;
margin-left:160px;
}
div.andrew{
background-image:url(../img/staff/andrew.jpg);
}
div.david{
background-image:url(../img/staff/david.jpg);
}
div.neil{
background-image:url(../img/staff/no-image.jpg);
}
div.chantel{
background-image:url(../img/staff/chantel.jpg);
}
div.margot{
background-image:url(../img/staff//no-image.jpg);
}
div.steve{
background-image:url(../img/staff/steve.jpg);
}
div.ewert{
background-image:url(../img/staff/ewert.jpg);
}
div.olivia{
background-image:url(../img/staff/no-image.jpg);
}
div.maritza{
background-image:url(../img/staff/maritza.jpg);
}
div.andrew, div.david, div.neil, div.chantel, div.margot, div.steve, div.ewert, div.olivia, div.maritza{
padding-left:30px;
float:left;
height:120px;
width:470px;
background-position: 22px center;
background-repeat:no-repeat;
}
div.staffMember{
padding-right:10px;
float:left;
height:120px;
width:130px;
background-image:url(../images/news1.gif);
background-repeat:no-repeat;
}
/* End of layout */
/* Start of Menu */
/* General settings for all lists*/
#nav{
	width:770px;	
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family:"comic Sans MS", "Times New Roman", Garamond;
	font-size:12px;
	position:absolute;
}
/* All list items */	
#nav li {
	position: relative;
	float:left;
}
/* Second-level lists */
#nav li ul {
	color:white;
	position: absolute;
	width: 6.8em;
	left: -999em;
}
/* Adjustment to all sub menu's they must be placed to the right of the sbumenu selected */
/* Third-and-above-level lists */
#nav li ul ul {
	position: absolute;
	margin-top:-1.75em;
	margin-left:6.3em;
}
/* Initial menu links*/
ul#nav li a{
	display: block;
    margin: 0;
	background-color:black;
    font: bold 11px tahoma, sans-serif, arial;        
	/* If you get an unwanted gap (IE-Win) increase the line height*/
    color: white;
	text-align:center;
    text-decoration: none;
    width:154px;
	height:2.4em;
	/* Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix */
    border-bottom: 2px solid #ffcc00; 
}

#nav li:hover, #nav li.over { 
position: static; /* make menus not sticky in ie7 */ 
} 

/* All subsequent menu's Links */
#nav li ul a{
	/*width: 12em;*/
	width:154px;
}
/* Changes the style of the element beeing rolled over */
#nav li a:hover {
	color : black;
	background-color : white;
}
/* Move allsub menu's out of the screen */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}
/* Move the submenu which is hovered over into the screen */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}
/* End of Menu */


/*-------------------------------------------------
		      Miscellaneous classes   					
-------------------------------------------------*/
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 10px;
	margin-left: 15px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-left: 10px;
	margin-right: 15px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*
Seagyn's Classes
*/
.index_table{
	width: 100%;
}
.index_table th{
	font-size: 11px;
	text-align: center;
}
.index_table td{
	padding: 3px;
	text-align: center;
}
.paging div{
	float: left;
	padding: 5px;
	font-size: 11px;
}
.pagination_info{
	font-size: 11px;
}

form label{float: left; width: 130px; display: block;}
form input, form select, form textarea{margin: 2px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
form .submit{clear: both; margin: 10px 0px;}
div.required label{background: url(../img/asterix.png) top right no-repeat;}
.required_legend{font-size: 11px;color: #eee;}

.message{background: #ffcc00;color: #464646;padding: 20px 5px;font-size: 14px; text-align: center; position:absolute;top: 15px; width: 520px; vertical-align:middle;}
.error-message{color: #db680b; margin-left: 135px; font-size: 11px; margin-bottom: 5px;}