/*=======================================================================*\
	Mainframe CSS
\*=======================================================================*/

body {
	background: #0061A5 url(images/home_bg.jpg) no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #0061A5;
	font: 11px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #777777;
	text-decoration: none;
}


a {
	font-weight: bold;
	font-size: 11px;
	color: #9952A0;
	text-decoration: none;
	}
	a:hover, a:active { 
		text-decoration: underline;
		}
	a img {
		border: none;
		}


#main
	{
	padding: 0px 0px 0px 0px;
	width:747px;
	position:absolute;
	left:50%;
	margin-left: -370px;
	background-color: #0061A5;
}
#Frame {
	width: 747px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #0061A5;
}
div.topbox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	width: 747px;
	height: 131px;
	}
	
div.buttons {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	width: 747px;
	height: 56px;
	}
	
div.homepage_pic {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ededed;
	width: 747px;
	height: 110px;
	}
	
div.gallery_pic {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ededed;
	width: 747px;
	height: 39px;
	}
	
div.homepage_main {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 10px 15px;
	background: #ffffff;
	width: 732px;
	height: auto;
	float: left;
	}
	
div.footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #9852A0 url(images/footer.gif) no-repeat;
	width: 747px;
	height: 14px;
	float: left;
	text-align: right;	
	color: #ffffff;
	}
	a.footer {
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	}
	a.footer:hover, a.footer:active { 
		text-decoration: underline;
		}

/*=======================================================================*\
	Structural CSS
\*=======================================================================*/

/*=======================================================================*\
	Main-space textbox 1 CSS
\*=======================================================================*/


#title1 {
	width: 396px;
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 5px 5px 5px 5px;
}

	div.content1 {
	width:380px;
	height:150px;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	background-color: #F0F0F0;
	border:none;
	overflow:auto;
	float: left;
}
  

#title2 {
	width: 289px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
}

	div.content2 {
	width:273px;
	height:150px;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	background-color: #F0F0F0;
	border:none;
	overflow:auto;
	float: left;
  }



.textbox {
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	background-color: #F0F0F0;
}

h3{
	font-size: 11px;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #AF5FB8 url(images/title_strip.gif) top right no-repeat;
	font-weight: BOLD;
}


#intro {
	width: 706px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 9px 0px 0px 5px;
}

h2 {
	background-color: #F0F0F0;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777777;
}


/*=======================================================================*\
	GALLERY CSS
\*=======================================================================*/


#gallery1 {
	width: 467px;
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 5px 5px 5px 5px;
}

	div.gallery_content1 {
	width: 451px;
	height: 274px;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	background-color: #F0F0F0;
	border:none;
	overflow:auto;
	float: none;
}
  

	div.pics {
	width: 1345px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #F0F0F0;
	border:none;
	overflow:auto;
	float: none;
}


#gallery2 {
	width: 225px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 0px;
}

	div.gallery_content2 {
	width: 209px;
	height: 274px;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	background-color: #F0F0F0;
	border:none;
	overflow:auto;
	float: left;
  }



	div.video_content1 {
	width: 467px;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #F0F0F0;
	border: none;
	overflow: auto;
	float: none;
	text-align: center;
}