body {
	background: #4d525a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding: 10px;
}
p{
	margin:12px 0;
	padding: 10px;
}
img{
	border:0;
}
a{color:#b8b9b9;}
a:hover{color:#ffff00;}
#page_con {
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	margin: 0 auto;
	width: 888px;
	padding: 20px 30px 0 30px;
}
#header{
	height:75px;
	line-height:75px;
	color:#aba7ad;
	padding:0px 0px 0px 0px;
	background: url(../img/sp888.gif) no-repeat bottom left;
}
#logo{
	float:left;
	font-size:30px;
	font-family: Helvetica, sans-serif
	font-style:italic
}
#logo span{color:#ffffff;}
#slogan{
	float:right;
	font-size:14px;
	font-family: Arial, sans-serif
	font-style:italic;
	padding-right:76px;
}
#content{
	padding:15px 5px 5px 5px;
}	
#left_col {
	float:left;
	width:245px;
	padding:15px 0 1px 0;
}
#leftnav{
	background: url(../img/leftnav_bg.gif) repeat-y;
	padding: 0 0 5px 15px;
	margin-bottom:40px;
}
#leftnav ul{
	margin: 0;
	padding: 0;
	list-style:none;
}
#leftnav li{
	background: url(../img/leftnav_border.gif) repeat-x bottom left;
	padding:6px 0;
}
#leftnav a{
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
}
#leftnav a:hover {color: #f2c807; text-decoration: underline;}

/* -- These are used for various columnar data throughout the site, sometimes with table cells
		or pictures added as well. */
		
.pic_column{
	width:545px;
	padding:20px 0px 20px 20px;
	vertical-align:middle;
	background: url(../img/sp565.gif) no-repeat bottom left;
}
.pic_column_shallow{
	width:545p;
	padding:10px 0px 10px 10px;
	vertical-align::middle;
	background: url(../img/sp565.gif) no-repeat bottom left;
}
.pic_column_no_border{
	width:545px;
	padding:20px 0px 20px 20px;
	vertical-align:middle;
}
.pic_column_large{
	width:545px;
	height:260px;
	padding:20px 0px 20px 20px;
	background: url(../img/sp565.gif) no-repeat bottom left;
	vertical-align:middle;
}

.pic_column_large_no_height{
	width:545px;
	padding:20px 0 px 20px 20px;
	background: url(../img/sp565.gif) no-repeat bottom left;
	vertical-align:middle;
}

.pic_column_large_no_height_no_border{
	width:545px;
	padding:20px 0 px 20px 20px;
	vertical-align:middle;
}

.pic_column_jacques{
	width:545px;
	height:200px;
	padding:20px 0px 20px 20px;
	background: url(../img/sp565.gif) no-repeat bottom left;
	vertical-align:middle;
}

.pic_column_boxout{
	float:left;
	width:130px;
	height:120px;
}
.pic_column_boxout_large{
	height:260px;
	width:210px;
	float:left;
}

.pic_column_boxout_jacques{
	height:200px;
	width:210px;
	float:left;
}

.text_column_italic{
	width:545px;
	padding:20px 0px 20px 20px;
	vertical-align:middle;
	font-style:italic;
}
.text_column_boxout_right{
	width:240px
	float:right;
	height:24px;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
	font-style:normal;
}

/* These are for those cool black news boxes */

.news{
	background:#464545 url(../img/news_con_bg.jpg) repeat-x top left;
	border:1px solid #393d43;
	width:200px;
	margin:0 auto;
	padding:15px;
}
.entry{
	background:#2b2b2b;
	border:1px solid #5e6161;
	padding: 10px;
	margin-top:15px;
}
.news_title{
	color:#cccbcb;
	background: url(../img/sp200.gif) no-repeat bottom left;
	font-size:16px;
	font-family: Helvetica, sans-serif;
	padding:0 0 10px 0;
	font-weight:bold;
}
#right_col{
	float:right;
	width:625px;
	padding:1px 0;
}
#flash_con{
	width:592px;
	height:227px;
	padding: 0 0 14px 13px;
	background: url(../img/flash_bg.jpg) no-repeat bottom left;
}
#right_col_content{
	width:565px;
	margin:0 auto;
	padding: 15px 0 0 0;
}
#main{
	padding: 40px 10px 40px 10px;
	background: url(../img/sp565.gif) no-repeat top left;
}

#spacer {
	margin-top:24px;
}
.top_box_con_left, .top_box_con_right{
	border:1px solid #94979c;
	background-color:#000000;
	padding:4px;
	width:242px;
}
.top_box_con_left{float:left;}
.top_box_con_right{float:right;}
.top_box{
	background:#464646 url(../img/main_bg.jpg) repeat-x;
	padding:0 10px 15px 10px;
	color:#999999;
}
.main_title{
	color: #CCCBCB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	<!background: url(../img/main_title_bg.gif) no-repeat 5px center;>
	border-bottom: 1px solid #b8b9b9;
	padding: 0 0 0 5px;
	line-height:30px;
}
.top_box .readmore{
	background: #000000 url(../img/button_bg.jpg) repeat-x;
	border: 1px solid #555555;
	padding: 2px 10px 4px 10px;
	text-decoration:none;
	color:#ffffff;
}

.top_box .readmore_red{
	background: #900;
	border: 1px solid #555555;
	padding: 2px 10px 4px 10px;
	text-decoration:none;
	color:#ffffff;
}

.title{
	line-height:32px;
	color:#cccbcb;
	background: url(../img/title_bg.gif) no-repeat top left;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:16px;
}

/* I changed the original padding20 so as to have a bit more latitude as to when
	to pad and when not, compared to the template sheets. The real_padding20 is
	the one that actually pads.
*/

.padding20{
	padding:0px;
}
.real_padding20{
	padding:20px 20px 20px 20px;
}

/* A few quick text-size styles. */

.text_14{
	font-size:14px;
}
.text_10{
	font-size:10px;
}

.right{text-align:right;}
.imgright{
	float:right;
	margin: 0 0 7px 7px;
}

.left{text-align:left;}
.imgleft{
	float:left;
	margin: 0 7px 7px 0;
}
.img_fram{
	border:1px solid #94979c;
	padding:5px;
	background:#000000;
}
.reg_list li{
	list-style:disc;
	list-style-image:url(../img/bullet.gif);
	margin-bottom: 24px;
}

.bulleted_list{
	list-style:none;
	list-style-type: disc;
	margin-bottom: 18px;
}
.small_list{
	list-style:disc;
	list-style-image:url(../img/bullet.gif);
	margin-bottom:18px;
}
.bulleted_list li{
	list-style-image:url(../img/bullet.gif);
	margin-bottom:18px;
	list-style-type: disc;
}
#footer{
	background: url(../img/sp888.gif) no-repeat top left;
	line-height: 45px;
	padding: 0 30px;
	font-size:10px;
}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}

.clear_higher{
	font-size: 1px;
	line-height; 1px;
	clear: both;
	height: 48px;
}

/* These various headers are commonly used throughout the site, the only real difference
	between list-header and group_topper being font size.
*/

.list_header{
	padding:20px 0 20px 20px;
	line-height:32px;
	font-weight:bold;
	background: url(../img/sp565.gif) no-repeat bottom left;
}
.group_topper{
	padding:20px 0 20px 20px;
	font-weight:bold;
	text-align: left;
	background: url(../img/sp565.gif) no-repeat bottom left;
}

/* A series of styles to handle table cells. */

.table_cell_small{
	width:80px;
}

.table_cell_medium{
	width:130px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	vertical-align:top;
}
.table_cell_padded{
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:top;
}

.table_cell_album{
	padding-top:10px;
	padding-bottom:10px;
	width:110px;
	height:110px;
}

.table_cell_album_header{
	padding-top:10px;
	padding-bottom:10px;
	width:110px;
	height:36px;
}

.table_cell_composer{
	padding-top:10px;
	padding-bottom:10px;
	width:126px;
	text-align:center;
}

.table_cell_description{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	text-align:left;
	width:auto;
}

.table_cell_grant{
	padding:10px 5px 10px 0px;
	text-align:right;
	width:340px;
	font-size:11px;
}

.table_cell_project{
	padding:10px 0px 10px 5px;
	text-align:left;
	width:200px;
	font-size:11px;
}

.paypal_holder{
	text-align:center;
	width:565px;
{

a:link {color:#ffffff;text-decoration:none;}
a:hover {color:#f2c807;text-decoration:underline;}