img {border:none;}
body{
	margin: 0px;
	padding: 0 0 0 10px;
	/*This puts everything in the centre*/
	text-align:center;	
	font-family: Arial,sans-serif;
	font-size:86%;
	color:#333373;
}
div#main		
		{
		width: 880px;
		height:100%;
		padding: 0px;
		text-align: left;
		font-family: Verdana,Arial,sans-serif;
		line-height: 1.166;	
		background-color:#ffffff;
		}

.home_main		
		{
		width: 880px;
		padding: 0px;
		text-align: left;
		font-family: Verdana,Arial,sans-serif;
		line-height: 1.166;	
		background-color:#ffffff;
		margin-top:10%;
		}

.home_content
	{
	width:100%;
	}

.home_left
	{
	width:45%;
	float:left;
	margin-right:0px;
	text-align:right;
	padding:0px;
	}

.home_right
	{
	width:55%;
	float:right;
	text-align:left;	
	margin-left:0px;
	padding:0px;
	}

.left{float:left;}
.content_left{
	float:left;
	width:49%;
	padding-right:5px;
	}
.content_right{
	float:right;
	width:49%;
	}
.right{float:right;}

h1 {
	font-size:1.2em;
	margin-top:0px;
	}

h2 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	}
h3 {font-size:1em;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	}	
a:link, a:visited, a:hover {
	color:#333373;
	font-weight:bold;
	text-decoration: underline;
/*	font-size:.9em; */
}

a:hover {
	text-decoration: underline;
}

p {
	font-size:.9em; 
	}

td {
	font-size:.8em; 
	}


#content li {
	font-size:.9em; 
	}

div.clear{clear:both;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#main2{
	margin-top:10px;

}
#navBar{
	padding: 0px;
}

#infoblock {
	padding-bottom:10px;
	}
/*
#content{
  	float:left;
	height:400px;
	width: 45%;
	padding: 0 10px 0 10px;
}
*/
#content {
	width:45%;
	float:left;
	padding: 0 10px 0 10px;
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 500px;
	}
	
html>body #content {
    height: auto;
	}
#content2 {
  	float:left;
	width: 65%;
	padding: 0 10px 0 10px;
}

#content3{
  	float:left;
	width: 45%;
	padding: 0 10px 0 10px;
}
#menu {
border-style:double;
border-color:#990000;
text-align:center;
width:75%;
margin-left:12%;
padding:0 5px 0 5px;

}

#venue {
	padding:4px 0px 0px 0px;
	font-size:.9em; 
	}

#work_opportunities {
	padding:4px 0px 10px 0px;
	font-size:.9em; 
	}
	
#image_gallery {
text-align:center;
	padding:4px 0px 10px 0px;
	font-size:.9em; 
	
	
}
.pic{margin-right:10px; margin-bottom:5px;border:1px solid #333373;}
.pic_venue{float:left; margin-right:5px;}	
.pic_gallery {margin:0px 10px 10px 10px;}
#leftNavBar{
	float:left;
	width:250px;
}

#leftNavBar ul {list-style: none; margin: 0; padding: 0; color:#FFFFFF; background-color:#FFFFFF;}
#leftNavBar a {text-decoration:none; font-size:.9em;}
#leftNavBar li {
	padding-botton:3px;
	padding-top:3px;
}

li.highlight {
	background-color:#333373;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0 3px 15px;
	background-image:url(images/red_triangle.jpg);
	background-repeat:no-repeat;
	font-size:.9em; 
}

.level_2 {
	margin:0 0 0 30px;
	background-color:#ffffff;
	}
/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 5px 0px 0px 0px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{

padding: 5px 0px 0px 10px;
white-space: nowrap;
float:right;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-family: Verdana,Arial,sans-serif;
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}

#siteInfo a {
	color: #cccccc;
	}

#home_siteInfo a {
	color: #cccccc;
	}	

#home_siteInfo{
	clear: both;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
/*	margin-top: -1px;*/
	margin-bottom:5px;
	text-align:left;

	
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

ul.body_text {
	list-style-type:none;
	padding-right:5px;
	margin-left:20px;
}
/**********************easynav styles ******************************/
ul#navrsn
		{
			background:#ffffff;
			font-size:90%;
			margin:0;
			padding:.5em;
			list-style-type:none;
		}
		ul#navrsn ul
		{
			margin:0;
			padding:0 0 0 1em;
			list-style-type:none;
		}
		ul#navrsn li{
			margin:5px 0;
		}
		
		#navrsn li a,#navrsn li strong{
		
		}
		#navrsn a{
			color:#333373;
			text-decoration:none;
		}
		#navrsn li#active,
		#navrsn li.parent{
			background-image:url(images/red_nav_triangle.jpg);
			background-repeat:no-repeat;
			padding:3px 0 3px 15px;
			font-weight:bold;
			
		}
		#navrsn li.parent li,#navrsn li#active li{
			font-weight:normal;
		}
		#navrsn li.parent li#active{
			background:#99c;
			border-color:#669 #ccf #ccf #669;
			
		}
		#navrsn li.parent li.parent {
			 background:#99c;
			border-color:#669 #ccf #ccf #669;
			 font-weight:bold;
		}
		#navrsn li.parent li.parent li#active{
			 background:#669;
			 color:#ccf;
			border-color:#336 #99c #99c #336;
			 font-weight:bold;

		}