/*####################
##### HTML, BODY #####
#####################*/ 

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #004B9C;
	background-color		: #FFFFFF  !important;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	margin-top 				: 10px;
	behavior				: url("htc/csshover.htc");
}



/*###############
##### FONTS #####
###############*/ 

.strapline{
	margin-left 			: 18px;
	font-size 				: 1.1em;
	font-weight				: bold;
	color					: #004B9C;
}


p{
	padding-left 			: 10px;
	padding-right 			: 10px;
	padding-bottom			: 5px;
	font-size 				: 100%;
}



h1{

	font-size 				: 1.8em;
	color					: #004B9C;
	margin-top 				: 10px;
	padding-left 			: 10px;
	line-height				: 1.4em;
}

h2{
	font-size 				: 1.4em;
	color					: #004B9C;
	margin-top 				: 10px;
	padding-left 			: 10px;
}

h3{
	font-size 				: 1.1em;
	color					: #004B9C;
	margin-top 				: 10px;
	padding-left 			: 10px;
}

h4{
	font-size 				: 1.1em;
	color					: #004B9C;
	margin					: 0px;
}

h5{ /* BME page category header */
	font-size 				: 4.0em;
	line-height				: 1.0em;
	color					: #FFFFFF;
	margin					: 70px 2px 0px 0px;
	padding					: 0px 0px 0px 0px; 
	float					: right;
	font-style				: italic;
	font-weight				: bold;
}

*html h5{ /* BME page category header */
	margin					: 70px -8px 0px 0px;
	padding					: 0px 0px 0px 0px; 
}

h6{ /* BME page artist name */
	font-size 				: 2.5em;
	line-height				: 1.0em;
	margin					: 5px 0px 10px 0px;
	padding					: 0px 0px 0px 0px; 
	font-weight				: bold;
}

.eventText{
	color					: #999;
}

.postedBy{
	color					: #999;
}

.contentImage{
	float					: right;
	margin-left				: 25px;
	margin-right			: 5px;
}


.imageTableRight{
	border					: none;
	float					: right;
	margin-left				: 20px;
	margin-right			: 5px;
}


.contentImageLeft{
	float					: left;
	margin-left				: 10px;
	margin-right			: 15px;
	border					: none;
}

.captionText{
	float					: right;
	margin-left				: 10px;
	margin-right			: 15px;
}

.captionTextLeft{
	float					: left;
	margin-left				: 10px;
	margin-right			: 15px;
}


a{
	color					: #000;
	text-decoration 		: none;
	font-weight				: bold;
}

a:hover {
	text-decoration 		: underline;
	font-weight				: bold;

}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 750px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	background-image		: url(../images/background.gif);
	background-repeat		: repeat-y;
	padding-left 			: 8px;
	padding-right 			: 8px;
}


/*################
##### HEADER #####
################*/ 

#header{
	width					: 770px;
	height 					: 270px;
	margin-left 			: -8px;
	margin-right 			: -8px;
	background-image		: url(../images/header.jpg);
	background-repeat		: no-repeat;
}


.logo{
	border					: none;
	float					: left;
	margin					: 0px 0px 0px 24px; 
}


/*################
### HEADER NAV ###
################*/ 

#headerRight {
	float					: right;
	height					: 40px
}


#headerRight ul{
	text-align				: right;
	margin					: 5px 20px 0px 0px; 
	padding					: 0px 0px 0px 0px; 
	font-size				: 90%;
}

#headerRight  li{
	display	 				: inline;
	list-style 				: none;
	
}

#headerRight ul li a{
	margin					: 0px 0px 0px 0px; 
	padding					: 5px 10px 20px 15px; 
	text-align				: center;
	color					: #004B9C;
	background-image		: url(../images/topNavLine.gif);
	background-position     : left top;
	background-repeat		: no-repeat;
	line-height				: 2.0em;
}



/*#################
##### CONTENT #####
#################*/ 
	
#content{
	width 					: 750px;
	min-height 				: 340px;				
	display 				: block;
	margin-top				: 1px;
	padding					: 0px;
	line-height 			: 165%;
	
}

*html #content{
	height 					: 340px;
}

#contentMain{ /*not req'd on homepage*/
	width 					: 750px;
	min-height 				: 340px;
	padding-top				: 1px;
	padding-bottom			: 1px;
	display 				: block;
	text-align:justify;
	/*background-color 		: #E8EEFF;*/
}


*html #contentMain{ /*not req'd on homepage*/
	padding					: 0px;
	height 					: 340px;
}



.contentMain ul {
	margin-left				: 8px;
	margin-right			: 8px;

}

.contentMain ul li {
	padding-bottom: 5px;

}



#contentLeft{
	width 					: 198px;
	display 				: block;
	float 					: left;
	margin					: 0px;
	margin-right			: 0px;
	
}

#contentRight{
	width 					: 550px;
	margin					: 0px;
	padding					: 0px;
	display 				: block;
	float 					: right;
	background-color 		: #E8EEFF;
}


#mainContentLeft{
	width 					: 270px;
	display 				: block;
	float 					: left;
}

#mainContentRight{
	width 					: 270px;
	display 				: block;
	float 					: right;
}



/*#################
##### TEASERS #####
#################*/ 

#latestNews{
	display 				: block;
	width					: 198px;
	margin					: 0px;
	padding					: 0px;
	background-color 		: #F1ECF2;
}

#latestNews h2{
	margin					: 0px;
	padding					: 10px 0px 5px 10px;
}

*html #latestNews h2{
	padding					: 10px 0px 15px 10px;
}

#latestNews ul {
	color					: #004B9C;
	margin					: 0px 8px 0px 8px;
	padding		 			: 3px;
	font-size 				: 85%;	
}

*html #latestNews ul{
	margin-top				: -12px;
}

#latestNews li {
	list-style				: none;
	color					: #004B9C;
	border-bottom-width		: 1px;
	border-bottom-style		: dotted;
	border-bottom-color		: #CCC;
	margin					: 0px 0px 10px 0px;
}

#latestNews li a {
	text-decoration			: none;
	padding-left			: 15px;
	background-image		: url(../images/arrow.gif);
	background-position		: left top;
	background-repeat		: no-repeat;	
}

#latestNews li a:hover {
	text-decoration			: underline;
	background-image		: url(../images/arrowOver.gif);
	background-position		: left top;
	background-repeat		: no-repeat;	
}



.btnTeaser a{
	margin					: 2px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	clear					: both;
	display					: block;
	width					: 198px;
	height					: 92px;
	background-color		: #ECEDD1;
	text-align				: center;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.6em;
	cursor					: pointer;
	color					: #004B9C;
}

.btnTeaser a:hover{
	color					: #000000 !important;
	background-color		: #E3E6C1;
	text-decoration 		: none;
}

.btnTeaser img{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	width					: 90px;
	border					: none;
}

.btnTeaser span{
	margin					: 0px 0px 0px 0px;
	padding					: 20px 0px 0px 5px;
	float					: right;
	text-align				: left;
	width					: 100px;
}


#bulletin{
	margin					: 2px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	background-color 		: #D9EAF1;
	background-image		: url(../images/bulletin.gif);
	background-repeat		: no-repeat;
	background-position		: right;
	font-size 				: 85%;
}

#bulletin h2{
	margin					: 0px;
	padding					: 10px 0px 5px 10px;
}

#bulletin p{
	padding-left 			: 10px;
	padding-right 			: 110px;
}



/*################
##### FOOTER #####
################*/ 

#footer{
	height 					: 42px;
	clear 					: both;
	background-image		: url(../images/footer_bg.gif);
	background-repeat		: no-repeat;
	margin-left 			: -8px;
	margin-right 			: -8px;
	padding-left 			: 8px;
}

#copyright{
	
	padding-left 			: 8px;
	padding-top 			: 3px;
	font-size 				: 80%;
}

#copyright a {
	color					: #000;
	text-decoration			: none;
}

#copyright a:hover {
	color					: #000;
	text-decoration			: underline;
}



/*####################
### TOP NAVIGATION ###
####################*/ 

ul#topNav{
	height 					: 30px;
	list-style 				: none;
	background-image		: url(../images/bkgrdNav.jpg);
	background-repeat		: repeat-x;
	margin 					: 0px;
	padding					: 0px;
	display 				: block;
	border-top				: 1px solid #91B8E1;

}
*html ul#topNav{
	width 					: 747px;
}
ul#topNav li{
	display 				: inline;
}
ul#topNav li a{
	display 				: block;
	float 					: left;
	padding-right 			: 4px;
	padding-left 			: 5px;
	padding-top 			: 8px;
	height 					: 20px;
	font-family				: Arial;
	font-weight				: bold;
	color					: #004B9C;
	text-decoration 		: none;
	font-size 				: 70%;
	border-right 			: 1px solid #DBDFE8;
	border-left 			: 1px solid #FEFEFE;
	
}


#topNav li a:hover{
	background-color		: #004B9C;
	height 					: 20px;
	color					: #ffffff;
	border-left 			: 1px solid #123465;
	border-right 			: 1px solid #A4B4CC;
}

#topNav li:hover ul, #topNav li:hover #topNav li:hover ul {
	display					: block;
}



#topNav li ul{
	margin					: 0px;
	padding					: 0px;
	display					: none;
	position 				: absolute;
	margin-top				: 28px;
	margin-left 			: 35px;
	border  				: 1px solid #9BB8E2;
}

#topNav li ul.projectsUL{
	margin-left 			: 34px;
}

*html #topNav li ul.projectsUL{
	margin-left 			: -710px;
}

#topNav li ul.youngUL{
	margin-left 			: 167px;
}

*html #topNav li ul.youngUL{
	margin-left 			: -577px;
}

#topNav li ul.policyUL{
	margin-left 			: 251px;
}

*html #topNav li ul.policyUL{
	margin-left 			: -493px;
}


#topNav li ul.communityUL{
	margin-left 			: 359px;
}

*html #topNav li ul.communityUL{
	margin-left 			: -385px;
}

#topNav li ul.bulletinUL{
	margin-left 			: 497px;
}

*html #topNav li ul.bulletinUL{
	margin-left 			: -247px;
}

#topNav li ul.infoUL{
	margin-left 			: 609px;
}

*html #topNav li ul.infoUL{
	margin-left 			: -135px;
}

#topNav li ul li{
	display					: block;
	clear 					: both;
}

#topNav li ul li a{
	display 				: block;
	text-decoration 		: none;
	clear 					: both;
	width 					: 130px;
	background-color 		: #DBDFE8;
	border					: 0px none;
	border-top	 			: 1px solid #DBDFE8;
	border-bottom 			: 1px solid #FEFEFE;
}

#topNav li ul li a:hover{
	border					: 0px none;
	height 					: 22px;
}


/*###############
##### MISC. #####
###############*/ 


.contactMap {
	float					: right;
	margin-top				: -230px;
	margin-right			: 10px;	
	
}

*html .contactMap {
	margin-top				: -248px;
	
}


.formTable {
	padding					: 0px 0px 0px 40px;	
	width					: 400px;
	border-left				: 1px solid #CCC;	
	
}

.formTable td{
	padding					: 0px 0px 0px 0px;	
	vertical-align			: top
	
}

.pdfLogoHome{
	padding-left 			: 10px;
	
}

.pdfLogo{
	padding-top 			: 10px;
	margin-left 			: -2px;
	
}

.homeTable{
	margin-left 			: 10px;
	margin-top				: -10px;
	font-style				: italic;
	font-weight				: bold;
}