body {
	margin: 0;
	padding: 0;
	background: #f5f5f4;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 30px;
}
/* Fundamental Structure Containers */
#page{
	background: #d9e6ef url(../images/page_back.jpg) repeat-y;
}
h3{
	font-size:100%;
	color: #445b6d;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
/* Page Splash Area*/
#page_splash{
	background: #d9e6ef url(../images/page_back_splash.jpg) repeat-y;
}
#container_center{
	width:780px;
	margin: 0 auto;
	overflow:auto;
}
.column { 
 	width: 50%;
	position: absolute; 
	top: 0; 
} 
.left {left: 0;height: 1px;}
.right {right: 0;height: 1px;}
#container_left{
	margin-right: 390px;
	background: url(../images/container_left_back.jpg) top right repeat-x;
	height: 194px;
}
/* Container Splash Area*/
#container_left_splash{
	margin-right: 390px;
	background: url(../images/container_left_back_splash.jpg) top right repeat-x;
	height: 194px;
}
#container_right{
	margin-left: 389px;
	background: #d9e6ef url(../images/container_right_back.jpg) top left repeat-x;
	height: 194px;
}
/* Everything Else */
/* Header */
#header{
	width: 780px;
	height: 194px;
	background: url(../images/logo.jpg) no-repeat;
	margin:0;
	padding:0;
}
/* Header Splash Area*/
#header_splash{
	width: 780px;
	height: 194px;
	background: url(../images/logo_splash.jpg) no-repeat;
	margin:0;
	padding:0;
}
#logo{
	width: 576px;
	height: 150px;
	background: url(../images/logo.jpg) no-repeat;
	margin:0;
	padding:0;
}
#headnumber{
	color: #333;
	font-size: 42%;
	font-weight: bolder;
	position: absolute;
	top: 157px;
	left:306px;
	font-family: "Didot";
}
#header_top{
	height: 34px;
	width: 780px;
	padding-top: 5px;
}
#header_top a{
	margin:0 3px 0 3px;
}
#header_top a.squarebutton{
background: url(../images/button_a.jpg) no-repeat top left;
display: block;
float: right;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 21px; /* Height of button background height */
padding-left: 13px; /* Width of left menu image */
text-decoration: none;
}

#header_top a:link.squarebutton, #header_top a:visited.squarebutton, #header_top a:active.squarebutton{
color: #494949; /*button text color*/
}

#header_top a.squarebutton span{
background: transparent url(../images/button_span.jpg) no-repeat top right;
display: block;
padding: 4px 13px 4px 0; /*Set right padding to match value of 'padding-left' value above*/
}

#header_top a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#header_top a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

#header_top.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; 
	width: 100%;
}
#homebutton{
	float: right;
}
#homebutton a{
	display: block;
	height: 21px;
	width: 21px;
	background: url(../images/home_off.jpg) no-repeat;
}
#homebutton a:hover{
	background: url(../images/home_on.jpg) no-repeat;
}
#header ul, #header_splash ul{
	float: right;
	text-transform: uppercase;
	font-size: 42%;
	color: #6d6e71;
}
#header li, #header_splash li{
	margin: 0;
	padding:0;
	list-style-type: none;
	display: block;
	line-height: 135%;
}
#header li a, #header_splash li a{
	color: #494949;
	text-decoration: none;
	height: 10px;
	margin: 0;
	padding: 0px 0px 0px 22px;
}
#header li a:hover, #header_splash li a:hover{
	background: url(../images/nav_bullet.jpg) no-repeat 5px 50%;
	color: #5e3895;
}
/* Content Area*/
h1{
	font-size: 150%;
	color: #5e3895;
	font-weight: normal;
}
#content{
	background: url(../images/content_back.jpg) repeat-y;
	margin:0;
	padding:0;
	color: #445b6d;
	min-height:500px;
   height:auto !important;
   height:500px;
}
/* Content Splash Area*/
#content_splash{
	background: url(../images/content_back_splash.jpg) repeat-y;
	margin:0;
	padding:0;
	color: #445b6d;
}
#content_right{
	background: #d9e6ef;
	float: right;
	width: 530px;
	font-size: 50%;
	padding: 0px 5px 5px 12px;
}
#content_right a{
	text-decoration: none;
	color: #5a3895;
	font-weight: bold;
}
#content_right a:hover{
	text-decoration: underline;
}
#content_right_float_left{
	float: left;
	width: 140px;
	padding-top: 18px;
	font-size: 70%;
	text-align:left;
}
#content_right_float_left a{
	text-decoration: none;
	color: #6d6e71;
}
#content_right_float_left a:hover{
	color: #5e3895;
}
#content_right_float_left span{
	padding-left: 10px;
}
#content_right_float_right{
	float: right;
	width: 380px;
}
#content_right_float_right ul{
	
}
#content_right_float_right ul li{
	margin: 5px;
}
#content_left{
	float: left;
	width: 233px;
	font-size: 43%;
	padding-top: 8px;
}
#content_left ul{
	color: #6d6e71;	
	width: 140px;
	font-weight: bold;
	line-height: 130%;
	float: left;
	margin:0;
	padding:8px 0 0 12px;
}
#content_left li{
	color: #6d6e71;
	list-style-type: none;
	padding: 8px 0px 8px 0px;
}
#content_left li a{
	color: #6d6e71;
	text-decoration:none;
}
#content_left li a:hover{
	color: #5e3895;
}
/* Footer */
#container_footer{
	height: 20px;
	width:100%;
	background: #f5f5f4 url(../images/foot_top.jpg) repeat-x;
}
#footer{
	width: 780px;
	height: 60px;
	padding-top: 5px;
	margin: 0 auto;
	color: #445b6d;
	font-size: 30%;
}
#footer a{
	text-decoration: none;
	color: #445b6d;
	padding-right:8px;
}
#footer a:hover{
	color: #5e3895;
}
#foot_left{
	float: left;
	width: 215px;
}
#foot_center{
	float: left;
	width: 280px;
}
#foot_right{
	float: left;
	width: 260px;
}
/* Splash Only Area
(There are some Splash elements above,
but are easier to manage left above) */
/* Fundamental Structure Containers */
#splash_container1{
	margin: 0 auto;
	width: 780px;
	border-bottom: 1px solid #6d6e71;
	background: #d9e6ef;
	height: 98px;
}
#splash_container1_left{
	width: 404px;
	float: left;
}
#splash_container1_right{
	width: 376px;
	float: right;
}
#splash_container2{
	margin: 0 auto;
	width: 780px;
	background: #d9e6ef;
}
#splash_container2_left{
	width: 780px;
	height: 500px;
	float: left;
	background: url(../images/rotate/1.jpg) no-repeat;
}
#splash_container2_right{
	width: 370px;
	height: 326px;
	float: right;
	background: url(../images/home_collage.jpg) no-repeat;	
}
#splash1{
	color: #5e3895;
	font-size:115%;
}
#splash2{
	color: #9f8ac1;
	font-size:60%;
	font-weight: bold;
}
#splash3{
	font-size:45%;
}
#splash3 a{
	text-decoration: none;
	color: #5a3895;
}
#splash3 a:hover{
	text-decoration: underline;
}
.ditto_container{
	height: 25px;
	padding: 25px 0 0 50px;
	background: url(../assets/images/talk.jpg) left top no-repeat;
}