/* STYLESHEET FOR SCREEN LAYOUT OF THE SITE, 
CONTAINS NO FONT STYLES UNLESS THEY APPLY ONLY TO TEMPLATE */

body {
	font-size: 100%;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #6854DB;
	margin: 0;
	text-align: left;	/*background-image: url(../images/site_objects/bg_body.gif);*/
}
#wrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#banner {
	float: left;
	width: 770px;
}
#nav {
	clear: left;
	border-bottom: 1px solid #000000;
}
#nav ul {
	background-color: #2e1747;
	padding: 0px;
	margin: 0;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 7em;
	font-size: 70%;
	text-decoration: none;
	color: #FFFFFF;
}
#nav ul li a:hover, #nav ul li a:focus {
	color: #2E1747;
	background-color: #FFFFFF;
}


/************* END Menu *************/


/************* main content container  *************/

#mainContainer {
	float: left;
	padding: 0px;
	font-size: 75%;
	clear: both;
	display: inline;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(../images/site_objects/wrapper_bg2.gif);
	background-repeat: repeat-y;
}

/************* LEFT CONTENT CONTAINER *************/
div.leftContentContainer {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	clear: right;
}

/************* RIGHT CONTENT CONTAINER *************/

div.rightContentContainer {
	float: left;
	padding: 0 0 50px 0px;
	margin: 0;
	width: 515px;
}
div.content {
	clear:right;
	margin: 20px 15px 0px 31px;
}
div.contentleft {
	clear:right;
	color: #6633FF;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 15px;
}

/*************PHOTO CAPTIONS *************/
.figure img {
	border: 1px solid #666;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
div.figure {
	float: left;
	width: 120px;
	margin: 15px 10px 5px 10px;
}
.figure p {
	text-align: center;
	padding: 5px;
	margin: 10px 0 0 0;
}

/************* BOTTOMBAR *************/

#bottombar {
	float: left;
	margin: 0px;
	padding: 0 0 0 0;
	background:Gray;
	width: 770px;
	font-size: 75%;
	clear: both;
	background-color: #9787A5;
}
/* bottom disclaimer and legal */
div.copyright_text {
	float:right;
	padding:5px 5px 5px 10px;
}