/*RAGBRAI 2010 PRINT CSS*/

body {
background-color:#1e1e1e;
font-size:10pt;
font-family:Arial;
margin:0;
padding:0;
color:#333333;
text-align:center; /*Added to the body element to force IE to centre all content*/
min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;
	This takes the default 16px down to 10px*/
width:100%; 
font:12px/16px Arial, Helvetica, sans-serif;

}

.mcnote {color:#ff00cc;}

#container {
width:960px;
background:#fff;
margin:0px auto;
padding:0px;
text-align:left;
border: 0px solid #29375d;
}


#header {
clear:both;
width:960px;
height:150px;
background:none;
margin:0px;
padding:0px;
border:0px solid #ff00ff;
float:left;
position:relative;
display:inline;
z-index:300;
}


a:link, a:active, a:visited  {color: #000; text-decoration:underline;font-weight:normal;}
a:hover {color: #000; text-decoration:underline;}


ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 0px;
	list-style-type: none;
	display: block;
}

.wide ul li { 
	list-style-type:disc;
	padding-left: 0px;
	padding-bottom: 5px;
	position:relative;
}


p, td
{	
	font-size: 12px;
	line-height: 16px;
	font-family: Helvetica, Arial sans-serif;
	color: #333333;
	margin:0px 0px 10px 0px;
}


img.right {float:right;position:relative;border:4px solid #cad7e8;margin-right:20px;}

h1 {text-transform:uppercase;color:#000; font-size:20px;padding-bottom:10px;}

h2 {text-transform:uppercase;color:#000; font-size:16px;}


#contentcontainer {
width: 100%; margin: 0; float: none;
}

#contentarea {
width: 100%; margin: 0; float: none;
}


#contentarea ul {

	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


#contentarea ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet_gray.gif) no-repeat 0 4px;
	padding-left: 15px;
	padding-bottom: 3px;
	position:relative;
	list-style-type: none;
}

.download {
padding-left: 18px;
background: url(../images/arrow.gif) no-repeat 0 1px;
}

#sidebar {
display:none;
}

.hmhotelbtn
{
float:left;
width:237px;
height:83px;
padding:0px;
margin:20px 0px 0px 5px;
background: url(../images/bg_hotelbtn.jpg) no-repeat 0 0;
border:0px solid #ff0000;
text-align:center;
}

#footer {
width:960px;
clear:both;
height:30px;
text-align:left;
line-height:14pt;
background:#fff;
padding-bottom:0px;


}

.contactinfo {margin:0px; padding:0px; display:none;}
.contactinfoprint {font-size:12px; color#000; display:inline; margin-top:10px;}


.callout {
font-size:14px;
color:#333333;
padding:0px;
line-height:16px;
font-weight:bold;

}

#logo {margin:0px 0px 0px 0px; padding:0px; width:480px; height:234px; float:left; position:relative; display:none; z-index:300;border:0px solid #ff0000;}
#logoprint {margin:0px 0px 0px 0px; padding:0px; width:400px; height:123px; float:left; position:relative; display:inline; z-index:300;border:0px solid #ff0000;}

#image {display:none;}
#homeanimation {display:none;}


#displayimage {height:58px; width:960px; margin:0px 0px 0px 0px; padding:0px; float:left; position:relative; border:0px solid #00ff00;display:none;}
#displayimageprint {width:960px; margin:0px 0px 0px 0px; padding:0px; float:left; position:relative; border:0px solid #00ff00;display:inline; font-size:18px; line-height:22px; color:#000;}

.wide {float:left; position:relative; width: 100%; margin-top:25px; padding: 30px 15px 0px 0px; border:0px solid #000;}
.narrow {float:left; width: 220px; margin-right:0px;}

.courseending {display:none;}


#mainnav {
	display:none;
}

#mainnav ul  {
	display:none;
}

#mainnav li {
	display:none;
	}
	
#mainnav a:link, #mainnav a:active, #mainnav a:visited {
	display:none;
	}
	
#mainnav a:hover {
	display:none;
	}
	
	
body#contact ul li.contactbtn a,
body#sponsors ul li.sponsorsbtn a,
body#media ul li.mediabtn a,
body#gallery ul li.gallerybtn a,
body#volunteer ul li.volunteerbtn a,
body#vendor ul li.vendorbtn a,
body#housing ul li.housingbtn a,
body#parking ul li.parkingbtn a,
body#entertainment ul li.entertainmentbtn a,
body#tshirts ul li.tshirtsbtn a,
body#shuttles ul li.shuttlesbtn a,
body#shower ul li.showerbtn a,
body#gallery ul li.gallerybtn a,
body#home ul li.homebtn a

{ color:#cad7e8;}

/* CONTACT */

.contact {background: #fff; margin:0px; padding:15px;width:430px;float:left;position:relative;display:inline;border:0px solid #ccd8e9;}
.contactimg {margin:0px 0px 0px 0px;padding-right:10px;float:left;position:relative;display:inline;}
.contactimg img {border:4px solid #29375d;}

/*SPONSORS*/

.sponsor {float:left;position:relative;display:block;width:600px;margin:0px 0px 12px 0px; border-bottom:1px solid #ddd;}
.sponsimg {float:left;position:relative;display:inline;width:220px;text-align:center;padding-bottom:15px;}
.sponsdesc {float:left;position:relative;display:inline;width:380px;}
.sponsor a:link, .sponsor a:active, .sponsor a:visited  {color: #1a7cba; text-decoration:underline;font-weight:normal;margin:0px;padding:0px;font-size:12px;line-height:16px;}
.sponsor a:hover {color: #1a92dd; text-decoration:underline;margin:0px;padding:0px;font-size:12px;line-height:16px;}

/* MEDIA ROOM */

.newsdescdiv {width:600px; float:left;margin:5px 0px 0px 0px; padding-bottom:10px;border-bottom:1px solid #ddd;}
.newsdesc { margin:0px 0px 10px 0px; padding:0 0 0px 0; border:0px solid #ddd;font-size: 11px;line-height: 15px;font-family: Helvetica, Arial sans-serif;color: #333333;}
.date {font-size: 12px; font-weight:bold; color: #434121;}
.title { line-height: 16px; padding:5px;font-size:14px; font-weight:bold; color:#333333;margin:0px 0px 12px 0px;text-transform:capitalize; background: #cad7e8;}
.title a:link, .title a:active, .title a:visited  {color: #1a7cba; text-decoration:underline;font-weight:normal;margin:0px;padding:0px;font-size:12px;line-height:16px;}
.title a:hover {color: #1a92dd; text-decoration:underline;margin:0px;padding:0px;font-size:12px;line-height:16px;}

.mediaimg {margin:0px; padding:0px 5px 5px 5px;}


/* PHOTO GALLERY*/
.galleryrow {float:left;clear:both;position:relative;width:600px;border-bottom:0px solid #eba574;margin:10px 0px 30px 0px; padding:0px;}
.photo {width:150px; height:90px;display:inline;float:left;position:relative;margin-left:30px; margin-bottom:0px; padding:0px; border:0px solid #ff0000;}
.photo img {width:150px;display:inline;}
.photo img.border {border:4px solid #29375d;}
