@charset "utf-8";
/* CSS Document */

#container {
	xxbackground-image: url(../images/homebackground.jpg);
	background-size: cover;
	background-height: 100%;
	background-width: 100%;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 6px;
	overflow: hidden;
}
#aboutpage {
	background-image: url(../images/SotU_Bkgd.jpg);
	xxopacity: 0.5;
	background-size: cover;
	background-height: 100%;
	background-width: 100%;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 6px;
	overflow: hidden;
}
#banner {
	position: relative;
	width: 95%;
	top: 15px;
	left: 0px;
	z-index: 0;
}x
#photo_box {
	position: absolute;
	width: 8%;
	top: 10px;
	left: 5px;
	z-index: 1;
}
.header {
    position:fixed;
	width: 100%;
	height: 100px;
	xbackground-color: #cccccc;
	xtext-align : center;
	top: 0;
}
.container {
     margin-top: 100px;
}
.b_pic {
	position: relative;
	top: 0px;
	left: 0px;
}
.b_title {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.j_pic {
	position: absolute;
	bottom: -45px;
	right: 40px;
}
#menu_bar{
	background: lightblue;
	position: relative;
	width: 450px;
	height: 25px;
	margin-top: 15px;
	xxmargin-left: 50px;
	xxmargin-right: 300px;
	xxfloat: left;
}
#title_bar {
	xxmargin-right: 25px;
	width:50%;
	float: center;	
}
#main_contact {
	margin-top: 10px;
	margin-right: 50px;
	width: 15%;
	float: right;	
}
#main_image {
	position: relative;
	width: 1000px;
}
#full_page {
	margin-left: 50px;
	margin-right: 25px;
	width: 90%;
}
#left_half {
	margin-left: 5px;
	width: 70%;
	float: left;	
}
#left_half_1 {
	margin-left: 50px;
	width: 30%;
	float: left;	
}
#left_half_2 {
	margin-left: 25px;
	width: 53%;
	float: left;
}
#left_column {
	margin-left: 50px;
	width: 18%;
	float: left;	
}
#center_column {
	xbackground: #F3E5AB;
	margin-top: 20px;
	width: 55%;
	float: left;	
}
#center_column_1 {
	xbackground: #F3E5AB;
	margin-top: 20px;
	margin-left: 20px;
        border-style: solid;
        border-width: 0px;
        border-radius: 10px;
	width: 24%;
	float: left;	
}
#center_column_2 {
	xbackground: #F3E5AB;
	margin-top: 20px;
	margin-left: 15px;
        border-style: solid;
        border-width: 0px;
        border-radius: 10px;
	width: 29%;
	float: left;	
}
#right_half {
	margin-right: 25px;
	width: 50%;
	float: right;	
}
#right_column {
	margin-right: 25px;
	width: 17%;
	float: right;	
}
#text_menu_bar{
	background: lightgrey;
	position: relative;
	width: 50%;
	height: 25px;
	margin-top: 10px;
	margin-left: 285px;
}
#text_left{
	width: 12%;
	float: left;	
}
#text_page{
	xbackground: #F8E5C0;
        font-size: 20px;
        border-style: solid;
        border-width: 0px;
        border-radius: 10px;
	width: 70%;
	xfloat: right;
	margin-right: 50px;	
}
#text_right{
	width: 12%;
	float: left;	
}
#sample_page{
	background: white;
    font-size: 20px;
    border-style: solid;
    border-width: 25px;
    border-color: white;
    border-radius: 20px;
	width: 600px;
	height: 70vh;
	position: relative;
	margin: 0px auto;
	overflow: scroll;
	xoverflow-x: hidden;
}
#center_column, #right_column, #text_page, #text_right {
	margin-left: 15px;
}
#text_box {
	margin: 10px;
}
#indent {
	margin-left: 15px;
	margin-right: 10px;
}
#event_box {
        border-style: solid;
        border-width: 1px;
	padding: 3px
}
#event_item {
        border-style: transparent;
        border-width: 1px;
}
#footer {
	position: relative;
	width: 100%;
	margin: 0px auto;
	margin-top: 3px;
}