@charset "utf-8";

/* MAIN LAYOUT */

body { 
		background: #000000; 
		text-align:center;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:small;	
}

img {
		border-style:none;
}

#main_content {
		background: url(images/violin_website_page2.jpg) no-repeat center;
		width:1200px;
		height:660px;
		text-align:left;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-600px;
} 

#left {
		position:absolute;
		top:180px;
		left:280px;
		width:482px;
		padding: 10px;
		height:383px;
}

#right {
		position:absolute;
		top:330px;
		left:816px;
		width:218px;
		padding:20px 10px 10px 15px;
		height: 212px;
}

#footer {
		position:absolute;
		top:630px;
		right:10px;
		text-align:right;
		font-size:8px;
		color: #000000;
}

#footer a {
		color:#000000;

}
ul {
		padding-top:10px;
}
li {
		padding:0px 0px 8px 0px;
		list-style-type: square;
}

a {
		text-decoration:none;
		color: #ffffff;
}

a:hover {
		text-decoration:underline;
}

a:visited {
		text-decoration:none;
		color:#FFFFFF;
}

h1 {
		font-size:150%;
		padding-top:0px;
		margin-top:0px;
}

h2 {
		font-size:120%;
		padding-top:5px;
}

b {
		font-size:110%;
}

#big {
		font-size:200%;
}

table {
		border:none;
		padding:7px;
}

th, td {
		padding: 0px 5px 0px 5px;	
}

th {
		text-align:right;
}

#cell_email, #cell_email a {
		font-weight:bold;
		font-size:110%;
		color: #000000;
		text-align:center;
		margin:5px;
}

.right_align {
		text-align:right;
}

/* BUTTONS */

#menu {
		position:absolute;
		top:145px;
		left:73px;
		width:167px;
}
#menu a {
		display:block;
		width:167px;
		padding: 11px 0px 12px 0px;
		margin:0px 0px 14px 0px;
		font: bold 120% Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
}

#menu a:hover {
		background-position:0px -41px;
		text-decoration:none;
}

#menu a:active {
		background-position:0px -82px;
}

#bt_home a {
		background:url(images/buttons/button_home.gif) 0 0 no-repeat;	
}

#bt_bio a {
		background:url(images/buttons/button_bio.gif) 0 0 no-repeat;	
}

#bt_test a {
		background:url(images/buttons/button_test.gif) 0 0 no-repeat;
}

#bt_location a {
		background:url(images/buttons/button_location.gif) 0 0 no-repeat;
}

#bt_need a {
		background:url(images/buttons/button_need.gif) 0 0 no-repeat;
}

#bt_contact a {
		background:url(images/buttons/button_contact.gif) 0 0 no-repeat;
}

/* INDEX ONLY */

#main_content_index {
		background: url(images/violin_website.jpg) no-repeat center;
		width:1200px;
		height:660px;
		text-align:left;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-600px;
} 

#left_index {
		position:absolute;
		top:180px;
		left:284px;
		width:330px;
		padding: 10px;
}

#right_index {
		position:absolute;
		top:350px;
		left:672px;
		width:370px;
		padding:20px 10px 10px 10px;
}

/* TESTIMONIALS ONLY */

#left_top {
		position:absolute;
		top:180px;
		left:280px;
		width:482px;
		padding: 10px;
		height:70px;
		
}

#left_bottom {
	overflow:auto;
	position:absolute;
	top:273px;
	left:281px;
	width:482px;
	padding:10px;
	height:	290px;
}

/* IMAGES */

#conrad_photo {
		float:right;
		margin:-10px 10px 0px 10px;
		width:100px;
		height:133px;
		
}

#faculty_photo {
		float: right;
		margin: 0px 10px 0px 0px;
		width:185px;
		height:80px;
		
}

#rings_photo {
		float:right;
		margin: -10px 10px 0px 5px;
		width:200px;
		height:134px;
}

#retirement_photo {
		float:left;
		margin:-5px 10px 0px 0px;
		width:200px;
		height:149px;
}