/*===Main CSS for Foundation Redesign April 2008===*/

/*Table of Contents:
	Main Layout styles
	Universal Navigation Bar- Homepage
	Universal Navigation Bar- Secondary level, no Foundation Star logo like homepage
	Secondary level horizontal navigation bar
	Main Body Content styles
	Footer styles
	Special styles
		Home Rotating Quote Box
		Floated Column (class, use multiple times)
		Picture
		PDF File Info
		Sponsors
		Image Clear
*/

/*Main Layout Styles
---------------------------------------------------*/
body {
	background-color:white;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	background-image: url(images/navbackground.gif);
	background-position:left top;
	background-repeat:repeat-y;
	}  
#homebody {
	background-color:white;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url(images/navbackgroundlong.gif); /*This is the blue right hand banner */
	background-position:left top;
	background-repeat:repeat-y;
	}
#homebody h1 {
	position: absolute; /*This takes the h1 off the homepage*/
	left: -200em;
	top: -30em;
	}
#homebody h2 {
	clear:left;
	}  
#wrapper { /*This gives the page a fixed width*/
	width: 760px;
	}
#header { /*This places the banner image on the second level pages as a background image*/
	margin: 0;
	padding: 0;
	background-image: url(images/foundationbanner.gif);
	background-color: #0033FF;
	background-repeat: no-repeat;
	background-position: center top;
	height: 49px;
	}
/*Specific to SHOES event page. This places the banner image on the second level pages as a background image*/
#headershoes { 
	margin: 0px;
	padding: 0px;
	background-image: url(images/bwbanner.jpg);
	background-color: #ff3399;
	background-repeat: no-repeat;
	background-position: center 5px;
	height: 59px;
	}

ul.shoes li{
	list-style-type: none;
	display: inline;
	padding-right: 15px;
	}	
/*.shoes a:link,
.shoes a:visited {
	text-decoration: none;
	}*/	
.shoes h2 {color: #ff3399;
}
.floatRightClear { /*all floats should have a width*/
	float: right;
	clear: right;
	margin: 4px; 
	width: 180px;
	}	
/*End SHOES*/	

h1 {
	margin: 5px 0;
	padding: 0;
	margin-top: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #575762;
	font-weight: bold;
	}
h1#home {
	position: absolute; /*This takes the h1 off the homepage*/
	left: -200em;
	top: -30em;
	}
h2 {
	margin: 0;
	padding: 5px 5px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #575762;
	clear:both;
	}
h2 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11pt;
	font-weight: normal;
	}
h2#home {
	clear:left;
	font-size: 14pt;
	font-weight: normal;
	} 

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #575762;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -1px;
	margin-left: 0;
	}
p {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: black; 
	font-style: normal
}
ul li {
	margin: 0;
	padding: 3px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	color: black; 
	font-style: normal;
	list-style-type:disc;
	}
ul#home {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	color: black; 
	font-style: normal;
	list-style-type:disc;
	padding-top: 2px;
	margin-top: 0;
	}
/*Universal Navigation Bar-Homepage
---------------------------------------------------*/ 
#nav {
	margin: 0;
	padding: 0;
	float: left;
	width: 108px;
	background-image: url(images/logo.gif);
	background-position: left top;
	background-repeat: no-repeat; 
	}
#nav ul {
	margin: 0;
	margin-top: 147px; /*move nav down to make room for Foundation Star logo*/
	padding: 0;
	background-color: #FFFFCC;
	}
#nav ul li {
	padding: 3px 1px;;
	margin: 2px 0; 
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	list-style-type:none;
	}
#nav ul li a {
	display: block; 
	margin: 0;
	padding: 2px;
	text-align:center;
	}
#nav ul a:link, #nav ul a:visited {
	color: #333399;
	text-decoration: none;
	}
#nav ul a:hover {
	background-color: #FFF047;
	text-decoration: underline;
	}

/*Universal Navigation Bar- Secondary level (no Foundation Star logo like homepage)
---------------------------------------------------*/
#navsub {
	margin: 0;
	padding: 0;
	width: 108px;
	float: left; 
	}
#navsub ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFCC;
	}
#navsub ul li {
	margin: 2px 0; 
	padding: 3px 1px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	list-style-type: none;
	}
#navsub ul li a {
	margin: 0;
	padding: 2px;
	display: block;
	text-align: center;
	}
#navsub ul a:link, 
#navsub ul a:visited {
	color: #333399;
	text-decoration: none;
	}
#navsub ul a:hover {
	background-color: #FFF047;
	text-decoration: underline;
	}

/*Secondary level horizontal navigation bar
---------------------------------------------------*/
#secondnav ul {
	display: inline;
	}
#secondnav ul li {
	list-style-type: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 4px;
	text-align: center;
	}
#secondnav a {
	display:block;
	width: 120px;
	background-color: #f5f5f5;
	}
#secondnav a:link,
#secondnav a:visited {
	background-color: #f5f5f5;
	text-decoration: none;
	}
#secondnav a:hover {
	background-color: #fff047;
	text-decoration: underline;
	}

/*Main Body Content styles
---------------------------------------------------*/
#contentmiddle {
	margin: 0;
	margin-top: 15px;
	margin-left: 10px;
	padding: 0;
	width:80%;
	float:left;
	}
#contentmiddle p { /*To clear past the second level specific horizontal navigation*/
	clear:left;
	}

/*Footer styles
---------------------------------------------------*/
.footer {
	margin: 0;
	padding: 0;
	width: 300px;
	clear: both;
	}
.footer p {
	margin: 0;
	margin-left: 3px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	}
.footer ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	}
.footer li {
	display: inline;
	margin: 0;
	padding: 0 3px;
	border-right: 1px solid #575762;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	}
#noborder1 {
	border: 0;
	border-right: 0;
	}
#noborder2 {
	border: 0;
	border-right: 0;
	}

/*Special Styles
---------------------------------------------------*/

/*Home Rotating Quote Box*/
#dropcontentsubject{
	width: 200px;
	}
.dropcontent {
	width: 200px;
	height: 225px;
	background-image: url(images/quote.png);
	background-repeat: no-repeat; 
	float:right;
	padding: 3px;
	display:block;
	}
.dropcontent h2 {
	margin: 2px 7px 0 7px;
	}
.dropcontent p {
	padding: 0 7px 0 5px;
	}

/*Floated Column*/
.column {
	float:left;
	width: 250px;
	}
.column ul li {
	list-style-type: square;
	margin: 0;
	padding: 5px 0;
	}
.column .nobullet  {
	list-style-type: none;
	font-weight: bold;
	}
.columnlarger {
	float:left;
	width: 340px;
	}
.columnlarger ul li {
	list-style-type: square;
	margin: 0;
	padding: 5px 0;
	}
.columnlarger .nobullet  {
	list-style-type: none;
	font-weight: bold;
	}

/*Picture*/
.picture {
	float: right;
	clear:both;
	width: 250px;
	margin: 5px 5px 5px 10px;
	}
.picture p {
	font-size: 8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.picture img {
	border: 1px solid black;
	}
	
/*PDF File Info*/
.pdf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}

/*Sponsors*/
.sponsors {
	float: right;
	margin: 5px;
	margin-left: 10px;
	padding: 2px;
	width: 180px;
	border: 1px solid #575762; 
	}
.sponsors img {
	padding: 5px;
	}
.sponsors p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	}

/*Image Clear*/
.imageclear {
	float:left;
	width: 300px;
	clear:left;
	margin-bottom: 10px;
	}
.clear {
	clear:both;
	}
	
/*Callout Box*/	
.floatrightcallout { /*mimic floatRightClear but specifies a width and some special styles*/
	margin: 5px;
	padding: 5px;
	width: 250px;
	border: 1px solid black;
	background-color: #f5f5f5;
	float: right;
	clear: right;
	}
.floatrightcallout h3, .floatrightcallout p, .floatrightcallout ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
/*Date Last Updated*/		
.date {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	}
ul.address li {
	list-style: none;
	}