@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { color: #6e1487; }
a:hover img, #content_right a:hover {
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

/*body{
	background: #020219 url(../images/body_bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}*/
body{
	background: #111339 url(../images/2011Mainpage_BG.png) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	/*background-attachment: fixed;*/
}

.splash {
	background: #020219 url(../images/2011Mainpage_BG.png) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	background-attachment: fixed;
	}

/*#first_wrapper { width: 800px; height: 490px; background: url(../images/bg2.jpg) no-repeat; margin: 0 auto; }*/
/*#second_wrapper { width: 800px; height: 474px; background: url(../images/bg_01.jpg) no-repeat; margin: 0 auto; border: solid 1px red;}*/
#wrapper{
	width: 980px;
	margin:0 auto;	
}

#wrapper2 { width: 972px; margin: 0 auto; }

#splash { padding-top: 18px;}
#utsu_orientation { margin: 0 auto; width:720px; height:190px; margin-bottom: 24px; }
#utsu_web { margin: 0 auto; width:720px; height:180px; }

#header { padding-top: 42px; }
#logo { position:absolute; top:8px; }

#menu{ 
	width:980px; 
	height: 30px;
	padding-top:72px;
	clear: both;
	}

	
#menu ul {
	list-style:none;
	width: 980px;
	}

#menu li {
    list-style: none;
	display:inline;
	}

#menu li a {
	text-decoration: none;
	display: block;
	float:left;	
	}	
	
span {display: none; }
/*li#home a { background:url(../images/home.jpg) no-repeat; width: 201px; height: 44px; }*/
li#schedule a { background:url(../images/schedule.jpg) no-repeat; width: 290px; height: 44px; }
li#volunteer a { background:url(../images/volunteer.jpg) no-repeat; width: 113px; height: 44px; }
li#orientation a { background:url(../images/orientation_partners.jpg) no-repeat; width: 177px; height: 44px; }
li#clubs a { background:url(../images/clubs.jpg) no-repeat; width: 82px; height: 44px; }
li#about a { background:url(../images/about_utsu.jpg) no-repeat; width: 120px; height: 44px; }
li#links a { background:url(../images/links.jpg) no-repeat; width: 74px; height: 44px; }
li#contact a { background:url(../images/contact_us.jpg) no-repeat; width: 124px; height: 44px; }
li#home a:hover, li#schedule a:hover, li#volunteer a:hover,  li#orientation a:hover,  li#clubs a:hover,  li#about a:hover,  li#links a:hover,  li#contact a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
#menu_border { background: url(../images/splash_bg.png); width: 249px; height: 8px; clear:both; }
/* orange for sidemenu color="#ff871a", blue for sidemenu color="#7fc7ee".  6e1487 is purple, bfdd31 is lime*/
#top { width: 980px; float: left; }
#top_container { width: 979px; float: left; }
#banner { float: left; width: 727px; }
#submenu { background-color: #ff871a; width: 248px; height: 317px; float: right; }
#submenu li a {color: #FFF; line-height: 42px; text-decoration:none; margin:40px 12px 3px 12px; font-size: 11px; }
#submenu li a:hover { background-color: #7fc7ee; color:#000; width: 253px; padding:5px; font-size: 11px; }
#submenu li a.current { background-color: #7fc7ee; color:#000; padding: 5px; font-size: 11px; }

#submenu_title { width: 730px; background-color: #000; float: left; }
#submenu_title_green { width: 730px; background-color: #093; float: left; }
#submenu_title h1, #submenu_title_green h1 { font-family:Arial, Helvetica, sans-serif; font-size: 26px; color: #FFF; text-transform: uppercase; padding: 16px 16px 16px 24px; }

#content_container { width: 980px; float: left; }
#content, #partners { background-color: #FFF; width: 730px; float: left; height: 1076px; padding-bottom: 50px; }
#content h2 { font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #6e1487; padding: 24px 16px 12px 24px; }
#content h3 { font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #060; padding: 24px 16px 12px 24px; }
#content p, #partners p { font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #000; padding: 0 16px 0 24px; line-height: 18px; margin-top:2px; }
#content ul li {  line-height: 18px; margin-left: 50px; font-size: 15px; list-style-type: disc; }
#partners td img { margin-left: 3px; }
#content img { margin: 24px; }

#content_right{ width:253px; float: right; margin-right:-3px; padding: 0;}
#content_right ul { list-style:none; width: 253px; float: right; }
#content_right li a {
margin:0; padding:0;
	display: block;
	float:right;	
	}	
li#drop_fees a { background:url(../images/drop_fees.jpg) no-repeat; width: 253px; height: 144px; }
li#cfs a { background:url(../images/cfs.jpg) no-repeat; width: 253px; height: 138px; }
li#sfs a { background:url(../images/sfs.jpg) no-repeat; width: 253px; height: 138px; }
li#isic a { background:url(../images/isic.jpg) no-repeat; width: 253px; height: 138px; }
li#student_saver a { background:url(../images/student_saver.jpg) no-repeat; width: 253px; height: 138px; margin:0; padding:0;}
li#swap a { background:url(../images/swap.jpg) no-repeat; width: 253px; height: 144px; margin:0; padding:0;}
li#travelcuts a { background:url(../images/travelcuts.jpg) no-repeat; width: 252px; height: 144px; margin: -2px 4px 0 0; padding:0;}
li#bookexchange a { background:url(../images/book_exchange.jpg) no-repeat; width: 252px; height: 144px; margin:0 2px 0 0; padding:0;}

#three_columns { width: 980px; background-color:#000; float:left; }
#column_left h3, #column_middle h3, #column_right h3 { font-size: 18px; color: #999; margin-bottom: 22px; font-weight: bold; } 
#column_left p, #column_middle p, #column_right p { color: #999; line-height:20px; font-weight: normal; }
#column_left a, #column_middle a, #column_right a { color: #6e1487; }
#column_left { width: 305px; float: left; margin-left: 22px; padding: 22px 0 22px 0; border-right: solid 1px #999; }
#column_middle { width: 305px; float:left; margin-left: 22px; padding: 22px 0 22px 0; border-right: solid 1px #999; }
#column_right { width: 305px; float:right; padding: 22px 0 22px 0; }

/*#splash { background-color: #000; width: 980px; }*/

#footer { clear: both; padding-top: 25px; margin-bottom: 24px; background-color: #000; width: 980px; height: 80px;}
#footer_left { float: left; margin-left: 36px; }
#footer_copyright { float: right; color: #5f5f61; font-size: 17px; padding:4px; margin: 18px 28px 0 0; }

#footer_index { clear: both; padding-top: 30px; margin-bottom: 24px; width:880px; }
#footer_utsu { float: left; margin-left: 100px; }
#footer_right { background-color:#000; float: right; color: #FFF; font-size: 14px; padding:4px; margin: 18px 28px 0 0; }
