<!--

body {
	background-color:	#00222a;
	font-family:		'Helvetica','Arial', sans-serif;
	font-size:			14px;
	line-height:		22px;
	color:				#fff;
	margin:				0;
	padding:			0;
}

i, .bravoslogo, img, div, input { behavior: url("iepngfix.htc") }

strong {
	color: 				#d7b733;
}

a {
	color:				#aadbe4;
	text-decoration:	none;
}

h1 {
	font-size:			55px;
	color:				#224a3b;
	margin:				30px 0;
}

h2 {
	font-size:			36px;
	color:				#014556;
	margin:				40px 0;
}

h3 {
	color:				#477650;
	font-size:			24px;
	margin:				30px 0;
}

.aligncenter {
	margin:				0 auto;
	text-align:			center;
}

img {
	border:				0;
}

#top-bar {
	background:			transparent url(./images/top-bar.jpg) repeat-x;
	width:				100%;
	height:				46px;
	position:			absolute;
	top:				138px;
	z-index:			-1;
}

#page {
	background:			transparent url(./images/bg-content-beta.jpg) no-repeat top center;
	margin:				0 auto;
}

.wrapper {
	width:				970px;
	margin:				0 auto;
}
#menu ul,#main-strip ul {
	float:				right;
	list-style-type:	none;
	margin:				65px 0 45px;
	padding:			0;
}
#main-strip ul {
	margin: 0;
}
#menu li,#main-strip li {
	display:			inline;
}
#menu a {
	background:			transparent url(./images/bg-nav1.png) no-repeat center center;
	font-family:		'Arial';
	font-weight:		bold;
	color:				#29541c;
	line-height:		119px;
	text-decoration:	none;
	padding:			9px 28px;
}
#menu a:hover,#menu a.selected {
	background-image:	url(./images/bg-nav1-over.png);
}
#menu a.signup {
	background-image:	url(./images/bg-nav2.png);
	color:				#FFF;
	padding:			9px 30px;
}
#menu a.signup:hover {
	background-image:	url(./images/bg-nav2-over.png);
}

/*** Forms etc ***/
input#login {
	background:			transparent url(./images/btn-login.gif) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#confirm {
	background:			transparent url(./images/btn-confirm.gif) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#cancel {
	background:			transparent url(./images/btn-cancel.png) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#reset {
	background:			transparent url(./images/btn-reset.gif) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#logout {
	background:			transparent url(./images/btn-logout.gif) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#register {
	background:			transparent url(./images/btn-register.gif) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#update {
	background:			transparent url(./images/btn-update.gif) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#add {
	background:			transparent url(./images/btn-add.png) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}
input#submit {
	background:			transparent url(./images/btn-submit.gif) no-repeat;
	width:				86px;
	height:				24px;
	border:				0;
}

#login-form .login-error {
	font-size:			13px;
	color:				red;
}
#edit {
	margin:				0 auto;
}
#edit a.add {
	margin-left:		6px;
	line-height:		20px;
}
#edit label {
	width:				100%;
	float:				left;
	margin-right:		7px;
	line-height:		22px;
	text-align:			left;
}
#edit label.right {
	width:				300px;
}
#edit label.righttop {
	width:				300px;
	margin-top:			11px;
}
#edit p.center {
	margin-left:		200px;
}
#edit select {
	width:				205px;
}
#logout {
	float:				right;
	margin-top:			10px;
}

#errors {
	display:			none;
}

form label {
	color:				#fff;
	width:				150px;
}

form .txt {
	background-color:	#03323d;
	color:				#fff;
	border:				0;
	padding:			5px;
	width:				220px;
	font-size:			14px;
	font-family:		"Helvetica", Helvetica, "Arial", Arial, Sans-serif;
}

textarea {
	overflow:			hidden;
}

/*** Index ***/
#bar {
	position:			relative;
	background:			#00222a url(./images/menu-strip-bg.jpg) repeat-x center center;
	height:				44px;
	top:				135px;
}

#main-img {
	clear:				both;
	margin:				0 auto;
	background:			transparent url(./images/main-img.png) no-repeat top center;
	width:				922px;
	height:				325px;
}

#main-subnav {
	margin: auto;
	width: 890px;
	padding-top:		40px;
}

.main-subnav-nav {
	background:			#00191f;
	padding: 			20px 0px 30px 30px;
	font-size:			17px;
	line-height:		26px;
	float:				left;
	width:				250px;
}

.main-subnav-nav ul {
	list-style: 		none;
	padding:			0;
	margin:				0;
}

.main-subnav-nav a {
	text-decoration: 	none;
	color:				#639aa8;
}

.main-subnav-nav a:hover {
	color: 				#fff;
	border-bottom: 		#d7b733 1px solid;
}

.main-subnav-p {
	padding-top:		10px;
	margin-left:		320px;
	font-size:			17px;
	line-height:		25px;
}

.main-subnav-p strong {
	font-weight:		normal;
	font-size:			20px;
}

#main-strip {
	background:			transparent url(./images/main-strip-bg.jpg) repeat-x;
	width:				100%;
	height:				126px;
	text-align:			center;
}
#main-strip li .prepare {
	background:			transparent url(./images/main-prepare.jpg) no-repeat center center;
	width:				278px;
	height:				126px;
}
#main-strip li.connect {
	background:			transparent url(./images/main-connect.jpg) no-repeat center center;
	width:				351px;
	height:				126px;
}
#main-strip li.explore {
	background:			transparent url(./images/main-explore.jpg) no-repeat center center;
	width:				334px;
	height:				126px;
}

/*** About ***/
#aboutpage-girl {
	float:				right;
	margin-left:		16px;
	background:			transparent url(./images/aboutpage-girl.png) no-repeat top center;
	width:				262px;
	height:				700px;
}

#articles {
	padding: 			20px;
	background-color: 	#00191f;
	width: 				580px;
}

#articles p {
	padding: 0;
	margin: 5px;
}

#articles a:hover {
	color: 				#fff;
	border-bottom: 		#d7b733 1px solid;	
}

#articles img {
	margin-right: 10px;
}

/*** Blog ***/
#blogblurb {
	width: 				260px;
	padding-top:		50px;
	float: 				right;
}

#blogblurb p {
	padding:			20px;
	background-color:	#00191f;
}

#blogblurb a.link:hover {
	color:				#fff;
	border-bottom:		#d7b733 1px solid;
}

.article-title {
	font-size:			36px;
	color:				#014556;
	line-height:		45px;
}
.article-date {
	font-size:			12px;
	color:				#508151;
}
.article {
	clear:				left;
	margin-bottom:		25px;
	padding-top: 		50px;
	margin-right:		290px;
	margin-left:		25px;
}

/*** Explore ***/
table#manage {
	width:				100%;
	color:				#fff;
	margin-bottom:		20px;
	font-size: 			12px;
	line-height: 		18px;
}
table#manage td a {
	color:				#fff;
}
table#manage tr th {
	background:			url(./images/table-head.gif) no-repeat;
	font-size: 			11px;
	font-weight:		normal;
	color:				#498291;
	text-align:			left;
}
table#manage tr td {
	background-color:	transparent;
	border-bottom: 		1px solid #04323d;
	border-top: 		1px solid #00191f;
	padding: 			10px;
}
table#manage tr.noborder td {
	border:				0;
}
table#manage tr td .submit {
	border:				0;
	background:			transparent url(./admin/images/delete.png);
	width:				16px;
	height:				16px;
}
.links p {
	margin: 0;
}

#content-holder {
	width:				915px;
	margin:				0 auto;
	padding-top: 		40px;
	clear:				both;
}

#topimg {
	clear:				both;
}
#topimg img {
	float:				left;
}

label {
	width:				125px;
	float:				left;
	text-align:			right;
	margin-right:		7px;
}
.righttop {
	padding-top:		11px;
}

#footer {
	margin:				70px auto 6px auto;
	background:			transparent url(./images/bg-footer.jpg) no-repeat center center;
	width:				968px;
	height:				77px;
	padding-top:		45px;
	line-height:		16px;
}
#footer a {
	text-decoration:	none;
	color:				#FFF;
}

#footer .links a:hover {
	border-bottom: 		#d7b733 1px solid;
}

#footer p {
	float:				left;
	color:				#FFF;
	font-family:		'Lucida Sans';
	font-size:			11px;
	margin:				0;
	padding:			0 24px;
}
#footer p.links i {
	background:			transparent url(./images/dot.png) no-repeat center center;
	padding:			0 8px;
}	
#footer .bravoslogo {
	float:				right;
	margin-right:		24px;
	background:			transparent url(./images/ccg-aw.png) no-repeat center center;
	width:				178px;
	height:				35px;
}

// -->