/* @override http://guelphcampus.coop/css/homepage/screen.css */

@import url(../../css/homepage/jquery.fancybox.css);

/*************************************************
	Gueplh Campus Co-op - September 2009 
		
	Site by Barking Dog Studios
	http://www.barkingdogstudios.com/

*************************************************/

/********** BASIC STYLES **********/
body {
	font: 12px/16px	"Trebuchet MS", Helvetica, Arial, sans-serif;
	background: #fff4dd;
}

div,dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table { 
	margin: 0;
	padding: 0;
}

:focus {
	outline: none !important;
}

a img {
	border: none;
	text-decoration: none !important;
}

.clear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/********** HEADER **********/
#wrapper {
	margin: 12px auto 0;
	width: 960px;
	background: #fff;
	border: 1px solid #767472;
}

h1#logo {
	float: left;
	margin: 18px 0 0 16px;
	width: 441px;
	height: 55px;
	background: url(../../images/homepage/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}

h1#logo a {
	display: block;
	width: 441px;
	height: 55px;
}

#tagline {
	display: none;
}

ul#adspace {
	float: right;
	margin: 18px 11px 0 0;
	list-style: none;
}

ul#adspace li.popup {
	border: none !important;
}

ul#adspace li.popup a {
	display: none !important;
}

ul#adspace li {
	float: left;
	margin-right: 5px;
	width: 232px;
	height: 58px;
	border: 1px solid #000;
}

ul#main_nav {
	float: left;
	margin-top: 18px;
	padding-left: 54px;
	width: 554px;
	background: #006b6e url(../../images/homepage/main_nav_sprite.gif) no-repeat 54px -3px;
	list-style: none;
}

ul#main_nav li {
	float: left;
	text-indent: -9999px;
}

ul#main_nav li a {
	display: block;
	padding: 4px 0;
}

ul#main_nav li.about, ul#main_nav li.about a {
	width:  86px;
}

ul#main_nav li.about a:hover {
	background: url(../../images/homepage/main_nav_sprite.gif) no-repeat 0px -30px;
}

ul#main_nav li.bookstore, ul#main_nav li.bookstore a {
	width: 101px;
}

ul#main_nav li.bookstore a:hover {
	background: url(../../images/homepage/main_nav_sprite.gif) no-repeat -86px -30px;
}

ul#main_nav li.housing, ul#main_nav li.housing a {
	width: 83px;
}

ul#main_nav li.housing a:hover {
	background: url(../../images/homepage/main_nav_sprite.gif) no-repeat -187px -30px;
}

ul#side_nav {
	float: right;
	margin-top: 18px;
	width: 351px;
	list-style: none;
	background: #67c8c4 url(../../images/homepage/side_nav_sprite.gif) no-repeat 0 -3px;
}

ul#side_nav li {
	float: left;
	text-indent: -9999px !important;
}

ul#side_nav li a {
	display: block;
	padding: 4px 0;
}

ul#side_nav li.membership, ul#side_nav li.membership a {
	width: 112px;
}

ul#side_nav li.membership a:hover {
	background: url(../../images/homepage/side_nav_sprite.gif) no-repeat 0 -30px;
}

ul#side_nav li.involved, ul#side_nav li.involved a {
	width: 125px;
}

ul#side_nav li.involved a:hover {
	background: url(../../images/homepage/side_nav_sprite.gif) no-repeat -112px -30px;
}

ul#side_nav li.contact, ul#side_nav li.contact a {
	width: 114px;
}

ul#side_nav li.contact a:hover {
	background: url(../../images/homepage/side_nav_sprite.gif) no-repeat -237px -30px;
}


/********** FEATURES **********/
#features {
	position: relative;
	float: left;
	width: 608px;
}

#flash_content {
	position: relative;
	float: left;
	display: block;
	width: 405px;
	height: 237px;
}

#flash_content object {
	position: relative;
	z-index: 9999 !important;
}

#welcome {
	float: right;
	background: #0a9690 url(../../images/homepage/welcome_bg.gif) no-repeat 50% 75%;
	width: 200px;
	height: 237px;
	text-indent: -9999px;
}

#message_bar {
	clear: both;
	width: 608px;
	min-height: 40px;
	background: #006b6e url(../../images/homepage/message_bar_bg.gif) no-repeat 230px 55%;
	border-bottom: 1px solid #fff;
	text-indent: -9999px;
}

#feature_blocks {
	background: url(../../images/homepage/feature_blocks_bg.gif) repeat-y 0 0;
}

#features .feature_block {
	position: relative;
	width: 202px;
	cursor: pointer !important;
}

#features .feature_block a {
	display: block;
	padding: 0 22px 4px 0;
	width: 180px;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../../images/homepage/feature_arrow.png) no-repeat 185px 50%;
}

#features .feature_block a img {
	padding-bottom: 4px;
}

#features #left:hover {
	/*background: #b05120;*/
	background: #b41c00;
}

#features #middle:hover {
	background: #c6a536;
}

#features #right:hover {
	background: #02807c;
}

#features #left {
	float: left;
	margin-right: 1px;
	/*background: #ce5e19;*/
	background: #c11e00;
}

#features #middle {
	float: left;
	margin-right: 1px;
	background: #d9b849;
}

#features #right {
	float: left;
	background: #0a9690;
}


/********** SIDEBAR **********/
#sidebar {
	float: right;
	padding: 12px 12px 0 12px;
	width: 328px;
}

#sidebar ul#news {
	border-bottom: 1px dotted #c2c2c2;
	list-style: none;
}

#sidebar ul#news li {
	padding: 8px 0;
	border-top: 1px dotted #c2c2c2;
	overflow: hidden;
}

#sidebar ul#news li:hover {
	background: #f9f9f9;
	cursor: pointer !important;
}

#sidebar ul#news li:hover a {
	color: #44494d;
}

#sidebar ul#news li a {
	color: #278b95;
}

#sidebar ul#news li img {
	float: left;
	margin-right: 12px;
}

#sidebar ul#news li p.desc {
	padding-top: 2px;
	font-size: 11px;
	line-height: 13px;
	color: #333;
	overflow: hidden;
}

#sidebar ul#news li p.desc span {
	display: inline-block;
	padding: 1px 0 0 4px;
	width: 13px;
	height: 13px;
	text-indent: -9999px;
	background: url(../../images/homepage/news_arrow.gif) no-repeat right bottom;
}

#sidebar a.more_news {
	float: right;
	display: block;
	padding: 2px 15px 2px 0;
	width: 214px;
	font-size: 13px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: #0a9690 url(../../images/homepage/more_news_button.gif) no-repeat 0 bottom;
}

#sidebar a:hover.more_news {
	text-decoration: none;
	color: #333;
}

#placeholder {
	float: right;
	margin-top: 14px;
	width: 328px;
	height: 146px;
	color: #fbfcfa;
	text-transform: uppercase;
	border: 1px solid #767870;
}


/********** FOOTER **********/
#footer {
	clear: both;
	padding: 10px 8px 4px;
	border-top: 1px solid #767472;
}

#footer #address {
	float: left;
	position: relative;
	top: -1px;
	width: 537px;
	height: 12px;
	background: url(../../images/homepage/address_bg.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#footer a#cannon {
	display: block;
	float: right;
	margin-top: -2px;
	width: 289px;
	height: 12px;
	background: url(../../images/homepage/visit_thecannon.gif) no-repeat 0 0;
	text-indent: -9999px;
}