/*
-----------------------------------------------
RUDY MAXA screen style
author:  briana como - www.u4eadesign.com
version:  1.1 - August 2008
----------------------------------------------- */

/* Sitewide text
----------------------------------------------- */


/* Page Structure
----------------------------------------------- */

html {
	height: 100%;
	overflow: auto;
}
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 75%;
	line-height: 135%;
	margin: 0;
  	padding: 0;
  	height: 100%;
	color: #666;
}

/* Set margin and padding to 0 for all elements */
* {margin: 0; padding: 0;}

h1 {
	font-size: 10px;
	font-weight: normal;
	padding: 2px;
	color: #133a67;
	background: #fff;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #47bdfe;
	background: #333;
	padding: 5px 0 5px 15px;
	margin-bottom: 10px;
}

h3 {
	font-weight: normal;
	color: #333333;
	line-height: 120%;
	padding-bottom: 3px;
	padding-top: 8px;
}
h4 {
	font-weight: normal;
	color: #555;
	padding-bottom: 5px;
	padding-top: 0;
}

img {
	border: 0;
}
.blue {
color: #133a67;
}
.white {
color: #fff;
}
.credit {
	text-align: right;
	font-size: 90%;
	}

p {
padding-top: 5px;
padding-bottom: 5px;
}
.right {
float: right;
margin: 5px;
}
.left {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
li {
margin-left: 15px;
margin-bottom: 5px;
}

/********************************************/
/* HTML LAYOUT			*/
/********************************************/

#container {
	width: 1000px;
}

* html #container { width: 1000px;}

#nav {
	width: 250px;
	height: 700px; /* higher for footer - only needs to be 570 */
	float: left;
}
#subnav {
	height: 100px;
	
	}
#main {
	width: 550px;
	float: right;
	margin-right: 60px;
	margin-top: 60px;
	margin-bottom: 10px;
}
#footerHolder {
	width: 1000px;
}

#footer {
	height: 100px;
	width: 850px;
	clear: both;
	float: right;
	text-align: right;
}

a:link {color: #990000; text-decoration: none; }
a:visited {color: #990000; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration: underline;}

a.white {color: #FFF; text-decoration: none;}
a.white:hover {color: #ff9900;}

#logo { /* used for printing */
	display: none;
	}

/********************************************/
/* FORMATTING NAV	*/
/********************************************/
#nav img {
	margin-left: 15px;
}

#navLinks {
	margin-left: 20px;
}

#navLinks a { 
	color: #ff9900; 
	background: #fff; 
	text-decoration: none;
	padding: 2px 4px;
	
}
#navLinks a:hover { color: #fff; background: #ff9900; }
#navLinks a:active {color: #fff; background: #133867;}

#navLinks ul {
	margin-left: 0;
	list-style-type:none;
	margin-top: 8px;
	margin-bottom: 8px;
	
}
#navLinks li {
	margin: 3px 0;
}

/********************************************/
/* FORMATTING SUB NAV	*/
/********************************************/
#subnav a {color: #ff9900; font-size: 11px;}
#subnav a:hover {color: #133a67;}

#subnav ul {
	list-style-type:none;
	padding-top: 50px;
	}
#subnav li {
	display: inline;
	}