@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background-color: #6699CC;
}

* {
   margin: 0;
   padding: 0;
}

html, body {
   height:100%;
   width:100%;
}

#outer {
	display: table;
	width: 100%;
	position: absolute;
	top: 0px;
}

#container {
	display: table-cell;
	background-color: #FFFFFF;
}

#header {
	background-color: #c2d6eb;
} 

#buttonbar {
	font-size: 75%;
	background-color: #666666;
	font-weight: lighter;
	color: #FFFFFF;
	height: 20px;
}  
#buttons {
	float: left;
	line-height: 20px;
	text-align: center;
	font-size: 115%;
	width: 216px;
}


#inner {
	margin-right: auto;
	margin-left: auto;
	width: 740px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 30px;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#mainbody {
	background-color: #FFFFFF;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
} 

#footer {
	background-color: #CCCCCC;
	border-top-style: solid;
	border-top-color: #666666;
	line-height: 20px;
	color: #333333;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	border-top-width: 0px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
}
#button {
	float: left;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #666666;
	font-size: 95%;
	margin-right: 20px;
}
#button2 {
	float: left;
	width: 200px;
}
#image {
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	padding-bottom: 10px;
}
#inner_app {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 760px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 1px solid #000000;
}
#headerlogo {
	z-index: 1;
	top: 0px;
	margin-top: 0px;
}
#picture {
	background-color: #CCCCCC;
	float: right;
	border: 1px solid #000000;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}
#picture_holder {
	text-align: center;
	height: 160px;
	width: 654px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
}
#mainbody_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-right: 50px;
	margin-bottom: 30px;
	margin-left: 50px;
	color: #333333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#mainbody_name {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 115%;
	z-index: 1;
	clear: both;
	margin-left: 40px;
	margin-top: 20px;
	font-style: italic;
	padding-left: 20px;
}
#picture2 {
	background-color: #CCCCCC;
	border: 1px solid #333333;
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
}
#buttonbar_btm {
	font-size: 75%;
	font-weight: lighter;
	color: #333333;
	height: 20px;
	width: 648px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}