/* CSS Document */

/*--- Main Page ---*/

*{
	margin: 0;
	padding: 0;
}

body{
	background-image: url(images/bg.jpg);
}

.mainTable{
	width: 800px;
	background-color: #F9EAB8;
	margin: 0 auto;
	vertical-align: top;
}


/*--- Home Page ---*/

.callout{
	width: 225px;
	height: 250px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	color: #947832;
	padding: 10px 30px;
}
.callout h5{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
.callout p{
	margin: 5px 0;
	font-size: 11px;
}

.callout a:link, .callout a:visited{
	font-size: 11px;
	color: #AC8B3A;
}

.subImage{
	background-color: #F9EAB8;
	width: 225px;
	height: 250px;
	vertical-align: top;
}

.logoFlash{
	background-color: #F8E9B7;
	vertical-align: top;
	height: 200px;
}

.mainFlash{
	vertical-align: bottom;
	border-top: 2px solid #AC8B3A;
	height: 336px;
}


/*--- Sub Page Content Area ---*/

.sideBar{
	vertical-align: top;
}

.mainContent{
	vertical-align: top;
	border-top: 2px solid #AC8B3A;
}

.content{
	background-color: #FFF;
	vertical-align: top;
	padding: 20px 15px;
}
.content img {
	border: 1px solid #000000;
	margin: 0 15px 0 0;
}

.content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F3110B;
}
.content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F3110B;
}
.content form{
	color: #947832;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0;
}

.content p{
	color: #947832;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0;
}
.content ul{
	color: #947832;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.content li{
	margin:5px 0 5px 25px;
	padding:0;
}
.content h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F3110B;
	display: block;
	text-align: center;
}

.content a{
	color: #947832;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
}
.content a:hover{
	text-decoration: underline;
}
.content li{
	padding: 0 0 0 17px;
}


/*--- Heading Navigation - "About Us - etc.." ---*/

.headingNav{
	height: 31px;
	background-color: #F9EAB8;
	text-align: right;
	padding-right: 5px;
}
.headingNav ul{
	list-style-type: none;
}
.headingNav li{
	margin: 0 10px;
	display: inline;
}
.headingNav a {
	color: #947832;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.headingNav a:hover{
	text-decoration: underline;
}


/*--- Primary Navigation "Campus Life - etc..."---*/

.mainNav{
	height: 80px;
	background-color: #FFF;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 15px;
}
.mainNav ul{
	list-style-type: none;
	padding-top: 15px;
}
.mainNav li{
	margin: 0 8px;
	display: inline;
}
.mainNav a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E4312C;
	font-weight: bold;
	padding-top: 15px;
	
}
.mainNav a:hover{
	background-image: url(images/icon.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/*--- Sub Page / Secondary Navigation ---*/

.terNav{
	width: 155px;
	background-color: #9F8441;
	height: 338px;
	vertical-align: top;
	padding: 15px 0 0 20px;
}
.terNav ul{
	list-style-type: none;
}
.terNav li{
	margin: 15px 0;
}
.terNav ul ul{
	list-style-type: none;
	padding: 5px 0 0 0;
}
.terNav li li{
	margin: 0 0 0 20px;
}
.terNav li li a{
	font-size:11px;
}
.terNav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #D3C69F;
}
.terNav a:hover{
	text-decoration: underline;
}
.terSelected a {
	color:#F9eab8;
}
.terSelected li li a {
	color:#D3C69F;
}



/*--- Footer ---*/

.footer{
	text-align: right;
	margin: 5px auto;
	color: #5A0604;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.footer ul{
	list-style-type: none;
}
.footer li{
	margin: 0 15px;
	display: inline;
}
.footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5A0604;
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}


/*-------- Gallery Styles --------------*/
.galleryImageThumb{
	padding: 2px 5px;
}
.content table {
	color: #947832;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0;
}
.content ol {
	color: #947832;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.contentBigLink a {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:13px;
	font-weight: bold;
}
.contentBigLink a:hover {
	text-decoration:underline;
}

#pics, #pics ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#pics li{
	position: relative;
    padding-left:10px; /* Removes browser default padding applied to the list items. */
    list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
    cursor: pointer;
}
#pics li li{
	margin-left: 10px;
}
#pics li a img{
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -10px;
	top: -3px;
}