* {	/* Universal selector for all objects - individual rules can override this */
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #101010; /*202020*/
	text-align: center;		
}

#wrapper {
	background-color: #000;
	width: 770px;	/* Flash width = 760px */
	margin: auto;	/* Without this the body: text-align: center; doesn't work */
	padding: 10px 0 10px 0;
}

#container {
	background-color: #000;
}

#header{
	text-align: left;
	margin: 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 20px;
	color: white;
}

#header h1 {
	display: inline;
	padding: 0 10px; /* top & bottom, left & right */
}

#header h2 {
	display: inline;
	padding: 0 0 0 100px; /* top right bottom left */
}

#pageheader{
	position: relative;
	margin: 10px;
	border-top: 1px solid #333;/* 333 */
	border-bottom: 1px solid #333;/* 333 */
	padding: 20px;
	color: white;
}

#pageheader h1 {
	display: inline;
}

#pageheader h2 {
	display: inline;
}

#home {
	position: absolute;
	top: 25px;
	left: 20px;	
}

#info {
	position: absolute;
	top: 25px;
	right: 20px;
}

#main {
	position: relative;		/* This will make the sidebar div be positioned to the main div */
	top: 0;
	left: 0;
}

#navbar {
	text-align: left;
	text-decoration: none;
	padding-bottom: 20px;
}

#navbar li{
	display: inline;
	padding-right: 20px;	/* top & bottom, left & right */
}

#caption {
	text-align: center;
	padding: 20px; /* top & bottom, left & right */
}

#caption2 {
	text-align: justify;
	padding: 20px; /* top & bottom, left & right */
}

#caption h3 {
	text-align: center;
}

.bodytext1 {
	text-align: justify;
	padding: 10px 20px;
}

.bodytext2 {
	text-align: center;
	padding: 10px 20px;
}

h4.caption  {
	text-align: justify;
}

.divimage {
	text-align: center;
	/*vertical-align: middle;*/
}
#homeimage {
	text-align: right;
	padding: 10px 20px 0 150px; /* top right bottom left */
}

#sidebar {
	position: absolute;
	top: 10px;
	left: 0;
	padding:20px 0 0 40px;
}

#sidelogo {
	position: absolute;
	top: 10px;
	left: 0;
	padding:0px 0 0 40px;
	/* padding:0 0 0 40px; */ /* change this line when swapping to new index page*/
}

#footer{
	position: relative;		/* This will make the sidebar div be positioned to the main div */
	margin: 10px 10px 0 10px; /* 0 10px */	
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 20px 0px;
	font-family: verdana, arial, sans-serif; 
	color: #fff;
	font-size: 10pt;  
}

#footerleft {
	position: absolute;
	top: 10px;
	left: 20px;	
}

#footerright {
	position: absolute;
	top: 10px;
	right: 20px;	
}

#help {
	position: absolute;
	top: 10px;
	right: 200px;	
}


#update {
	position: absolute;
	top: 10px;
	right: 20px;
}

h1 {
	font-family: verdana, arial, sans-serif; 
	color: #fff; 
	font-size: 16pt; 
	font-weight: bold;
}

h2 {
	font-family: verdana, arial, sans-serif; 
	color: #fff; 
	font-size: 10pt; 
	font-weight: bold;
}

h3 {
	font-family: verdana, arial, sans-serif; 
	color: #fff; 
	font-size: 10pt;
	font-weight: normal;
}

h4 {
	font-family: verdana, arial, sans-serif; 
	color: #fff; 
	font-size: 10pt;	
	font-weight: bold;
}


h6 {
	font-family: verdana, arial, sans-serif; 
	color: #ffffff; 
	font-size: 6pt; 
}

a:link { 
	color: #fff; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt; 
	text-decoration: none;
}

a:active { 
	color: #fff; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt; 
	text-decoration: none;
}

a:visited { 
	color: #fff; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt; 
	text-decoration: none;
} 

a:hover { 
	color: #09f; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt; 
	text-decoration: none;
}

img {
	border: 0;
}

ul
{
	list-style-type: none;	/* Remove bullet points */
	color: #fff; 
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt;
	padding-left: 20px;
}

#flashwarn {
	font-family: verdana, arial, sans-serif; 
	color: #fff; 
	font-size: 8pt;
	text-align: center;
}