/* Gallery styles */

#gallery{
	
	/* The width of the gallery */
	width:738px;
	overflow:hidden;
	height: 308px;
	margin-left: 10px;
}

#slides{
	/* This is the slide area */
	height:308px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:738px;
	overflow:hidden;
}

.slide{
	float:left;

}

#menu{
	/* This is the container for the thumbnails */

	position: relative;
	top: -50px;
	left: 330px;
	width: 200px;
}

ul{
	margin:0px;
	padding:0px;

	
}

#menu li{
	/* Every thumbnail is a li element */
	width:20px;
	display:inline-block;
	list-style:none;
	overflow:hidden;
	background:url(/president/draft/assets/images/sample_slides/notselected.png) no-repeat center center;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(/president/draft/assets/images/sample_slides/notselected.png) no-repeat center center;}

#menu li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(/president/draft/assets/images/sample_slides/selected.png) no-repeat center center;
	
	
	
}

#menu li.act a{
	cursor:default;
		background:url(/president/draft/assets/images/sample_slides/selected.png) no-repeat center center;
	
	
}



#menu li a{
	display:block;
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}


/* The styles below are only necessary for the demo page */


p{
	padding:0px 10px 0px 10px;
	
}

.slide .statecontent1 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/coralreef.jpg);
	background-repeat:no-repeat;
}

.slide .statecontent1 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;	
}

.slide .statecontent2 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/nsugolf.jpg);
	background-repeat:no-repeat;
}

.slide .statecontent2 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;	
}

.slide .statecontent3 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/nursinglab.jpg);
	background-repeat:no-repeat;
}

.slide .statecontent3 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;	
}

.slide .statecontent4 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/skysthelimit.jpg);
	background-repeat:no-repeat;
}

.slide .statecontent4 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;	
}

.slide .content {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/investiture.jpg);
	background-repeat:no-repeat;
	
	
	
}

.slide .content .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;	
}




.slide .content2 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/specialolympics.png);
	background-repeat:no-repeat;
	
	
	
}

.slide .content2 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;
	
}




.slide .content3 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/homecoming.jpg);
	background-repeat:no-repeat;
	
	
	
}

.slide .content3 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;
	
}



.slide .content4 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/schoolofbusiness.png);
	background-repeat:no-repeat;
	
	
	
}

.slide .content4 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;
	
}


.slide .content5 {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/openhouse.png);
	background-repeat:no-repeat;
	
	
	
}

.slide .askpresslide {
	margin: 0px;
	padding: 0px;
	width: 738px;
	height: 312px;
	background-image:url(/president/draft/assets/images/askthepresident.jpg);
	background-repeat:no-repeat;
	
	
	
}

.slide .askpresslide .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;
	
}

.slide .content5 .description {
	width: 295px;
	height:300px;
	padding-top: 30px;
	padding-left: 10px;
	line-height:20px;
	color: #fff;
	font-size: 11px;
	text-align:left;
	
}




.morenews {
	background-image: url(/president/draft/assets/images/morenews.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 119px;
	height: 24px;	
	float: left;
}

.morenews:hover {
	background-image: url(/president/draft/assets/images/morenews.png);
	background-repeat:no-repeat;
	background-position:top;
	width: 119px;
	height: 24px;	
	float: left;
}



.readmore {
	background-image: url(/president/draft/assets/images/readmore.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 119px;
	height: 24px;	
	float: left;
}

.readmore:hover {
	background-image: url(/president/draft/assets/images/readmore.png);
	background-repeat:no-repeat;
	background-position:top;
	width: 119px;
	height: 24px;	
	float: left;
}
.download {
	background-image: url(/president/draft/assets/images/downloadbutton.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 119px;
	height: 24px;	
	float: left;
}

.download:hover {
	background-image: url(/president/draft/assets/images/downloadbutton.png);
	background-repeat:no-repeat;
	background-position:top;
	width: 119px;
	height: 24px;	
	float: left;
}