@charset "utf-8";
/* CSS Document */

body{ background:url(../images/topbg.jpg) #000000 repeat-x; margin:0;}
img{ border:none;}
a, a:active{ text-decoration:none;}

#wrapper{ width:100%;}
#violinright{ width:100%; height:700px; background:url(../images/violinright.jpg) no-repeat 647px 245px; }
#flowersleft{ position:relative; float:left; background:url(../images/flowerstopleft.jpg) no-repeat; width:100%; height:295px;}
#headerarea{ width:758px; height:147px; background:url(../images/flowerstopright.jpg) right top no-repeat; padding-left:205px;}
#logo{ float:left; position:relative;}
#headlinks{ float:left; position:relative; padding:125px 0px 0px 270px; font:11px Arial;color:#E5B27A; width:220px; }
#headlinks a{color:#E5B27A; }
#headlinks a:hover{color:#F5D802; }
#headermenu{ width:730px; height:88px; padding-top:10px; padding-left:199px;}
#headermenu ul{ margin:0;}
#headermenu li{ display:inline; margin:0px;}
#headermenu li a{
	display:block;
	height:33px;
	float:left;
	position:relative;
	background-image: url(../images/link1.jpg);
}
#headermenu li a#menu1:hover, #headermenu li a#menu2:hover, #headermenu li a#menu3:hover, #headermenu li a#menu4:hover, #headermenu li a#menu5:hover, #headermenu li a#menu6:hover, #headermenu li a#menu7:hover,#headermenu li a#menu8:hover{ background-position:bottom;}
#headermenu li a#menu1{ width:73px; background:url(../images/link1.jpg) no-repeat;}
#headermenu li a#menu2{ width:90px; background:url(../images/link2.jpg) no-repeat;}
#headermenu li a#menu3{ width:70px; background:url(../images/link3.jpg) no-repeat;}
#headermenu li a#menu4{ width:111px; background:url(../images/link4.jpg) no-repeat;}
#headermenu li a#menu5{ width:144px; background:url(../images/link5.jpg) no-repeat;}
#headermenu li a#menu6{ width:57px; background:url(../images/link6.jpg) no-repeat;}
#headermenu li a#menu7{ width:86px; background:url(../images/link7.jpg) no-repeat;}
#headermenu li a#menu8{ width:53px; background:url(../images/link8.jpg) no-repeat;}
#headerdown{ width:761px; height:50px; background:url(../images/headerdown.jpg) no-repeat right top;}
#contentarea{ width:761px; height:auto;}
#contenttop{ width:761px; height:27px; background:url(../images/contenttop.jpg) no-repeat; float:left; position:relative;}
#contentdata{ padding-left:41px; background:url(../images/contentbg.jpg) repeat-y 41px top ; width:720px; height:auto; float:left; position:relative;}
#contentleft{ padding-left:64px; width:474px; float:left; position:relative;}
#contentright{ float:left; position:relative; width:180px;}
#contenthead{ width:474px; height:25px; float:left; position:relative;}
#contentleft p{width:474px; float:left; position:relative; font:13px Arial; color:#B25900;}
#contentleft{font:13px Arial; color:#B25900;}
#footerarea{ width:100%; height:340px; background:url(../images/footerbg.jpg) #100000 repeat-x; float:left; position:relative;}
#footerareatop{ width:761px; height:240px; float:left; position:relative;}
#footerleft{ width:189px; height:240px; float:left; position:relative; background:url(../images/footerleft.jpg) no-repeat;}
#footermiddle{ width:242px; height:240px; float:left; position:relative;}
#footerright{ width:330px; height:240px; float:left; position:relative; background:url(../images/footerright.jpg) no-repeat;}
#footerlinks{ width:761px; height:100px; float:left; position:relative;}
#footerlinksleft{ float:left; position:relative; width:570px; height:100px; color:#E5B27A; font:11px Arial; padding-left:30px; line-height:1.5;}
#footerlinksleft a, #footerlinksright a{color:#E5B27A;font:11px Arial; }
#footerlinksright{ float:right; position:relative;color:#E5B27A;font:11px Arial; }
.facultyframe{  width:149px; height:159px; float:left; position:relative; margin-right:15px; background:url(../images/photo_bg.jpg) no-repeat; padding:32px 0px 0px 34px;}
.facultyframe img{ display:block; float:left; position:relative; }
.whitetext{ color:#FFFFFF; font-weight:bold; padding-left:10px; text-align:right; width:90px; display:block; float:left; position:relative; padding-top:1px;}
	
	/* BEGIN DEMO STYLE */
	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:625px; margin-left:-40px;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000; float:left; position:relative;  list-style-type:none; cursor:pointer; margin-top:10px;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:477px;width:624px;background:black; padding:22px 0px 0px 22px; background:url(../images/photoframe.jpg) no-repeat;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:625px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	

/* Awards Page */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
}
ul.thumb li {
	margin: 0px 0px 60px 0px; padding:5px 35px 5px 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 142px;
}
ul.thumb li img {
	width: 100px; height: 139px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) #fff no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
