/*========= INCLUDES CSS =========*/

@import url("footer.css"); /* footer */
@import url("privacy.css"); /* privacy */

/*========= RESET CSS =========*/

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

table{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after{
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/*because legend doesn't inherit in IE */
legend{
	color:#000;
}



/*========= BASE CSS =========*/

html {
	height: 100%;
	width: 100%;
	background-color:#f7941d;
	font-family: Arial, Helvetica, sans-serif;
	font-size:73%;
	color:#FFFFFF;
	line-height:1.6em;
}

h1 { font-size:138.5%; }

h2 { font-size:170%; }

h3 { font-size:108%; }

h1,h2,h3 { margin:1em 0; /* top & bottom margin based on font size */ }

h1,h2,h3,h4,h5,h6,strong { font-weight:bold; /*bringing boldness back to headers and the strong element*/ }

/*abbr,acronym {
	indicating to users that more info is available 
	border-bottom:1px dotted #000;
	cursor:help;
} */
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}

dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable
	border:1px solid #000;*/
	padding:.1em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}



/*========= DIVs =========*/

div#container {
	margin:0 auto;
	width: 844px;
	background:url(../images/backgrounds/bg-footer.jpg) no-repeat right transparent bottom;
}

div#menu {
	height:290px;
}

div#banner {
	height:146px;
	width:845px;
	float:left;
}


div#content {

}

div#quick-links {
	margin-bottom:10px;
}

#news{
	padding:0 15px;
	background:url(../images/backgrounds/top-content.gif) top no-repeat #fffab8 ;
	color:#110f5a;
}
#news a{
	color:#110f5a;
}

#box{
	background:url(../images/backgrounds/bg-box.jpg) repeat-x;
	width:845px;
	
}

#box p{
color:#000;

 }
#box a{
	color:#000;
	text-decoration:none;
}

#box a:hover{
	color:#000;
	text-decoration:underline;
}

#box1 {
	background:url(../images/illustrations/box_01.jpg) no-repeat;
	height:430px;
	width:220px;
	float:left;

}

#box2 {
	background:url(../images/illustrations/box_02.jpg) no-repeat;
	height:365px;
	width:378px;
	float:left;
	padding: 65px 0px 0 25px;
}

#box3 {
	background:url(../images/illustrations/box_03.jpg) no-repeat;
	height:430px;
	width:220px;
	float:left;
}


.picture_box{
    margin: 160px 0 0 38px;
}

.text_box {
	width: 190px;
	padding: 15px 0 0 15px;
	text-align:center;
}

#box4{
	background:url(../images/illustrations/box_04.jpg) no-repeat;
	height:121px;
	width:279px;
	float:left;
}

#box5 {
	background:url(../images/illustrations/box_05.jpg) no-repeat;
	height:121px;
	width:280px;
	float:left;
}

#box6 {
	background:url(../images/illustrations/box_06.jpg) no-repeat;
	height:121px;
	width:279px;
	float:left;
}

.text_box2 {
	width: 250px;
	padding: 45px 0 0 12px;
	text-align:center;
}

div.showMedia {font: normal 10px/18px Arial, Helvetica, sans-serif; color: #FFF; text-align: center; margin-bottom: 10px;}
			
div.showMedia a {color: #FFCC00;}

div.showMedia a:hover {color: #E7035F; background: #EEE;}


.title{
	font-size:160%;
	font-weight:bold;
}

.subtitle{
	font-size:138%;
	font-weight:bold;
}



/*========= BUFFER PAGE =========*/

div#buffer{
	background:url(../images/backgrounds/disclaimer-header.gif) no-repeat;
	width:310px;
	height:91px;
}

div#buffer-container{
	padding:105px 30px 20px 20px;
	text-align:center;
}

div#buffer-container a{
	color:#FFFFFF;
	line-height:1.3em;
}


/*========= POPUP =========*/

div#popup {
	overflow:auto; 
	height:213px;
	padding:0 10px;
}

div#popup a{
	color:#FFF;
}

div#header-pop {
	background-image: url(../images/illustrations/header-pop.jpg);
	height:107px;
}

div#header-pop h2{
	margin:0;
	padding:0;
	text-align:right;
	padding:75px 10px 0 0;
}
div#popup ol{
margin-left:20px;
}


/*========= INTERNAL GAMES PAGES =========*/

div#container.games {
	margin:0 auto;
	width: 844px;
	background:url(../images/illustrations/back-games.jpg) repeat-x transparent bottom;
	color:#000;
}

div#container.games p {
	padding:0 20px;
}

div#container.games a {
	color:#000;
}

div#container.games #footer {
	color:#000;
}

.sublinks {
	float:right;
}

.sublinks li {
background: url(../images/icons/li.gif) no-repeat 0 1px;
padding-left: 20px;
margin-right:15px;
list-style:none;
display:inline;
}

#dodgeball {
	float:left;
	padding-right:10px;
}

/*div#link1{
	border:1px red solid;
	position:relative;
	width:103px;
	height:18px;
	float:left;
	top:-20px;
	left:100px;
}

div#link2{
	border:1px red solid; 
	position:relative;
	width:103px;
	height:18px;
	float:left;
	top:-32px;
	left:118px;
}*/


/*========= BACKGROUNDS TOP MENU =========*/

.campus {
	background:url(../images/illustrations/top-campus.jpg) no-repeat bottom;
}

.dodgeball {
	background:url(../images/illustrations/top-dodgeball.jpg) no-repeat bottom;
}

.skisnow {
	background:url(../images/illustrations/top-ski.jpg) no-repeat bottom;
}

.home {
	background:url(../images/illustrations/top-home.jpg) no-repeat bottom;
}