html{
	height:100%;
	min-height:100%;
}

*{
	margin:0;
	padding:0;
}

body{
	background:#83b8c0 url(../images/background.jpg) top left repeat-x;
	font-size:small;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	height:100%;
	min-height:100%;
}

#overall-container{
	position: relative;
	min-height: 100%;
	width:100%;
	padding-bottom:10px;
}

#container{
	width:760px;
	margin:0 auto;
	background:url(../images/circles.jpg) top center no-repeat;
	z-index:0;
	position:relative;
}

#header{
	height:120px;
	position:relative;
}

#content-container{
	background:#027d8f url(../images/background_middle.jpg) top left repeat-y;
	position:relative;
	z-index:1;
	margin-bottom:20px;
}

#content-container-top{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/background_top.jpg) top left no-repeat;
	width:760px;
	height:25px;
	z-index:2;
}

#content-container-bottom{
	position:relative;
	background:url(../images/background_bottom.jpg) top left no-repeat;
	width:760px;
	height:25px;
	z-index:2;
}

#content-main{
	background: url(../images/white_middle.jpg) top left repeat-y;
	position:relative;
	z-index:5;
}

#content-main-top{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/white_top.jpg) top left no-repeat;
	width:760px;
	height:60px;
	z-index:3;
}

#content-main-bottom{
	position:relative;
	margin-top:-10px;
	background:url(../images/white_bottom.jpg) top left no-repeat;
	width:760px;
	height:25px;
	z-index:3;
}

#menu{
	width:401px;
	height:28px;
	position:absolute;
	top:11px;
	left:9px;
	overflow:hidden;
	z-index:15;
}

#menu ul{
	list-style:none;
}

#menu ul li{
	float:left;
}

#menu ul li a{
	display:block;
	height:28px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#menu ul li a:hover, #menu ul li a:active{
	background-position:0 -28px;
}

#menu ul li a span{
	display:none;
}

#menu ul li#menu-home a{
	width:125px;
	background-image:url(../images/menu/home.jpg);
}

#menu ul li#menu-about a{
	width:123px;
	background-image:url(../images/menu/about.jpg);
}

#menu ul li#menu-contact a{
	width:153px;
	background-image:url(../images/menu/contact.jpg);
}

#logo{
	position:absolute;
	top:35px;
	left:20px;
	z-index:11;
	width:288px;
	height:52px;
	background:url(../images/logo.gif) top left no-repeat;
}

#logo span, #banner span{
	display:none;
}

#logo a{
	display:block;
	width:288px;
	height:52px;
}

#banner{
	position:absolute;
	display:block;
	top:15px;
	right:0px;
	width:411px;
	height:93px;
	background:url(../images/banner.jpg) top left no-repeat;
}

#banner a{
	display:block;
	width:411px;
	height:93px;
}

#memo{
	width:340px;
	position:absolute;
	top:11px;
	right:10px;
	font-size:x-small;
	color:#FFF;
	z-index:15;
}


#page-content{
	position:relative;
	padding:48px 20px 0 20px;
	z-index:10;
	color:#000;
}

#page-content.fckeditor{
	font-size:small;
	background:#FFF;
	padding:0;
	width:500px;
}

#page-content p{
	margin:7px 0;
}

#page-content a{
	color:#3f5c67;	
}

#page-left{
	float:left;
	width:500px;
	margin-right:9px;
	padding-right:10px;
	border-right:1px dotted #027d8f;
	z-index:10;
	position:relative;
}

#page-right{
	float:left;
	width:200px;
	position:relative;
}

#footer{
	position:relative;
	font-size:x-small;
	z-index:10;
}

#footer a{
	color:#bee1e6;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer-left{
	width:70%;
	margin-top:20px;
	padding-left:20px;
	color:#CCC;
}

#footer-left ul{
	width:130px;
	float:left;
	list-style:none;
	margin-bottom:5px;
}

#footer-right{
	width:30%;
	position:absolute;
	top:4px;
	right:25px;
	font-size:x-small;
}

#footer-right a:hover{
	text-decoration:none;
}

.clear{
	height:1px;
	font-size:1px;
	clear:both;
}

a img{
	border:0;
}

h1{
	font-weight:500;
}

h1, h2, h3, h4, h5{
	font-weight:600;
	color:#3f5c67;
}

h3{
	font-size:16px;
}

/*Shared Elements*/
.alert-container{
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/black-0.7.png) top left repeat;
	z-index:999;
}

.alert-red, .alert-green{
	width:40%;
	padding:2%;
	position:absolute;
	top:200px;
	left:28%;
	background-color:#FFF;
	color:#000;
	z-index:9999;
	text-align:center;
}

.alert-red{
	border:1px solid #ed1c24;
}

.alert-red h2{
	color:#ed1c24;
	margin-bottom:5px;
}

.alert-red a{
	color:#ed1c24;
}

.alert-green{
	border:1px solid #129835;
}

.alert-green h2{
	color:#129835;
	margin-bottom:5px;
}

.alert-green a{
	color:#129835;
}

.alert-red #close, .alert-green #close{
	float:right;
	margin-top:15px;
}

#login-large{
	width:80%;
	margin:30px auto;
	background-color:#daecee;
	border:1px dotted #027d8f;
	padding:20px;
}

#login-large form{
	width:345px;
	float:left;
	margin-right:25px;
}

#login-large .row label{
	width:100px;
}

#login-large .row input{
	width:200px;
}


#login-large #login-graphic{
	float:left;
	width:200px;
	height:150px;
	background:url(/images/boxes/login.jpg) top left no-repeat;
	border:1px solid #027d8f;
}

#login-side .row label{
	width:70px;
}

#login-side form{
	margin:0 0 20px 0;
}

#login-side .row input{
	width:124px;
}

.row label{
	display:block;
	float:left;
}

.row input{
	display:block;
	float:left;
	padding:2px;
	border:1px solid #83b8c0;
}

.row input:focus{
	border:1px solid #027d8f;
}

.row{
	padding:7px 0;
	clear:both;
}

.submit{
	text-align:right;
	clear:both;
	padding-top:4px;
}

.button, a.button, #page-content .button{
	text-align:center;
	width:90px;
	height:25px;
	background:#027d8f url(../images/button-90x25.jpg) 0 0 no-repeat;
	border:none;
	color:#FFF;
	font-weight:bold;	
	cursor:pointer;
}

a.button, #page-content a.button{
	height:17px;
	padding:4px 0;
	display:block;
	text-decoration:none;
	margin:2px;
}

.button:active, a.button:active{
	background-position:0 -25px;
}

.table-right .button{
	float:left;
}

.login-footer{
	font-size:x-small;
	color:#666;
	clear:both;
}

#logged-in{
	list-style:none;
}

#logged-in li{
	margin-bottom:5px;
}

#logged-in li a{
	display:block;
	text-align:center;
	padding-top:6px;
	height:24px;
	width:200px;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	background:#027d8f url(../images/button-200x30.jpg) 0 0 no-repeat;
}

#logged-in li a:hover{
	color:#a4d4db;
}

#logged-in li.current a{
	background-position:0 -60px;	
}

#logged-in li a:active{
	background-position:0 -30px;	
}

#select-fix{
	display:none;
}

.textarea{
	font-size:small;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
}

hr{
	margin:5px 0;
}

#right-box{
	margin-top:10px;
	font-size:0.9em;
	text-align:center;
}

#right-box h3 a span{
	display:none;
}

#right-box h3 a{
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	width:200px;
	height:140px;
}

#right-box h3#right-faq{ background-image:url(../images/boxes/faq.jpg) }
#right-box h3#right-comments{ background-image:url(../images/boxes/comments.jpg) }
#right-box h3#right-signup{ background-image:url(../images/boxes/signup.jpg) }
#right-box h3#right-update{ background-image:url(../images/boxes/update.jpg) }

#right-box p{
	margin:0;
}