@charset "UTF-8"; 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{margin:0; padding:0; border:0; outline:0; font-size:100%}
html{
	background:#ffffff;
	margin:0px;
	padding:0px;
	min-height:100%
}
body{
	padding-top:0px;
	padding-bottom:5px;
	margin:0px;
	height:100%;
	font: 100%/1.1em Arial, Helvetica, sans-serif;
	background: #ffffff;
}
.container{width:100%; overflow:hidden}
/* ============================= general ====================== */
a{color:#000000; text-decoration:none}
a:hover{color:#000000; text-decoration:underline}
a img{border:0}
img{border:0}
ul{list-style:none}
.left{float:left}
.right{float:right}
.clear{clear:both}
.inline{display:inline}
.center{text-align:center}
.title2{margin-bottom:10px; margin-left:20px}
.bullet{list-style:url(images/megaphone_bullet.gif) outside}
.textright{text-align:right; font-size:11px}
.textleft{text-align:left; font-size:11px}
/* ============================= header ====================== */
#header{margin:0px auto; padding:0px 0px 20px; width:810px; background:#ffffff; padding-bottom: 20px;}
#headermain{
	background:#ffffff;
	padding-top: 10px;
	border-top: 1px dashed #000;
	clear: both;
}
#header1{margin:0px auto; padding:0px; width:810px}
#header2{margin:0px auto; padding:0px; width:810px; background:#ffffff;}
#headerlogo{
	height: 63px;
	width: 130px;
	margin-bottom: 20px;
	float: left;
	
}
#headernav{
	float: right;
}
#nav{
	background:url(images/nav_transparent.gif) no-repeat;
	width:346px;
	height:54px;
	padding: 0px;
	margin: 25px 0px 0px;
}
#nav span{display:none}
#nav li, #nav a{height:54px; display:block}
#nav li{float:left; list-style:none; display:inline}
#nav1{width:77px}
#nav2{width:82px}
#nav3{width:70px}
#nav4{width:48px}
#nav5{width:68px}
#nav6{width:70px}
body#home #nav1, #nav1 a:hover{background:url(images/nav_transparent.gif) no-repeat 0px -54px}
body#portfolio #nav2, #nav2 a:hover{background:url(images/nav_transparent.gif) no-repeat -77px -54px}
body#culture #nav3, #nav3 a:hover{background:url(images/nav_transparent.gif) no-repeat -159px -54px}
body#news #nav4, #nav4 a:hover{background:url(images/nav_transparent.gif) no-repeat -229px -54px}
body#contact #nav5, #nav5 a:hover{background:url(images/nav_transparent.gif) no-repeat -277px -54px}
/* ============================= body ====================== */
#main{
	width:812px;
	margin:0px auto;
	padding:0px 0px 45px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000
}
#main2{width:810px; margin:0px auto; padding:0px}
/*.bottomshadow{background:url(images/drop_bottom.png) bottom; width:888px; height:13px}
.leftshadow{background:url(images/drop_left2.png) repeat-y left}
.rightshadow{background:url(images/drop_right2.png) repeat-y right}*/
#main2{
	width:810px;
	margin-right:auto;
	margin-left:auto
}
#middle{background-color:#ffffff; clear:both; font-family:Arial,Helvetica,sans-serif; padding-bottom:10px; }
.containerwrap{
	width:100%;
	overflow:hidden;
	border-top:2px solid #000;
	border-bottom:1px solid #000

}
.containerwrap2{width:100%; overflow:hidden; border-bottom:1px solid #000}
.containerwrap3{
	width:100%;
	overflow:hidden;
	border-top:1px dashed #000;
	border-bottom:1px solid #000
}
.container{width:100%; overflow:hidden; border-bottom:1px solid #000; padding-top:20px; }
.container2{width:100%; overflow:hidden; border-bottom:2px solid #000; padding-top:20px}
#section{clear:both}
#section2{clear:both; border-top:1px solid #000; padding-top:20px}
.box .title{font:22px Georgia,"Times New Roman",Times,serif; color:#000; padding-right:10px; padding-bottom:0px; padding-left:10px}
.box{padding-right:20px; background:#000000;}
.boxourteam{padding-right:20px; padding-top:20px}
.box2 .title{font:22px Georgia,"Times New Roman",Times,serif; color:#000; padding-right:10px; padding-bottom:0px; padding-left:10px}
.box2{color:#6D6E71; font:12px Arial,Helvetica,sans-serif; margin:0px; padding:10px}
.box2 a{color:#000000}
.box3 .title{font:22px Georgia,"Times New Roman",Times,serif; color:#000; padding-right:10px; padding-bottom:0px; padding-left:10px}
.title{font:22px Georgia,"Times New Roman",Times,serif; color:#000; padding-right:10px; padding-bottom:0px; padding-left:10px}
.subtitle{font:13px "Courier New",Courier,monospace; color:#6D6E71; margin:0px; padding:0px}
.box{margin:0px 0px 20px; padding:0px}
.column1, .column2, .column3, .col1, .col2, .sub_col1, .sub_col2{float:left}
.column1{width:300px; margin-bottom:20px; text-align:left; margin-right:20px; float:left}
.column1 a{text-decoration:none}
.column1 a:hover{text-decoration:underline}
.column2{width:490px; margin-bottom:20px; float:right; background:#f1f0f0;}
.column2 a{text-decoration:none}
.column2 a:hover{text-decoration:underline}
.column3{width:238px; margin-bottom:10px; text-align:left; margin-right:5px; float:left; padding-bottom:10px}
.column3 a{text-decoration:none}
.column3 a:hover{text-decoration:underline}
.title img{padding-top:1px}
.col1{width:330px; padding-top:15px}
.col2{width:305px; padding-top:15px}
.indent2stuffheader{padding-bottom:0px}
.indent2stuff{margin-bottom:10px}
.indent{padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:22px; line-height:1.3em; font-size:12px}
.indent2stuffheader{margin:0px 0px 20px; padding:0px; height:18px}
.indent2stuff{font:12px Arial,Helvetica,sans-serif; color:#6D6E71; margin:0px; padding:0px}
/* ============================= footer ====================== */
#footer{height:12px; color:#000; text-align:center; font-family:Arial; padding-bottom:19px; background-color:#FFF; clear:both}
#footer .leftborder{float:left; bottom:0; height:5px; width:5px}
#footer .rightborder{float:right; bottom:0}
#footeraddress{width:850px; margin-right:auto; margin-left:auto; padding-top:5px; padding-right:22px; text-align:left; clear:both; margin-bottom:15px}
.footer{font-size:11px; color:#000; border-top-color:#000; color:#000; font-family:Arial; padding-bottom:5px}
.footer a{color:#000; text-decoration:none; font-size:11px}
.footer a:hover{color:#000; text-decoration:underline; font-size:11px}
.footeradress{color:#6D6E71; font:11px Arial,Helvetica,sans-serif}
.footeradress a{color:#6D6E71; text-decoration:none;  font-size:11px}
.footeradress a:hover{color:#6D6E71; text-decoration:underline; font-size:11px}
#fontsize{text-align:left; float:left; margin-left:15px}
/* ============================= rollovers ====================== */
.morerollover a{display:block; width:131px; background:url(images/button_more2.gif) no-repeat 0 0; height:21px}
.morerollover a:hover{background-position:0px -21px}
.backrollover a{display:block; width:131px; background:url(images/button_back2.gif) no-repeat 0 0; height:21px}
.backrollover a:hover{background-position:0 -21px}
/* ============================= forms ============================= */
.warning{display:inline; color:#C33}
.textfield{height:18px; border:1px solid #CCC; background:#FFF; font-size:12px; font:12px Arial,Helvetica,sans-serif}
.textfield:focus{height:18px; border:1px solid #CCC; background:#FFF; font:12px Arial,Helvetica,sans-serif}
.dropdown{height:24px; border:1px solid #CCC; background:#FFF; font:12px Arial,Helvetica,sans-serif}
.dropdown:focus{height:24px; border:1px solid #CCC; background:#FFF; font:12px Arial,Helvetica,sans-serif}
.submit{height:24px; border:1px solid #CCC; background:#DEE0E2; color:#000; font:12px Arial,Helvetica,sans-serif}
.submit:hover{height:24px; border:1px solid #CCC; background:#DEE0E2; font:12px Arial,Helvetica,sans-serif; color:#000}
.textarea{border:1px solid #CCC; background:#FFF; font-size:12px; font:12px Arial,Helvetica,sans-serif}
.textarea:focus{border:1px solid #CCC; background:#FFF; font:12px Arial,Helvetica,sans-serif}