/*
-----------------------------------------------
Style Sheet, On-Screen

Site: KimberLeigh Schartz: Graphic Design
----------------------------------------------- */


/* Copy styles */

p {
	background:transparent;
	color:#000000; 
	font: normal 11.5px/15px myriad, verdana, helvetica, arial, geneva, sans-serif;
	margin-left:36px}
	
p.writing {
	background:transparent;
	color:#000000; 
	font: normal 11.5px/15px myriad, verdana, helvetica, arial, geneva, sans-serif;
	margin:25px}	
	
ul {
	text-align: center;
	padding: 0px;
	margin: 0px}
	
li {
	display: inline;
	list-style-type: none;
	background:transparent;
	color: #cccccc; 
	font: normal 10px/13px myriad, verdana, helvetica, arial, geneva, sans-serif}	
	
p.notes {
	background:transparent;
	color:#cccccc; 
	font: normal 11.5px/15.5px myriad, verdana, helvetica, arial, geneva, sans-serif;
	padding: 5px 0px 15px 0px;
	margin: 0px 38px 0px 38px}
	
#footer p.notes {	
	background:transparent;
	text-align: center;
	color:#cccccc; 
	font: normal 10.5px/12px myriad, verdana, helvetica, arial, geneva, sans-serif;
	padding: 14px 0px 0px 0px;
	margin: 0px}		
	
p.bibliography {
	background:transparent;
	color:#000000; 
	font: italic 10px/13px myriad, verdana, helvetica, arial, geneva, sans-serif;
	margin: 20px}	

a:link {
	color:#999999; 
	font: 11.5px myriad, verdana, helvetica, arial, geneva, sans-serif; 
	text-decoration: none}
	
a:visited {
	color:#999999; 
	font: 11.5px myriad, verdana, helvetica, arial, geneva, sans-serif; 
	text-decoration: none} 	
	
a:hover {
	color:#716996; 
	font: 11.5px myriad, verdana, helvetica, arial, geneva, sans-serif; 
	text-decoration: none}
	
a:active {
	color:#999999; 
	font: 11.5px myriad, verdana, helvetica, arial, geneva, sans-serif; 
	text-decoration: none}	
	
a.bold:link {
	color:#716996; 
	text-decoration: none}
	
a.bold:visited {
	color:#716996; 
	text-decoration: none} 
	
a.bold:hover {
	color:#ffffff; 
	text-decoration: none}	
	
a.bold:active {
	color:#716996; 
	text-decoration: none}
	
.header {
	font: bold 14px/17px myriad, verdana, helvetica, arial, geneva, sans-serif;
	color:#666699
	}	
	
.subhead {
	font: bold 11.5px/16px myriad, verdana, helvetica, arial, geneva, sans-serif;
	color:#666699
	}	

.italic {
	font-style: italic
	}

.bold {
	font-weight: bolder
	}		
		

/* structure styles */

body {
	background-color:#000000;
    padding: 0px
	}

#main_container {
	position: relative;
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
	background-color:#000000;
	width: 760px
	}
	
#inner_container {
	float: left;	
	clear: both;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	background-color:#000000;
	width: 760px;
	border: 6px solid #cccccc
	}	

#logo {		
	position: relative;
	background-color:#000000;
	margin-bottom:5px
	}
	
#upper_nav {
	float: left;
	clear: both;
	margin: 15px 0px 5px 0px;
	padding: 0px;
	width: 760px;
	}	
	
#back_arrow {
	float: left;
	clear: both;
	width: 42px;
	padding: 0px 0px 0px 267px; 
	margin: 0px
	}
	
#mid_nav {
	float: left;
	clear: none;
	width: 142px;
	padding: 0px; 
	margin: 0px
	}	
	
#forward_arrow {
	float: left;
	clear: none;
	width: 42px;
	padding: 0px; 
	margin: 0px
	}				
		
#content {
	position: relative;
	clear: both;
	width: 760px;
	padding: 0px;
	margin: 0px
	}	
	
.image {
	position: relative;
	clear: both;
	width: 683px;
	height: 410px;
	padding: 0px 0px 0px 0px;
	margin: 0px 35px 0px 35px;
	border-top: 1px solid #cccccc
	}
	
#flash {
	position: relative;
	clear: both;
	width: 300px;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 210px;
	}	

#flash2 {
	position: relative;
	clear: both;
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 110px;
	border: 1px solid #333333
	}	
	
#flash3 {
	position: relative;
	clear: both;
	width: 469px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 110px;
	border: 1px solid #333333
	}		
	
#copy {
	position:relative;
	clear: both;
	width: 540px;
	padding: 25px;
	margin: 0px 35px 25px 125px;
	background: #CCCCCC; 
	border: 4px solid #666699
	}	
	
.info {
	position: relative;
	clear: both;
	width: 760px;
	height: 66px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}			

#navigation {
	float: right;
	clear: both;
	width: 289px;
	padding: 0px 0px 20px 0px;
	margin: 0px
	}
	
#bottom_nav {
	position: relative;
	clear: both;
	width: 690px;
	padding: 10px 0px 0px 0px;
	margin: 0px 35px 0px 35px;
	border-top: 1px solid #cccccc;
	}
	
#name_home {
	float: left;
	clear: both;
	width: 420px;
	padding: 0px; 
	margin: 0px;
	}

#name_inside {
	float: left;
	clear: both;
	width: 311px;
	padding: 0px; 
	margin: 0px;
	}	
	
#bottomnav_home {
	float: right;
	clear: none;
	width: 270px;
	padding: 0px; 
	margin: 0px;
	}		
	
#bottomnav_inside {
	float: right;
	clear: none;
	width: 379px;
	padding: 0px; 
	margin: 0px;
	}		
	
#footer {
	float: left;
	clear: both;
	width: 760px;
	text-align: center;
	background-color:#000000;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	}
	
/* Form styles */
fieldset {
	border:none;
	color:#cccccc; 
	font: normal 11.5px/15.5px myriad, verdana, helvetica, arial, geneva, sans-serif;
	}