@import url('reset.css');
@import url('typography.css');
body
{
	margin: auto;
	width: 100%;
}

div#container
{
	width: 960px;
	margin: auto;
}

div#header
{
	height: 100px;
	background: url( '../img/PhokatHeader.png' ) no-repeat;
	overflow: hidden;
}
div#heading
{
	width: 480px;
	height: 100px;
	float: left;
	text-indent: -9000px;
}
div#heading h1
{
	width: 100%;
	height: 100%;
}
div#heading a
{
	width: 100%;
	height: 100%;
	display: block;
}

div#rightcontainer
{
	/*margin:0px 0px 0px 480px;*/
	float: left;
	width: 480px;
	height: 100px;
}
div#info
{
	height: 70px;
	width: 100%;
}
ul#tabs
{
	height: 30px;
	width: 100%;
}
ul#tabs li
{
	background: url( '../img/NavSprite.png' ) no-repeat;
	float: left;
	height: 30px;
	width: 160px;
}

ul#tabs li a
{
	display: block;
	height: 100%;
	text-indent: -9000px;
	width: 100%;
}

ul#tabs li#students
{
	background-position: 0px 0px;
}
ul#tabs li#students:hover
{
	background-position: 0px -30px;
}
ul#tabs li#students.current, ul#tabs li#students:active
{
	background-position: 0px -60px;
}
ul#tabs li#advertisers
{
	background-position: -160px 0px;
}
ul#tabs li#advertisers:hover
{
	background-position: -160px -30px;
}
ul#tabs li#advertisers.current, ul#tabs li#advertisers:active
{
	background-position: -160px -60px;
}
ul#tabs li#colleges
{
	background-position: -320px 0px;
}
ul#tabs li#colleges:hover
{
	background-position: -320px -30px;
}
ul#tabs li#colleges.current, ul#tabs li#colleges:active
{
	background-position: -320px -60px;
}

div#contentslide
{
	height: 350px;
	background-color: #333333;
	clear: both;
	overflow: hidden;
}

div#slideshow
{
	height: 330px;
	width: 620px;
	float: left;
	display: inline;
	margin: 10px 10px 10px 10px;
	background: #333333;
	overflow: hidden;
}

div#rightbox
{
	float:left;
	display: inline;
	margin: 10px 10px 10px 10px;
	width: 300px;
	height: 330px;
	background: #ffffff;
	
}

div#contentgeneral
{
	width: 100%;
	background: #999999 url( "../img/LongDarkGrayGrad.png" ) repeat-x;
	border-bottom: solid 1px #999999;
	overflow: hidden;
}

div#contentwhite
{
	border: solid 1px #cccccc;
	background: #ffffff url( "../img/GrayGrad.png" ) repeat-x;
	margin: 10px 9px 10px 9px;
	padding-top:10px;
	width: 940px;

}
div#content
{
	width:920px;
	padding:10px;
}

ul.contentlist
{
	margin-top:10px;
	list-style-type: disc;
	list-style-position: outside;
	padding-left:20px;
}
ul.contentlist li
{
	padding-top:5px;
}

div#modules
{
	height: 270px;
	background: #ffffff url( "../img/LongGrayGrad.png" ) repeat-x;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

ul#modulelist li#loc
{
	width: 300px;
	height: 240px;
	display: inline;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	margin: 20px 10px 10px 9px;
}

ul#modulelist li#ap
{
	width: 300px;
	height: 240px;
	display: inline;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	margin: 20px 10px 10px 10px;
}

ul#modulelist li#nae
{
	width: 300px;
	height: 240px;
	display: inline;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	margin: 20px 9px 10px 10px;
}

ul#modulelist div#listofcolleges
{
	height: 40px;
	background: url( "../img/ListOfColleges.jpg" ) no-repeat;
}
ul#modulelist div#advertisingpartners
{
	height: 40px;
	background: url( "../img/AdvertisingPartners.jpg" ) no-repeat;
}

div#advertise
{
	height:100%;
	width:100%;
	margin-left:20px;
}

ul#modulelist div#newsandevents
{
	height: 40px;
	background: url( "../img/NewsAndEvents.jpg" ) no-repeat;
}

.modulecontent
{
	height: 170px;
	overflow: hidden;
	position: relative;
	padding: 20px 9px 9px 9px;
	border-left: solid 1px #9999cc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	background: url( "../img/BlueGrad.png" ) repeat-x;
}

div#bookmarks
{
	height: 40px;
	background-color: #cccccc;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	overflow: hidden;
}
ul#bookmark
{
	height: 40px;
	width: 100%;
}

ul#bookmark li#bookbutton
{
	background: url( '../img/Bookmarks.jpg' ) no-repeat;
	float: left;
	height: 40px;
	width: 320px;
	margin: 0px 0px 0px 0px;
}


ul#bookmark li
{
	float: left;
	height: 40px;
	width: 60px;
	margin: 0px 10px 0px 10px;
}

ul#bookmark li a
{
	display: block;
	height: 100%;
	width: 100%;
	padding: 4px 14px 4px 14px;
}
div#footer
{
	background: url( '../img/GrayGrad.png' ) repeat-x;
	height: 40px;
	padding-top: 10px;
}
div#companyname
{
	width: 320px;
	height: 100%;
	padding-left: 25px;
	float: left;
}
div#footerlinks
{
	margin: 0px 0px 0px 320px;
	text-align: right;
	padding-right: 25px;
}

/* Additions */

.container1
{
	width: 100%;
	display: block;
	clear: both;
	margin-top: 5px;
	padding-top: 5px;
}

.label1
{
	width: 200px;
	display: block;
	clear: none;
	float: left;
}

.element
{
	float: left;
	display: block;
	clear: none;
}

.contentContainer
{
	overflow: hidden;
}

.hidden
{
	display: none;
}

.error
{
	font-family: Verdana;
	text-transform: none;
	font-weight: normal;
	font-size: 0.7em;
	color: #ff0000;
}

.login-line
{
	padding: 5px 0px;
	margin: 5px 5px;
}

.italics
{
	font-style: italic;
}

.half
{
	width: 450px;
	padding:10px;
	float: left;
	clear: none;
}

.pad
{
	padding: 10px 20px 0 0;
}

.clear
{
	clear:both;
}

.sponsorLogo {
  text-align: center;
  width: 200px;
  height: 300px;
  float: left;
  clear: none;
  display: inline;
  padding: 10px;
  border: 1px solid;
}

.filler {
  height:200px;
}

.media {
  display: inline;
  width: 300px;
  padding: 20px;
  clear: none;
}