* {
    margin: 0;
}

/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  margin: 0;
  height:100%
}

body {
	font-family: Helvetica,Arial,sans-serif;
	margin: 0;
	height:100%;
}

a {
text-decoration:none;
}

a:hover{
text-decoration:none;
}


/* INDEX PAGE DIV IDS - UPDATED 1/19/09 */
/* CHAD WINDNAGLE, AUTHOR - CHADTEC.COM */

#wrap {}

#top { background-image:url(../images/home-top-bar.png);
background-position:center center;
background-repeat:repeat;
height:62px;
}

#centerpiece {
position:absolute;
right:30%;
width:600px;
bottom:142px;
height:229px;
left:26%;
}

#treearea {}

#menu {
	padding-top:80px;
}

#treearea {
	background: url(../images/home-ttp-logo.png) no-repeat;
	width: 486px;
	height: 235px;
	float:left;
	}

#bottomarea {
	background: url(../images/home-bottom-bar.png) repeat-x;
	height:162px;
	clear:both;
	position: absolute;
	bottom:0px;
	left: 0px;
	width: 100%;
}



/*****************************************/
/*** BACKGROUND COLORS ***/
/*****************************************/
body#home-bg {
	background: url(../images/home-bg.jpg);
	background-repeat: repeat;
	background-position: center;
}

body#about-bg {
	background: url(../images/about-bg.gif);
	background-repeat: repeat;
	background-position: center;
}

body#current-events-bg {
	background: url(../images/serendipity-bg.jpg);
	background-repeat: repeat;
	background-position: center;
}

body#past-events-bg {
	background: url(../images/past-events-bg.jpg);
	background-repeat: repeat;
	background-position: center;
}

body#press-bg {
	background: url(../images/press-bg.gif);
	background-repeat: repeat;
	background-position: center;
}






/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

.home_top {
	background-image: url(../images/home-top-bar.png);
	background-repeat: repeat;
	background-position: center;
	height:62px;
}

.home_bottom {
	background-image: url(../images/home-bottom-bar.png);
	background-repeat: repeat;
	background-position: center;
	height:162px;
}

a.home-menu {
font-family: helvetica;
text-decoration: none;
font-size:20px;
color:#666633;
}

a.home-menu:hover {
font-family: helvetica;
text-decoration: none;
font-size:20px;
color:#999966;
}

.about_top {
	background-image: url(../images/about-bg.gif);
	background-repeat: repeat;
	background-position: center;
	height:10px;
}

.about_bottom {
	background-image: url(../images/about-bg.gif);
	background-repeat: repeat;
	background-position: center;
	height:102px;
}

.past_events_top {
	background-image: url(../images/past-events-bg.jpg);
	background-repeat: repeat;
	background-position: center;
	height:10px;
}

.past_events_bottom {
	background-image: url(../images/past-events-bg.jpg);
	background-repeat: repeat;
	background-position: center;
	height:102px;
}

.press_top {
	background-image: url(../images/press-bg.gif);
	background-repeat: repeat;
	background-position: center;
	height:10px;
}

.press_bottom {
	background-image: url(../images/press-bg.gif);
	background-repeat: repeat;
	background-position: center;
	height:102px;
}






/*****************************************/
/*****************************************/

div.wrapper {
width:940px;
min-height: 100%;
height: auto !important;
height: 100%;
}

div.content {

width:940px;
padding-bottom:50px;
}

div.content-centered-home {width:940px;position:relative; top:50%; margin-top:50%; }  /* for explorer only*/





/**************************************** Menu */  
/**************************************** Menu*/
div.main-menu-wrapper#home {
width:100%;
margin-top:-80px;
}

div.main-menu-wrapper-fixed#about{
width:100%;
background-image: url(../images/about-bg.gif);
width:100%;
height:36px;
padding-left:20px;
}

div.main-menu-wrapper-fixed#current-events{
width:100%;
background-image: url(../images/serendipity-bg.jpg);
width:100%;
height:36px;
padding-left:20px;
}

div.main-menu-wrapper-fixed#past-events{
width:100%;
background-image: url(../images/past-events-bg.jpg);
width:100%;
height:36px;
padding-left:20px;
}

div.main-menu-wrapper-fixed#past-events-siamese{
width:100%;
background-image: url(../images/past-events-bg.jpg);
width:100%;
height:36px;
padding-left:20px;
}

div.main-menu-wrapper-fixed#past-events-serendipity{
width:100%;
background-image: url(../images/past-events-bg.jpg);
width:100%;
height:36px;
padding-left:20px;
}

div.main-menu-wrapper-fixed#press{
width:100%;
background-image: url(../images/press-menu-bg.png);
width:100%;
height:36px;
padding-left:20px;
}

div.main-menu#home {
text-align:center;
margin:0 auto;
width:940px;
height:20px;
}

div.main-menu#about {
text-align:center;
margin:0 auto;
width:940px;
height:20px;
margin-top:8px;
}

div.main-menu#about a{
font-family:helvetica;
font-size:18px;
text-decoration:none;
color: #CCCCFF;
}

div.main-menu#about a:hover{
font-size:18px;
text-decoration:none;
color:#FFFFFF;
}

div.main-menu#current-events {
text-align:center;
margin:0 auto;
width:940px;
height:20px;
margin-top:8px;
}

div.main-menu#current-events a{
font-family:helvetica;
font-size:18px;
text-decoration:none;
color: #336699;
}

div.main-menu#current-events a:hover{
font-size:18px;
text-decoration:none;
color:#6699CC;
}

div.main-menu#past-events{
text-align:center;
margin:0 auto;
width:940px;
height:20px;
margin-top:8px;
}

div.main-menu#past-events a{
font-family:helvetica;
font-size:18px;
text-decoration:none;
color: #666633;
}

div.main-menu#past-events a:hover{
font-size:18px;
text-decoration:none;
color:#999933;
}

div.main-menu#past-events-siamese{
text-align:center;
margin:0 auto;
width:940px;
height:20px;
margin-top:8px;
}

div.main-menu#past-events-siamese a{
font-family:helvetica;
font-size:18px;
text-decoration:none;
color: #003366;
}

div.main-menu#past-events-siamese a:hover{
font-size:18px;
text-decoration:none;
color:#006699;
}

div.main-menu#past-events-serendipity{
text-align:center;
margin:0 auto;
width:940px;
height:20px;
margin-top:8px;
}

div.main-menu#past-events-serendipity a{
font-family:helvetica;
font-size:18px;
text-decoration:none;
color: #333300;
}

div.main-menu#past-events-serendipity a:hover{
font-size:18px;
text-decoration:none;
color:#666633;
}

div.main-menu#press {
text-align:center;
margin:0 auto;
width:565px;
height:30px;
margin-top:-30px;
background: url(../images/press-bg.gif);
}

div.main-menu#press a{
font-family:helvetica;
font-size:18px;
text-decoration:none;
color:#666633;
}

div.main-menu#press a:hover{
font-size:18px;
text-decoration:none;
color:#999966;
}

div.menu-item {
display:inline;
font-size:18px;
margin-right:30px;
text-decoration:none;
}



/**************************************** About */  
/**************************************** About*/

div#about-largebox-wrapper{
width:410px;
font-size:12px;
line-height:16px;
margin-left:20px;
margin-right:20px;
float:left;
}

div#about-largebox-top{
width:410px;
height:21px;
background: url(../images/about-largebox-top.png);
}

div#about-largebox-middle{
width:410px;
/* padding-left:25px; */
/* padding-right:25px; */
background: url(../images/about-largebox-middle.png);
}

div#about-largebox-bottom{
width:410px;
height:21px;
background: url(../images/about-largebox-bottom.png);
}

div#about-smallbox-wrapper{
width:270px;
font-size:14px;
line-height:16px;
/* margin-left:15px; */
/* margin-right:15px; */
float:left;
}

div#about-smallbox-top{
width:270px;
height:29px;
background: url(../images/about-smallbox-top.png);
}

div#about-smallbox-middle{
width:240px;
padding-left:17px;
padding-right:15px;
background: url(../images/about-smallbox-middle.png);
}

div.about-content{
margin:0px 25px;
}

div#about-smallbox-bottom{
width:270px;
height:29px;
background: url(../images/about-smallbox-bottom.png);
}

div#serendipity-box-wrapper{
width:364px;
font-size:14px;
line-height:16px;
margin-left:15px;
margin-right:15px;
float:left;
}

div#serendipity-box-top{
width:364px;
height:15px;
background: url(../images/serendipity-box-top.jpg);
}

div#serendipity-box-middle{
width:334px;
padding-left:15px;
padding-right:15px;
background: url(../images/serendipity-box-middle.jpg);
}

div#serendipity-box-bottom{
width:364px;
height:15px;
background: url(../images/serendipity-box-bottom.jpg);
}