@charset "UTF-8";
/* CSS Document */


@font-face {
 font-family:"Century Gothic";
 src: url(../fonts/Century Gothic.otf);
}
body {
	font-family: "Century Gothic";
	
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); /* for IE 
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers 
background: -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ 
background-color:#fff;

*/
}



img { border: 0px; }

a {color: #099;}
a:hover {text-decoration:underline;}

h5 {
	color:#666;
	margin:auto;
}
h6 {color:#099;
	margin:auto;
	padding-bottom:0px}

.pattern {
	background:url(../images/pattern_top.png) repeat-x;
	height:30px;
	width:100%;
	position:relative;
	z-index:0;
}
.patternB {
	background:url(../images/pattern_bottom.png) repeat-x;
	height:30px;
	width:100%;
	position:inherit;
}

.imageRightAlign{
	float:right;
	padding:8px 5px 10px 15px; 
}
.imageLeftAlign{
	float:left;
	padding:5px 20px 6px 20px; 
}
.imageLeftAlign:hover{
	background-color:#099;
}

.imageLeft {
	float:left;
	padding: 5px 20px 10px 5px;
}
.goLeft{
	float:left;
	margin:auto;
	}
.goRight {
	text-align:right;	
}


.blockquote {
background-image: url(images/open-quote.png);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 10px;
font-style:oblique;
}
.blockquote span {
background-image: url(images/close-quote.png);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 10px;
}



#space {
	width:800px;
	height:20px;
	position:inherit;
}

.contain {
	position:relative;
	top:50%;
	left:50%;
	margin-top:-117px;
	margin-left:-486px;
}
#entire {
	position:relative;
	height:auto;
	background-color:#EEE;
	/*background:-moz-linear-gradient(top, #FFF 0%, #CCC 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, 	#FFF), color-stop(100%, #CCC));
*/
}

#container {
	background:white;
	height:auto;
	width: 800px;
	margin-bottom:20px;
	position: relative;
	z-index:1;
	margin:auto;
	-moz-border-radius-bottomright: 50px 25px;
	border-bottom-right-radius: 50px 25px;
	-moz-border-radius-bottomleft: 50px 25px;
	border-bottom-left-radius: 50px 25px;
}

#wrap {
	width:700px;
	height:400px;
	margin: 10px auto 50px;
	position:relative;
}
div#header01 {
	width:700px;
	height:155px;
	position:relative;
	display:block;
	float:left;
	margin-top:10px;
	background-color:#FFF;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
} 


div#header02 {
	width:700px;
	height:145px;
	position:relative;
	display:block;
	float:left;
	background-color:#FFF;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}


div#content {
	width:700px;
	height:0px;
	position:relative;
	padding-top:20px;
	padding-left:10px;
	display:block;
	float:left;
	background-color:white;
	overflow:hidden;
	-moz-border-radius-bottomright: 50px 25px;
	border-bottom-right-radius: 50px 25px;
	-moz-border-radius-bottomleft: 50px 25px;
	border-bottom-left-radius: 50px 25px;
}

div#button {
	width:350px;
	height:40px;
	position:relative;
	margin: -30px 0px -10px 170px;
	padding: 10px 0px 0px 0px;
	display:block;
	background-color:white;
	z-index:5;
	border-top:groove;
	border-bottom:groove;
	border-color:#099;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div#button:hover {
	cursor:pointer;
	background-color:#CCC;
	color:#639;
}
ul#navigation {
	list-style-type:none;
	margin:0px auto;
	padding-left:50px;
	padding-bottom:10px;
	width:700px;
	height:30px;
	display:block;
	position:relative;
	border-top:groove;
	border-bottom:groove;
	border-bottom-color:#333;
	background-color:#FFF;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}



li.navButton {
	width:125px;
	height:25px;
	display:inline-block;
	float:left;
	position:relative;
	text-align:center;
	font-family:"Century Gothic", 'Arial', 'Verdana', sans-serif;
	font-size:1.2em;
	padding-top:5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

li.navButton:hover {
	cursor:pointer;
	color:#099;
	text-transform:uppercase;
	text-decoration:underline;
}
li.navButton:active {
	background-color:#639;
	color:#6FC;
}

#content00, #content01, #content02, #content03, #content04 {
	display:none;
	height:100%;
	width:100%;
	float:left;
	position:relative;
}
li.navButton:hover {
	cursor:pointer;
}