/*
Screen Styles for Dataframe Website - Version 01
Dates: 28 July 2009 - 25 September 2009
*/

/* GLOBAL ------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	background-color:#666;}
	
body {
	font:76%/1.2 Verdana, Geneva, sans-serif;
	color:#FFF}


/* STRUCTURE ------------------------------------------------------ */
#wrapper {
	width:auto;
	height:auto;
	margin:auto;}
	
#banner {
	padding:20px 0px 0px 22px;
	height:70px;
	width:1000px;
	font-family:Candara;
	font-size:60PX;
	color:#FFF;}

#banner h1 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;}

#banner img {
	position: absolute;
	top: 20px;
	left: 850px; }

#content {
	padding:0px 0px 50px 100px;
	text-align:justify;
	width:610px; 
	float:left;
	height:auto;
	color:#FFF;
	position: relative;
	top: 60px; }

.indent {
	padding:10px 0px 10px 0px; 
	color:#FFF;}

.indentheading {
	padding:0px 0px 10px 0px;
	font-family:Candara;
	font-size:22px;}

.hrformat {
	height:4px;
	color:#900;
	background-color:#900;}
	
hr {
	border:none;
	height:2px;
	color:#900;
	background-color:#900;
	margin-bottom:7px;}

#navigation {
	background-color: transparent;
	padding:60px 0px 40px 30px;
	width:260px; 
	float:left;
	height:400px;}

#footer {
	height:50px;
	clear:both;
	padding-top:50px;}
	
.footerstyle {
	font-size:9px; 
	padding:0px 0px 30px 35px;
	width:auto;}

.w3cstyle {
	padding:10px 10px 10px 0px;}

#content a:link, #content a:visited {
	color:#FFF;}

.slogan {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#B0C9D0;
	padding-left:40px;}
	

/* NAVIGATION ------------------------------------------------------ */
#navigation ul {
	list-style-type:none;}
	
#navigation a {
	text-decoration:none;
	display:block;
	padding:8px;}

#navigation a:link, #navigation a:visited {
	color:#FFF;
	background-color:#666;}

#navigation a:hover {
	color:#FFF;
	background-color:#900;}


/* CONTENT ------------------------------------------------------ */