/* RESET CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	font-size: 100%; vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}



/*
here's how the template looks

- BODY
	|- container
		|- flashHeader
		|- bigbox
			|- leftColumn
				|- blockOrange
					|- head
						|- p
					|- content
						|- ul.subLinks
					|- foot
				|- blockGreen
			|- mainColumn
				|- head
				|- content
				|- foot
			|- clearFooter
			|- footer

*/




html{
	color: #606060;
	font-family: arial;
	font-size: 13px;
	line-height:15px;
}
p {
	padding-top:5px;
	padding-bottom:7px;
	line-height:16px;
}

body{
	width:871px;
	margin:auto;
	text-align:center;
}

.container{
	width:871px;
	text-align:left;
	position: relative;
	background:url(images/containerbg.gif) top right repeat-y;
}

.flashHeader{
	width:100%;
	height:320px;
	background:url(images/bodytop.gif) no-repeat center bottom;
}

.bigbox{
	width:864px;
	padding-top:5px;
	background:url(images/contain2bg.png) repeat-x;
}


/*############################ leftColumn ###############################################*/
.leftColumn{
	width:269px;
	float:left;
	margin-left:12px;
}

.blockOrange { width: 269px; padding-bottom:18px; }
.blockOrange .head{ height:36px; background: url(images/orangeTop.gif);}
.blockOrange .head p{
	height:32px;
	margin-left:15px;padding-left:35px;padding-top:9px;color:#f8f8f8;
	font-size: 17px;font-family: arial narrow;font-weight:bold}
.blockOrange .foot{ height:6px; background: url(images/orangeBottom.gif) no-repeat;}
.blockOrange .content{background:#bcb9b3;padding-top:15px;padding-left:20px;padding-right:20px;padding-bottom: 10px;}
.blockOrange  p{color:#fff;font-size:11px;line-height:14px;}

ul.subLinks{width:226px;padding-bottom:10px;}
ul.subLinks li{	padding-top:5px;padding-bottom:10px;background: url(images/leftDivide.gif) left bottom no-repeat;}
ul.subLinks a{
	display:block;height:18px;width:190px;
	background: url(images/orangePlay.gif) 1px 1px no-repeat;
	padding-left:25px; padding-top:2px; margin-left:2px; color:#7e6c46;
	font-family: arial narrow;font-size: 15px;font-weight:bold;text-decoration:none;}
ul.subLinks a:hover{color:#f5f5ff;}

ul.sublinks ul{width:140px;padding-left:40px;padding-bottom:15px;margin-top:-8px;}
ul.sublinks ul li{background:none;border-bottom:1px dashed #fff;
	padding-left:10px;padding-bottom:6px;padding-top:8px;height:15px;width:140px;}
ul.sublinks ul a{background:none;padding:0px;margin:0px;width:130px;
	font-size:13px;font-weight:normal;color:#fff;font-family:arial}
ul.sublinks ul a:hover{font-weight:bold;}



.blockGreen { width: 269px;}
.blockGreen .head{ height:36px; background: url(images/greenTop.gif);float:left;width:269px;}
.blockGreen .head p{
	height:32px;
	background: 4px 4px no-repeat;
	margin-left:15px;padding-left:35px;padding-top:9px;color:#f8f8f8;
	font-size: 17px;font-family: arial narrow;font-weight:bold;}
.blockGreen .foot{ height:6px; background: url(images/greenBottom.gif) no-repeat;float:left;width:269px;padding-bottom:18px;}
.blockGreen .contentPad{width:269px;background:#b5bcb3;float:left;}
.blockGreen .content{padding-top:15px;margin-left:20px;margin-right:20px;padding-bottom: 10px;width:229px;}
.blockGreen p{color:#3e5626;font-family:arial;font-size:11px;line-height:17px;}

.blockGreen ul.events li{float:left;width:148px;text-align:right;font-size:14px;color:#506636;
	border-bottom:1px dotted #506636;margin-top:10px;font-family:arial narrow;}
.blockGreen ul.events #date{width:80px;text-align:left;}


/*############################ mainColumn ###############################################*/
.mainColumn{width:553px;float:right;margin-right:12px; padding-bottom:18px;}
.mainColumn .head{ height:10px; background: url(images/contentTop.gif) no-repeat;width:553px;float:left;}
.mainColumn .foot{ height:7px; background: url(images/contentBottom.gif) no-repeat;width:553px;float:left;}
.mainColumn .content{
	width:553px;
	background: url(images/contentbg.gif) repeat-y;
	padding-top: 8px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	float:left;
}
.mainColumn .content .blockContent{	width: 503px;}
.mainColumn p.title {
	width: 503px;font-size:25px;margin-bottom: 22px;line-height:27px;
	background: url(images/titleUnder.gif) bottom right no-repeat;
}
.mainColumn .content p{

}


/*############################ fullpage ###############################################*/
.fullpage .leftColumn{display:none;}
.fullpage .mainColumn{width:836px;}
.fullpage .mainColumn .head{ height:10px; background: url(images/contentTopF.gif) no-repeat;width:836px;}
.fullpage .mainColumn .foot{ height:7px; background: url(images/contentBottomF.gif) no-repeat;width:836px;}
.fullpage .mainColumn .content{width:836px;background: url(images/contentbgF.gif) repeat-y;width:836px;}
.fullpage .mainColumn .content .blockContent{	width: 786px;}
.fullpage .mainColumn p.title {width: 756px;background: url(images/titleUnderF.gif) bottom right no-repeat;}



.clearFooter{clear:both;}
.footer{
	width:830px; height:55px;border-top:1px solid #989898;
	margin-left:13px; padding-top:15px; padding-left:5px; padding-right:5px;
}
.footer a{color:#606060;text-decoration:none;}
.footer a:hover{color:#505050;}