/***************** General *****************/

body {
    text-align: center;
    font-size: 1.0em;
    font-family: Helvetica, Arial, sans-serif;
    background: url(../images/header-bg.jpg) repeat-x #fff;
    }

h2, h3, h4, h5 {
    color: #555;
    }

h2 {
    font-family: Georgia, serif;
    }

.center, h2 {
	text-align: center;
	}

.hidden {
	display: none;
	}


/***************** General Layout *****************/

#container {
    margin: 0 auto;
    padding: 0 10px;
    width: 90%;
    text-align: left;
    }

ul.links {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	}


/***************** #header *****************/

#header {
	padding: 10px 35px 0 35px;
	text-align: center;
	height: 178px;
    }

#header h1 {
    font-size: 5.0em;
    font-family: sans-serif;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
    }

#header p {
    font-size: 1.2em;
    font-family: Georgia, serif;
    padding: 0 130px;
    color: #8fcff9;
    }


/***************** #content *****************/

#content {
    width: 100%;
    padding: 35px 0;
    #background: url(../images/content-bg-2.jpg) no-repeat #fff;
    }


/***************** Resources Table .resources *****************/

th {
	background: #fff;
	color: #555;
	text-align: center;
	background: #efefef;
	}

td {
	background: url(../images/td-bg-gradient.jpg) bottom repeat-x #fff;
	}

td, th {
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	padding: 25px;
	}

td.level {
	background: url(../images/td-level-shadow.png) right repeat-y #fff;
	vertical-align: middle;
	white-space: nowrap;
	min-width: 200px;
	padding: 0 20px 0 0;
	color: #555;
	}

td.level > h4 {
	background: url(../images/arrow.png) center no-repeat;
	min-height: 50px;
	padding: 40px 0 0 10px;
	font-weight: bold;
	font-size: 1.0em;
	}

tr:hover td {
	background: #efefef;
	}

tr:hover td.level > h4 {
	background: url(../images/arrow-hover.png) center no-repeat;
	}

tr:hover td.level {
	background: url(../images/td-level-shadow.png) right repeat-y #fff;
		/* Maintains proper background for td.level on rollover */
	}


/***************** #delivery *****************/

#delivery p {
	text-align: center;
	font-size: 0.7em;
	}

.logos {
	float: left;
	margin: 10px 3%;
	width: 125px;
	text-align: center;
	}
	
#event {
	margin-left: 6%;
	}

.logos a  {
	display: block;
	height: 125px;
	width: 125px;
	overflow: hidden;
	}

.logos a:hover {
	display: block;
	text-indent: -125px; 
	}

.logos h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 15px;
	font-family: sans-serif;
	}

/***************** #footer *****************/

#footer {
	background: url(../images/footer-bg.jpg) repeat-x #5c5c5c;
	height: 75px;
	padding: 35px;
	color: #fff;
	clear: both;
	}