@font-face {
    font-family: 'Rosewood';
    src: url('/webfont/rosewood-webfont.eot');
    src: url('/webfont/rosewood-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfont/rosewood-webfont.woff') format('woff'),
         url('/webfont/rosewood-webfont.ttf') format('truetype'),
         url('/webfont/rosewood-webfont.svg#RosewoodStdFill') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { 
	color: #000; 
	font-size: 12pt; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: 25pt; 
	background: transparent url(/img/background-both.jpg) no-repeat center top; 
	margin-top: 40px; 
	margin-bottom: 40px;
}
p { }
td { }
a:link { color: #00a5cc; }
a:visited { color: #00a5cc; }
.caption { font-size: 9pt; font-style: italic; line-height: 11pt; }
a:hover { }
a:active { }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/



#Main { 
/*
	background-image: url('/img/background-page.png'); 
*/
	background-repeat: no-repeat; 
	text-align: left; 
	width: 1098px; 
	height: 881px; 

/*	-moz-transform: rotate(-1.5deg); 
	-ms-transform: rotate(-1.5deg); 
	-o-transform: rotate(-1.5deg); 
	-webkit-transform: rotate(-1.5deg); 
	transform: rotate(-1.5deg); 
*/
}





#header { width: 100%; height: 244px; padding-top: 20px; padding-left: 20px; }
#content {
   float: left;
    height: 529px;
    margin-left: 70px;
    margin-right: 30px;
    overflow: auto;
    padding-right: 30px;
    width: 470px;
}
#imagebox{ 
    float: left;
    height: 655px;
    left: -23px;
    position: relative;
    top: -130px;
    width: 411px;
}
#footer { color: #ffffff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 10pt; font-weight: bold; text-shadow: 0 0 2px black; width: 1000px; height: 115px; margin-top: 0; margin-right: auto; margin-left: auto; }

#navigation { 
    margin-left: 193px;
    margin-top: 37px;
    position: absolute;
}

#nav_history { width: 243px; height: 34px; }
h1 { color: #e3513d; font-size: 2em; 
	font-family: 'Rosewood', Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; margin-top: 0.67em; margin-right: 0; margin-bottom: 0.67em; }
h3 { color: #e3513d; font-size: 14pt; font-family: Rosewood, Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 14pt; margin-top: 0.67em; margin-right: 0; margin-bottom: 0.67em; }
.homepageimagepad { padding-right: 30px; padding-bottom: 80px; }
.tremelogo { 
	padding-top: 30px; 
	padding-left: 50px;
	border:0px;
}
#nav_events { }
#nav_neighborhood { }

#sponsors { padding-bottom: 30px; }

a:link #header { color: blue; }


.ds3 /*agl rulekind: base;*/ { font-size: 17px; font-weight: bold; }
.ds4 /*agl rulekind: base;*/ { color: #fff; }
.ds5 /*agl rulekind: base;*/ { color: #fafafa; }
.dsR4 /*agl rulekind: base;*/ { width: 429px; height: 180px; }


ul.primary-nav li{
    float: left;
    list-style: none outside none;
    margin-right: 30px;
}
ul.primary-nav li a{
	color: #000000;
    font-size: 26px;
    text-decoration: none;
    text-transform: uppercase;
}
ul.primary-nav li a:hover{
	color:rgb(217,59,41);
}
ul.primary-nav li a.active{
	color:rgb(217,59,41);
}

#fb-like-box{
	width:250px;
	float:left;
}
#bottom-navigation{
	float:left;
	width:1000px;
}
#bottom-navigation ul{
	float:right;
	margin:0;
	padding:0;
}
#bottom-navigation ul li{
	float:left;
	list-style:none;
	margin-left:10px;
	line-height:10px;
}
#bottom-navigation ul li a{
	color:#fff;
}
#footer div.copyright{
    clear: both;
    text-align: right;
    width: 1000px;
}


#donate{
	width: 130px;
	height: 130px;
	position: absolute;
	z-index:1;
}
#donate a{
	background: url("/img/donate.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 133px;
    margin-left: 17px;
    margin-top: 6px;
    position: absolute;
    text-indent: -2000px;
    width: 160px;
	opacity:0;
}


#sub-navigation{
    background: url("/img/sub-nav-divide.png") no-repeat scroll center top transparent;
    float: left;
    width: 100%;	
}
#sub-navigation div.inner{
    background: url("/img/sub-nav-divide.png") no-repeat scroll center bottom transparent;
    height: 34px;
    margin: 0 0 17px;
    padding: 0;
    width: 100%;
	text-align:center;
}

#sub-navigation a{
    color: #333333;
    font-weight: bold;
    margin-right: 12px;
    text-decoration: none;
}


#sub-navigation a.active, #sub-navigation a:hover{
	color:rgb(217,59,41);
}
#header{
	position:relative;
}
#header a{
	display:absolute;
	top:1px;
	left:1px;
}
#navigation{
	display:absolute;
	top:1px;
	left:1px;
}