body {
	background-color:#F3F3F3;
	margin: 0px;
	font-size:75%;
	background-image: url(../images/bodybg.gif);
	background-repeat: repeat-x;
}


#accessibility {
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	top: -100px;
} 

#container {
	width:960px;
	background-color:#FFFFFF;
	border-right-width: 15px;
	border-left-width: 15px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
}

div.image-rotate-wrapper {
	height:310px;	
}



/**** HEADER ****/

#header {
	background-image: url(../images/nameplus.jpg);
	background-repeat:repeat-x;
	height:94;
	border-bottom: 1px solid #CCCCCC;
}

#header div.tools {
	float:right;
	margin-top: 8px;
	margin-right: 15px;
	color:#BE95A9;
}

#header div.tools a:link,
#header div.tools  a:visited {
	color: #666699;
	text-decoration:none;
	font-weight:bold;
	margin-left:2px;
	margin-right:2px;
}

#header div.tools a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/**** NAVIGATION ****/


#navigation {
	background-image: url(../images/navigation-bg.gif);
	background-repeat: repeat-x;
	height: 30px;

}

#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
 	margin-left:auto;
	margin-right:auto;
	

}

#navigation ul li {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	padding:0px;
	line-height: normal;
	background-image: url(../images/navseparator-bg.gif);
	background-repeat: no-repeat;

}

#navigation ul li a:link,
#navigation ul li a:visited {
	color:#333333;
	display:block;
	margin:0px;
	padding:7px 16px 5px;
	text-decoration:none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#navigation ul li a:hover {
	color:#000000;
	background-color:#CCCCCA;
	border-bottom-color:#CCCC66;
	
}

#navigation ul li.selected a:link,
#navigation ul li.selected a:visited {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color:#CCCC66;
}

#navigation ul li.selected a:hover {
	
}


/**** MAIN CONTENT ****/

label {
	cursor:pointer;
}


#header,
#footer,
p, h1, h2, h3, h4, li, td {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333; 
}

textarea {
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
}


p, li {
	line-height: 150%;
}

#content ul {
	margin-left: 0px;
	padding-left:28px;
}

div.maincol p.tight,
div.maincol ul.tight li {
	line-height: normal;
}


div.maincol p.small,
div.maincol ul.small li {
	font-size:85%;
}

	

#content h1 {
	border-bottom:1px dotted #BFBDBE;
	color: #CCCC66;
	font-weight: normal;
	font-size: 220%;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 8px;
	padding-bottom: 3px;
}

#content h2 {
	font-size:140%;
}

#content .maincol h2 {
	color: #333333;
	font-weight:normal;
	margin-bottom:0px;
	margin-top: 20px;
	padding-bottom:0px;
}

#content h3 {
	font-size:100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.snug {
	margin:0px;
	padding:0px;
	margin-top: 3px;
}

#content {
	background-image:  url(../images/content-bg.gif);
	background-repeat: repeat-y;
	_padding-left:20px; /* hack for IE6 */
	margin-top:20px;
	margin-bottom:20px;
	background-position: 254px;
}

/* COLUMN LAYOUT */


div.sidecol {
   background-image: url(../images/bmp-logom.gif) bottom left no-repeat;
	/* http://www.codingforums.com/showthread.php?t=153546 */
	width:215px;
	float:left; 
	margin-left: 20px;
	_margin-left: 0px;/* hack for IE6 */
	margin-right:20px;
	clear:left; /* keeps page in order when text is enlarged */
}

div.maincol {
	width: 680px;
	float: left;
	padding-left: 20px;
}

div.maincol p {
	margin-right: 30px;
	line-height: 160%;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align:justify
}

#content p.backtotop {
	margin-top:25px;	
}

div.thumbnail img {
		border: 0px;
}


/* HOMEPAGE ELEMENTS */

div.introtextbg {
	color: #FFFFFF;
	position: absolute;
	width: 340px;
	margin-left: 620px;
	height: 297px;
	opacity: .12;
	filter: alpha(opacity=1.2);
	text-align:left;
}

div.introtext {
	position: absolute;
	width: 280px;
	margin-left: 650px;
	margin-top:35px;
	height: 257px;
}

div.introtext p,
div.introtext h2 {
	color:#FFFFFF;
	font-weight:bold;
}

div.introtext h2 {
	color:#FFFFFF;
	font-weight:bold;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size: 150%;
}

div.introtext p {
	line-height:150%;
	margin-top:8px;
	margin-bottom: 6px;
	font-size:95%;
}

div.introtext a:link, 
div.introtext a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

div.introtext a:hover {
	color:#F8D7E7;
	text-decoration:underline;
}

div.news-events {
	width:235px;
	float:left; 
	margin-left:20px;
	margin-right:30px;
	margin-top: 18px;
}

div.homeboxes {
	background-image: url("../images/boxfade-bg.gif");
	background-repeat: repeat-x;
	width: 655px;
	float: left; 
	padding:10px;
	padding-bottom:0px;
	
}

div.homeboxes td {
	vertical-align: top;
	padding-bottom:5px;

}

div.homeboxes h2.block-header{
	margin-bottom:0px;
}

div.homeboxes td img {
	border: 3px solid #DDDDDD;
	
}

div.homeboxes h3 {
	margin-top:0px;
	font-size: 110%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
}

div.homeboxes h3 a:link,
div.homeboxes h3 a:visited {
	color: #333333;
}

div.homeboxes p {
	margin-top: 5px;
	padding-right: 5px;
	line-height:1.4em;
	font-size: 95%;

}



/* HEADINGS & LIST ELEMENTS */


#content h2.list-header {
	color:#CCCCCC;
	font-size: 110%;
	text-transform: uppercase;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C4C2C3;
	border-bottom-color: #C4C2C3;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top:0px;
}


#content h2.block-header {
	color:#FFFFFF;
	background-color:#CCFF99;
	font-size: 120%;
	text-transform: uppercase;
	padding: 3px;
	background-image:  url("/images/crest-icon.gif");
	background-repeat: no-repeat;
	background-position: 5px;
	font-weight: normal;
	margin-top:0px;
	padding-left:25px;
}


ul.pdflist {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 padding-bottom:12px;
	padding-left: 0.3em;
	padding-top: 0.3em;
	
}

ul.pdflist li {
	background-image: url("../images/icon_pdf.gif");
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 1.85em;
	line-height: 175%;
}


/* SUB NAVIGATION */


#content h2.subnav-header {
	color:#FFFFFF;
	background-color:#CCCCCC;
	font-size: 100%;
	text-transform: uppercase;
	padding: 3px;
	background-image:  url("../images/menu.gif");
	background-repeat: no-repeat;
	background-position: 5px;
	font-weight: bold;
	margin-top:0px;
	margin-bottom:2px;
	padding-left:25px;
}

#content ul.subnav-list {
	list-style-type: none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}

#content ul.subnav-list li {
	margin-bottom: 2px;
	padding-left:0px;
}

ul.subnav-list li a:link,
ul.subnav-list li a:visited {
	background-color:#F4F4F4;
	color:#333333;
	padding-left:24px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:0px;
	font-size:90%;
	font-weight:bold;
	display:block;
	_height: 18px; /* hack for IE6 */
	border: 1px solid #F4F4F4;

	
}

ul.subnav-list li a:hover {
	color:#CCCC00;
	background-color:#FFFFFF;
	text-decoration:none;
	border: 1px solid #DDDDDD;
}
ul.subnav-list li.selected a:hover {
	color:#FFFFFF;
	background-color:#FFFFFF;
	text-decoration:none;
	border: 1px solid #DDDDDD;
}

ul.subnav-list li.selected a:link,
ul.subnav-list li.selected a:visited {
	background-color:#CCCC66;
	font-weight:bold;
	border: 1px solid #FFFFFF;
	background-image: url("../images/minimenu.gif");
	background-repeat:no-repeat;
	background-position: 7px 50%;
}


#content ul.ataglance {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 2px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#content ul.ataglance li {
	margin-bottom: 6px;
}



/*** PHOTO SYYLES ***/

img.mainphoto {
	border-bottom: 0px solid #DDDDDD;
	margin-bottom: 10px;
}

img.widephoto {
	border-bottom: 4px solid #DDDDDD;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}



/*** LINK STLYES ***/

a:link, a:visited {
	text-decoration:none;	
	color:#CCCC00;
}

a:hover {
	text-decoration:underline;
	
}



/*** FOOTER ***/


#footer {
	border-top: 1px solid #CCCCCC;
	margin-left:20px;
	margin-right:10px;
	margin-top: 10px;
	font-size: 90%;
	padding-bottom: 15px;
	padding-top:10px;

}

#footer p {
	margin:0px;
	padding:0px;
	color:#999999;
	text-align:center;
}
	
	
#footer a:link,
#footer a:visited {
	color:#999999;
}

/***  SIDE COLUMN ***/


.box {
	margin-top: 20px;
}


.thumbnail{
	padding: 3px 3px 5px 3px;
	background-color: #DBDBDB;
	border: 1px solid #C6FF73;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}	

#content .box h2 {
	color: #AEADAD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 125%;
}

table.highlights {
	margin-top:7px;
	margin-bottom: 0px;
	width: 185px;
}

table.highlights td {
	vertical-align: top;
	padding-bottom: 10px;
	font-size: 95%;
}

table.highlights img {
	margin-right: 10px;
	border: 1px solid #CCCCCC;

}

table.highlights a:link, 
table.highlights a:visited {
	font-weight: bold;
	color: #333333;
}

.sidecol .box p {
	line-height:130%;
	font-size: 95%;
	margin-top: 0px;
	margin-bottom: 10px;
}

.sidecol .box td,
.sidecol .box th {
	font-size: 95%;
}


/* TABLE STYLES */

 
.table-layout th, 
.table-layout td {
	padding: 0px;
}

.table-layout  p {
	margin-right: 0px;
}

.table-layout td {
	vertical-align: top;
}



table.standard th,
 table.standard td {
	padding: 5px;
}
table.standard th {
	background-color: #C8D8BE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #336600;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBBBBB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
}
table.standard td {
	border-top: 1px none #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px none #DCDCDC;
	padding-left: 6px;
	padding-bottom: 6px;
	vertical-align: top;
	background-image: url(../images/boxfade-bg.gif);
	background-repeat: repeat-x;
}
table.standard {
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	margin-top: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	margin-right: 25px;
	text-align:left;
}
table.standard td p {
	line-height: 120%;
	margin-right: 0px;
}



.float_right {
	float: right;
}

img.float_right {
	float: right;
	margin-left:20px;
	margin-right:10px;
}

#content  .moreinfo {
	border-bottom:0px dotted #C38AAA;
	padding-bottom: 4px;
	padding-top:20px;
	width: 50%;
}
table.calendar th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	text-align: left;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #999999;
	font-weight: normal;
}
table.calendar td {
	padding: 7px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
table.calendar td.day em {
	font-size: 175%;
	font-style:normal;
}

table.calendar td.day {
	background-color: #EEEEEE;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}


#header .promotext {
	clear:right;
	float:right;
	font-size:120%;
	margin-right:17px;
	margin-top:28px;

}

#header .promotext a:link,
#header .promotext a:visited {
	color:#666699;
	padding: 7px;
	border: 1px dotted #666699;
	font-weight:bold;
	}

#header .promotext a:hover {
	color:#FFFFFF;
	text-decoration:none;
	border: 1px dotted #FFFFFF;
}

p.button a:link, 
p.button a:visited {
	font-weight:bold;
	font-size:90%;
	padding: 3px;
	padding-left: 7px;
	padding-right: 16px;
	background-color: #F5F5F5;
	text-decoration: none;
	border: 1px solid #DDDDDD;
	background-image: url("../images/buttonarrow-bg.gif");
	background-position:center right;
	background-repeat:no-repeat;
}

p.button a:hover {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}


p.button-back a:link, 
p.button-back a:visited {
	font-weight:bold;
	font-size:90%;
	padding: 3px;
	padding-left: 16px;
	padding-right: 7px;
	background-color: #F5F5F5;
	text-decoration: none;
	border: 1px solid #DDDDDD;
	background-image: url("../images/buttonbackarrow-bg.gif");
	background-position:center left;
	background-repeat:no-repeat;
}

p.button-back a:hover {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}


p.buttongallery a:link, 
p.buttongallery a:visited {
	color:#333333;
	font-size:90%;
	display:block;
	width:100px;
	line-height:120%;
	margin-top:20px;
	padding:3px 16px 3px 44px;
	text-decoration: none;
	background-image: url("../images/buttongallery-bg.gif");
	background-position:center left;
	background-repeat:no-repeat;
}

p.buttongallery a:hover {
	color:#CCCC66;
	text-decoration: underline;
}


.summarybox {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FEFEFE;
	background-image: url(../images/boxfade-bg.gif);
	background-repeat: repeat-x;
	border: 1px dotted #CCCCCC;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 25px;
	margin-top: 5px;
	margin-right: 5px;
}

.summarybox ul {
	margin-left: 0px;
	padding-left: 16px;
	margin-top: 0px;
	padding-top: 8px;
}

.summarybox p {
	font-size:95%;
	
}

.comment {
	background-color: #FFFF66;
}
#content .boxed {
	border: 1px dotted #CCCCCC;
	padding: 12px;
}

#content .boxed h2  {
	font-weight:normal;
	color:#006633;
	margin-bottom:0px;
	margin-top: 0px;
	padding-bottom:0px;


}


