body {	
	height: 100%;
	color: #113E82;
	font-family: Times New Roman, Verdana, Arial, Geneva, sans-serif;
	margin: 0 auto;
	padding: 0;
	background: #113E82 url(images/body_bg.jpg) repeat-y center;
	width: 822px;
}

a {	
	color: #3F0A5D;
	text-decoration:underline;
	font-weight:bold;
}

#pageWrapper {
	/*why does adding width here cause non-centering?*/
	text-align: center; /* equiv to div align=center */
	background: url(images/body_bottom_bg.jpg) no-repeat bottom;
}

#header, #contentContainer, #footer {
	width: 752px;
	margin: 0 auto;
	padding: 0px;
	clear: left;
}

#header ul#headerNav {
	margin: 15px 0px;
	padding: 0;
	width: 752px;
	height: 38px;
	overflow: hidden;
}

#header ul#headerNav li {
	display: inline; /*when to use inline vs float left?*/	
	list-style: none;
}

#header ul#headerNav li a {
	background: url(images/nav.jpg) no-repeat;
	float: left; /*block gives dimensions but does not float to left, float does both*/
	padding-top: 38px; /*need to float or display block to access padding, gives height and bumps link to nondisplay area*/
}

/*Normal*/

#header ul#headerNav li#navHome a {
	width: 275px;
	background-position: 0 0;
}
#header ul#headerNav li#navAdmissions a {
	width: 133px;
	background-position: -275px 0;
}
#header ul#headerNav li#navStudents a {
	width: 114px;
	background-position: -408px 0;
}
#header ul#headerNav li#navForum a {
	width: 230px;
	background-position: -522px 0;
}

/*Hover*/

#header ul#headerNav li#navHome a:hover {
	background-position: 0 -38px;
}
#header ul#headerNav li#navAdmissions a:hover {
	background-position: -275px -38px;
}
#header ul#headerNav li#navStudents a:hover {
	background-position: -408px -38px;
}
#header ul#headerNav li#navForum a:hover {
	background-position: -522px -38px;
}

/*Current Nav Topic*/

.home #header ul#headerNav li#navHome a {
	background-position: 0 -38px;
}
.admissions #header ul#headerNav li#navAdmissions a {
	background-position: -275px -38px;
}
.students #header ul#headerNav li#navStudents a {
	background-position: -408px -38px;
}
.forum #header ul#headerNav li#navForum a {
	background-position: -522px -38px;
}


#contentContainer #contentMain, #contentSide {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

#contentContainer #contentMain {
	width: 540px;
	margin: 0 29px 0 0;
	text-align: left;
}

#contentContainer #contentMain p {
	margin-left: 10px;
}

#contentContainer #contentMain .contentHeader2 {
	margin-top: 15px;
}

#contentContainer #contentSide {
	font-size: 13px;
	width: 177px; /* total width=183px */
	border: 3px solid #000000; 
	background-color: #121f49;
	text-align: left;
}

#contentContainer #contentSide p {
	margin: 15px 10px;
}
#contentContainer #contentSide img {
	padding-top: 10px;
}

#contentContainer #contentSide .contentHeader {

}

#contentSide, #footer ul#footerNav {
	color: #FFFFFF;
}

#contentSide ul {
	list-style: square;
}

#footer {
	background-color: #3F0A5D;
}

#footer ul#footerNav {
	margin: 0px; /*margin differs for ul for firefox/ie. force to 0 and use padding */
	padding: 3px;
}

#footer ul#footerNav li {
	list-style: none;
	display: inline;
	font-size: 12px;
}

#footer ul#footerNav li a 	{
    color: #FFFFFF;
	text-decoration: none;
	margin: 0px 10px;
}

#footer ul#footerNav li a:hover {
	text-decoration: underline;
}

a.linkButton {
	display: block;
	text-decoration: none; /* no underline for spaces */
	margin-left: 0px;
	padding-top: 26px; /*hide link text*/
	overflow: hidden;
	height: 0px; /*hide link text*/
	}

/*IE needs it, whereas firefox considers link padding for height*/
* html a.linkButton {
	height: 26px;
	}

a.linkButton:hover {
	background-position: 0 -26px;
	}

.toggleParent {
    cursor:pointer;
    text-decoration:underline;
}