/* General */

* {
/* padding: 0; */
margin: 0;
font-family:  arial;
}

body {
background: #CC0000;
	}

body a {text-decoration: none;}
body a:link {color: white;}
body a:visited {color: white;}
body a:active {color:  #99CCFF;}
body a:hover {color:  #EEEE77;}


h1 {
	font-size: 60px;
	font-weight: bold;
	color: #0000CC;
	padding: 0px;
	}

ul {
	list-style-type: square;
	list-style-position: inside;
	}

ol {
	list-style-position: inside;
	}


/* Divs */

#container {
	margin-top: 10px;
	position: relative;
	border: 2px solid black; 
	width: 800px;
	left: 50%;
	margin-left: -400px;	
	}

#header {
	width: 800px;
/*	height: 164px; */
	border-bottom: 2px solid black; 
	background-color: white;
 	}


#frname {
	height: 290px;
	border-bottom: 3px solid gray;
	background-color: white;
	border: 1px solid gray;
/*	background: url(Logo2.JPG) no-repeat top center; */
	background: url(headercollage08.JPG) no-repeat top right;
	}

.headerflag1 {
	position:absolute;
      left:355px;
      top:48px;
      }

.headerflag2 {
	position:absolute;
      left:8px;
      top:15px;
      }


#tagline {
	height: 27px;
	border-bottom: 3px solid gray;
	border: 1px solid gray; 
	background: #EEEE77;
	padding-top: 4px;
	padding-right: 6px;
	text-align: right;
	font-size: 14px;
	color: #black;
	}

#webtag {
	height: 27px;
	border-bottom: 3px solid gray;
	border: 1px solid gray;
	background-color: #000099;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	}

#main {
	position: relative;
	left: 0px;
	min-height: 250px; /* not supported by IE 6.0, is by 7.0 */
	width: 800px;
	background: #EEEEEE;
/*	background: #E0EEEE; */
	padding-top: 20px;
/*	color: #000066; */
	color: black; 
	font-size: 14px;
	}

#main p {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#main ul {
	padding: 20px;
	}

#main li {
	padding: 3px;
	}

#main ol {
	padding: 20px;
	}

#main a {text-decoration: none;}
#main a:link {color: black;}
#main a:visited {color: black;}
#main a:active {color:  black;}
#main a:hover {color:  #EEEE77;}

.homefloat {
	float: right;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 25px;
	}

.backgroundfloat {
	float: right;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 25px;
	}



#secondbanner {
	height: 5px;
	width: 800px;
	position: relative;
	left: 0px;
	background-color: #E0EEEE;
	border-bottom: 3px solid black; 
	}

#footer {
	height: 25px;
	width: 800px;
	position: relative;
	left: 0px;
	background-color: #000099;
	font-size: 13px;
	color: white;
	padding-top: 5px;
	}

#footer a {text-decoration: underline;}
#footer a:link {color: white;}
#footer a:visited {color: white;}
#footer a:active {color:  white;}
#footer a:hover {color:  #EEEE77;}

#visit {
	height: 200px;
	width: 700px;
	position: relative;
	left: 50px;
	background-color: #44AA66;
	font-size: 14px;
	}

#visit a {text-decoration: underline;}
#visit a:hover {color:  #EEEE77;}

.visitfloat {
	float: right;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 23px;
	}

#projects {
	width: 740px;
	position: relative;
	left: 30px;
	background-color: #44AA66;
	font-size: 14px;
	}

#background {
	width: 740px;
	position: relative;
	left: 30px;
	background-color: #44AA66;
	font-size: 14px;
	}

.drawing {
	padding: 10px;
	}

.visit07 {
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.beyond {
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}