/*RAGBRAI 2010 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: 10px solid #29375d;
}


#header {
clear:both;
width:960px;
height:304px;
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: #1a7cba; text-decoration:underline;font-weight:normal;}
a:hover {color: #1a92dd; text-decoration:underline;}


ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	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;margin-left:10px;}

img.left {float:left;position:relative;border:4px solid #cad7e8;margin-right:20px;margin-left:10px;}

h1 {text-transform:uppercase;color:#d23d1a; font-size:20px;padding-bottom:10px;}

h2 {text-transform:uppercase;color:#333333; font-size:16px;}


#contentcontainer {
width:945px;
clear:both;
padding:0px;
border:0px solid #ff00ff;
float:left;
position:relative;
margin-bottom:30px;
}

#contentarea {
width:670px;
padding:0px;
margin:0px 0px 0px 0px;
float:left;
}


#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 {
float:left;
position:relative;
width:275px;
color:#333333;
padding-bottom:0px;
margin-top:40px;
border:0px solid #ff0000;
background: #fff url(../images/bg_leftcol.jpg) repeat-x 0 0;
}

.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:right;
line-height:14pt;
background:#fff;
padding-bottom:0px;
text-align:center;

}

.contactinfo {margin:0px; padding:0px; display:inline;}
.contactinfoprint {margin:0px; padding:0px;font-size:12px; color#000;display:none;}


.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:inline; z-index:300;border:0px solid #ff0000;}
#logoprint {margin:0px 0px 0px 0px; padding:0px; width:400px; height:123px; float:left; position:relative; display:none; z-index:300;border:0px solid #ff0000;}

#image {margin:0px 0px 0px 0px; width:480px; height:234px; background: url(../images/photo0.jpg) no-repeat 0 0; float:left; position:relative;display:inline;padding:0px;z-index:300;overflow:hidden;}
#homeanimation {margin:0px auto; width:480px; height:234px; float:left;display:inline; z-index:300;}


#displayimage {height:58px; width:960px; margin:0px 0px 0px 0px; padding:0px; float:left; position:relative; border:0px solid #00ff00; display:inline;}
#displayimageprint {height:58px; width:960px; margin:0px 0px 0px 0px; padding:0px; float:left; position:relative; border:0px solid #00ff00; display:none;}

.wide {float:left; position:relative; width: 600px; min-height:400px; margin-left:27px !important; margin-left:15px; margin-top:25px; padding: 30px 15px 0px 15px; border:0px solid #000; background: #fff url(../images/bg_content.jpg) repeat-x 0 0;}
.narrow {float:left; width: 220px; margin-right:0px;}

.courseending {float:right;border:0px solid #000;padding-top:10px;margin-right:24px;}


#mainnav {
	background:#252c3f;
	width:960px;
	height:70px;
	/*position:absolute;
	top:0px;
	left:0px;*/
	float:left;
	position:relative;
	text-align:center;
	margin:0px;
	padding:0px;
	z-index:600;
	border:0px solid #ff00ff;
}

#mainnav ul  {
	margin:12px 0px 0px 0px;
	padding:0px;
	width:960px;
	float:left;
	position:relative;
	
}

#mainnav li {
	display:inline;
	border:0px solid #ff00ff;
	color:#fff;
	font-weight:normal;
	padding:0px 12px 0px 12px;
	font-size:13px;
	line-height:24px;
	text-transform:capitalize;
	}
	
#mainnav a:link, #mainnav a:active, #mainnav a:visited {
	color:#FFFFFF;
	border-right:#FFFFFF 0px solid;
	text-decoration:none;
	}
	
#mainnav a:hover {
	color:#cad7e8;
	border-right:#FFFFFF 0px solid;
	text-decoration: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#maps ul li.mapsbtn 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:5px 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 80px 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;}