/* Global CSS */
* {
	margin: 0;
	padding: 0;
}

p {	
	margin:5px 8px;
	}

body {
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2E2F29;
	background: url(../img/css/NewBackground.gif) repeat;
}

ul {
	margin-left:25px;
	}
	
ol {
	margin-left:35px;
	}	
	
img.small {
	padding:2px;
	}
	
img.medium {
	padding:5px;
	}

div#wallpaper {
	margin: 0 auto;
	width:761px;
	background: url(../img/css/NewBackground.gif) repeat-y;
}
div#whitepage {
	margin: 0 auto;
	width: 710px;
	background:#ffffff;
}
/* mast head */
div#mast {
	width:686px;
	text-align:left;
}
/*******************************/
/* Body Container 686px */
/*******************************/	

div#contentContainer {
	margin: 0 auto;
	width:686px;
	text-align:left;
}
/*******************************/
/* Navigation */
/*******************************/
 #globalnav {
	padding: 0;
	margin: 0;
	width:686px;
}


/*----------- Utility Styles -------------*/
.clear {
	float: none !important;		/* Remove any inherited floats */
	display: block !important;	/* Make sure our element is a block-level element */
	clear: both !important;		/* Make sure it clears on both sides */
	margin: 0 !important;		/* Remove all margins that would make it visible */
	border: 0 !important;		/* Remove all borders that would make it visible */
	padding: 0 !important;		/* Remove all padding that would make it visible */
	height: 0.1px !important;	/* Mozilla/Firefox require the clearer height to not be 0, but rounding makes it 0 */
	line-height: 0 !important;	/* Set the line-height to 0 so it isn't visible */
	font-size: 0 !important;	/* Set the font-size to 0 so it isn't visible */
}
/* -- */



/* main content */
div#content {
	text-align: left;
	margin:5px 0px;
}
div.leftcol {
	float: left;
	color: #28272D;
	padding-top: 0px;
	width: 258px;
}

/* -- */	

	.maincol {
	float: right;
	width: 424px;
	display:inline;
}



ul.news {
	list-style-image: url(../img/css/listBullet.gif);
	margin-left:25px;
	}
	
ul.news a {text-decoration: underline;
		color: #CC3333;
		}

a.greyLink {text-decoration: underline;
		color: #666666;
		}

a.news {text-decoration: underline;
		color: #CC3333;
		}
		
a {
	text-decoration: underline;
	color: #99CC33;
}

/*******************************/
/* -- Header Styles -- */
/*******************************/


h1 {
font:14px bold Arial, Helvetica, sans-serif;
text-transform:uppercase; padding: 5px 0 0 16px; color:#2E2F29;}

h1 a {text-decoration:none; color:#2E2F29;}
h1 a:HOVER {text-decoration:underline;}


h2 {
font:14px bold Arial, Helvetica, sans-serif;
text-transform:uppercase; padding: 10px 0 10px 0; color:#2E2F29;}

.grayWhite {background-image:url(../img/titles/H1.gif); background-repeat: no-repeat; height:18px;}
.greenWhite {background-image:url(../img/titles/H2green.gif); background-repeat: no-repeat; height:18px;}
.redWhite {background-image:url(../img/titles/H2red.gif); background-repeat: no-repeat; height:18px;}
.redWhite2 {background-image:url(../img/titles/H3red.gif); background-repeat: no-repeat; height:18px;}
.greenCream {background-image:url(../img/titles/H3green.gif); background-repeat: no-repeat; height:18px;}
.greyCream {background-image:url(../img/titles/H3grey.gif); background-repeat: no-repeat; height:18px;}


/*******************************/
/* --Box Styles -- */
/*******************************/


.welcome { 
width:424px;
height:520px;
background-image:url(../img/css/back-welcome.jpg);
background-repeat:no-repeat;
border:1px solid #D9D7D8;
}

.welcome p{
	padding:60px 5px 5px 5px;
	}

.square210L {
width:195px;
/*height:169px;*/
border:1px solid #D9D7D8;
margin-top:4px;
float:left;
padding:5px 5px 5px 10px;
}
.square210R {
width:190px;
/*height:169px;*/
border:1px solid #D9D7D8;
margin-top:4px;
float:right;
padding:5px 5px 5px 10px;
}

.box424 {
width:408px;
height:169px;
border:1px solid #D9D7D8;
margin-top:4px;
padding:5px 5px 5px 10px;
}

.box424Tall {
width:408px;
border:1px solid #D9D7D8;
margin-top:4px;
padding:5px 5px 5px 10px;
}

.LeftCol {
width:241px;

border:1px solid #D9D7D8;
margin-top:4px;
padding:5px 5px 5px 10px;
}

.LeftCol2 {
width:241px;
border:1px solid #D9D7D8;
margin-top:4px;
padding:5px 5px 5px 10px;
}

.LeftColCream {
width:241px;
height:315px;
border:1px solid #D9D7D8;
margin-top:4px;
padding:5px 5px 5px 10px;
background-color:#EEEBE8;
}

.latestNews {
width:424px;
height:160px;
margin-top:4px;
background-color:#EEEBE8;
background-image:url(../img/css/latestNews.gif);
}

.upcomingEvents {
width:424px;
height:160px;
margin-top:4px;
background-color:#EEEBE8;
background-image:url(../img/css/upcomingEvent.gif);
}





.border1 {
	margin:3px 0px;
	border:1px solid #D9D7D8;
}







/* footer */

div#footerline {
	width:686px;
	height:5px;
	background-color:#999999;
	margin:2px 0px 8px 0px;
}
div#footercopy {
	text-align:center;
	color:#777777;
	font-size:11px;
	line-height:13px;
}
/* -- */	

a.caption {
	font-size: 10px;
}