/* CSS Document */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} */

body
{
	padding:0;
	text-align:center;
	background-color: #6699CC;
	color: #2e2100;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	margin-top: 5px; !important
	margin-right: 0;
	margin-bottom: 10px; !important
	margin-left: 0;
}


/*********** DIV Container and Content ***********/
div#container
{
	margin: 0px auto;
	text-align: left;
	width: 750px;
	height:auto;
}
div#content
{
	background-color: #FFFFFF;
	width: 710px;
	height:auto;
	min-height: 400px;
	float: none;
	padding: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
div#frontContent
{
	background-color: #FFFFFF;
	width: 710px;
	min-height: 600px;
	height:auto;
	margin: 0px;
	float: none;
	padding: 20px;
}

div#rightResources
{
	background-color: #d3e3f5;
	width: 180px;
	padding: 10px;
	font-size:11px;
}
div#rightResources a
{
	font-size:11px;
	text-decoration:underline;
}

/*********** Featured Event Box ***********/
div#featuredEventBoxTitle
{
	background-color: #6699CC;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 445px;
	font-weight: bold;
	text-align: right;
	float: left;
	font-size:17px;
}
div#featuredEventBox
{
	background-color: #99CCFF;
	margin-bottom: 20px;
	padding:10px;
	height: auto;
	width: 430px;
	float: left;
	font-size: 11px;

}
div#featuredEventBox a
{
	font-size: 11px;
	font-weight: bold;
	color: #2e2100;
}
div#featuredEventBox a:hover
{
	text-decoration: none;
	background-color: #2e2100;
	color: #FFFFFF;
}
ul.featuredEventItem
{
	font-size: 10px;
	list-style-type: none;
	line-height:11px;
}
ul.featuredEventItem li
{
	list-style-type: none;
	font-size:11px;
	line-height:10px;
}


/*********** Upcoming Events Box ***********/
div#upcomingEventsBoxTitle
{
	background-color: #2e2100;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 445px;
	font-weight: bold;
	text-align: right;
	float: left;
	font-size:17px;

}
div#upcomingEventsBox
{
	background-color: #99CCFF;
	padding: 10px;
	height: auto;
	width: 430px;
	float: left;
	font-size: 11px;
}
div#upcomingEventsBox ul li a
{
	font-size: 11px;
	font-weight: bold;
	color: #2e2100;
	padding-top: 0px;
}
div#upcomingEventsBox ul li a:hover
{
	text-decoration: none;
	background-color: #2e2100;
	color: #FFFFFF;
}
ul.upcomingEvent li
{
	font-size: 11px;
	list-style-type: none;
	font-weight: bold;
	line-height: 14px;
}
ul.upcomingEvent li ul li
{ font-size: 10px; list-style-type: none; line-height: 12px; padding-top: 1px; font-weight: normal; margin: 0; }


/*********** Featured Text Box ***********/
div#featuredTextBoxTitle
{
	background-color: #2e2100;
	margin-left: 20px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 235px;
	font-weight: bold;
	text-align: right;
	float: left;
	font-size:12px;
}
div#featuredTextBox
{
	margin-left: 20px;
	padding:10px;
	height: auto;
	width: 220px;
	font-size: 11px;
	line-height: 13px;
	float: left;
}
div#featuredTextBox a
{
	text-decoration: underline;
	font-weight: bold;
	color: #6699CC;
	font-size:11px;
}
div#featuredTextBox a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6699CC;
}

/*********** Multimedia Box ***********/
div#multimediaBoxTitle
{
	background-color: #2e2100;
	margin-left: 20px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 235px;
	font-weight: bold;
	text-align: right;
	float: left;
	font-size:12px;
}
div#multimediaBox
{
	margin-left: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
	width: 220px;
	font-size: 11px;
	line-height: 13px;
	float: left;
}
div#multimediaBox a
{
	text-decoration: underline;
	font-weight: bold;
	color: #6699CC;
	font-size:11px;
}
div#multimediaBox a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6699CC;
}
/*********** LINKS ***********/
div#content a
{
	text-decoration: underline;
	font-weight: bold;
	color: #6699CC;
}
div#content a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6699CC;
}


/*********** TEXT ***********/
h1
{
	background-color: #6699CC;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	font-weight: bold;
	text-align: left;
	float: left;
	font-size: 20px;
}
h2
{
	color: #2e2100;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
	float: left;
	font-size: 17px;
	width: 100%;

}
h3
{
	color: #2e2100;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
	float: left;
	font-size: 14px;
	width: 100%;
}
p
{
	margin-top: 1em;
}
em
{
	font-style: italic;
}
strong
{
	font-weight: bold;
}
ul
{
	font-size: 12px;
	line-height: 12px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: disc;
}
li
{ 
	font-size: 12px;
	line-height: 12px;
	margin-top: 7px; 
}

.smallText
{
	font-size: 10px;
}
.smallText a
{
	font-size: 10px;
}
.smallText a:hover
{
	font-size: 10px;
}

/*********** IMAGES and PHOTOS ***********/

img
{
	border: 0;
	padding-right: 5px;
}
img.logo
{
	padding-right: 10px;
	padding-bottom: 10px;
	border: 0;
}
img.photo {
	margin-right:7px;
	margin-bottom:5px;
}
img.photoLeft {
	margin-right:5px;
	margin-bottom:3px;
	float:left;
}
img.photoRight {
	margin-left:10px;
	margin-bottom:3px;
	float:right;
}


/*********** FOOTER ***********/
div#footerContainer
{
	font: 10px/12px Arial, Helvetica, sans-serif;
	text-align: center;
	width: 750px;
	height: 30px;
	padding: 5;
	color: #FFFFFF;
}
div#footerContainer a
{
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold
}
div#footerContainer a:hover
{
	text-decoration: none;
}
