body {
	margin-left: 0px;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	background-image: url(../images/peacockgap_entry_sign_watermark.jpg);
	background-color: #034567;
}

H2 {
	color:#2E5193;
	font-size: 16px;
	text-align: center;
}

H3 {
	color:#808080;
	font-style: italic;	
	font-size: 14px;
}

#pagewrapper {
	top: 0px;
	margin-left: auto; 
	margin-right: auto;
	width: 750px;
	height: 750px;
	position: relative;
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#popup {
	margin: 0px;
	padding: 10px;
	margin-left: auto; 
	margin-right: auto;
	width: 600px;
	height: 600px;
	position: relative;
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#logo {
	position:absolute;
	width:300px;
	height:300px;
	z-index:90;
	left: -70px;
	top: -75px;
	visibility: visible;
}

#navigator {
	position:absolute;
	left:160px;
	top:110px;
	width:590px;
	z-index:5;
	height: 25px;
	background-image: url(../images/navigator_background.gif);
	background-repeat:repeat-x;
}

#header {
	position:absolute;
	right:0px;
	top:0px;
	width:590px;
	z-index:1;
	height: 125px;
}

#headername {
	position:absolute;
	width:350px;
	height:50px;
	z-index:2;
	left: 250px;
	top: 5px;
	visibility: visible;
}

#search {
	font-size:10px;
	position:absolute;
	width:160px;
	height:50px;
	z-index:9;
	left: 0px;
	top: 250px;
	visibility: visible;
}

#contact a:link {
	color: #000000;
}

#contact a:visited {
	color: #000000;
}

#contact a:hover {
	color: #FFFFFF;
	background-color: #3A4050;
}

#leftpane {
	position:absolute;
	left:0px;
	top:150px;
	width:160px;
	height:590px;
	z-index:8;
	background-color: #FFFFFF;
	background-image: url(/images/leftpane2.png);
	background-repeat:no-repeat;
	background-position:right;
}

#datetime {
	position:absolute;
	left:0px;
	top:225px;
	width:140px;
	margin-left:5px;
	z-index:8;
}

#newslist {
	display:block;
	position:absolute;
	left:0px;
	top:300px;
	width:140px;
	margin-left:7px;
	z-index:8;
}

#newslist p {
	font-size: 10px;
	font-weight: bold;
}

#newslist a:link {
	color: #2E5193;
}

#newslist a:visited {
	color: #2E5193;
}

#newslist a:hover {
	color: #000;
}

#copy {
	position:absolute;
	left:160px;
	width: 570px;
	height: 590px;
	top:150px;
	z-index: 1;
	padding: 10px;
}

#copy a:link {
	color: #2E5193;
}

#copy a:visited {
	color: #2E5193;
}

#copy a:hover {
	color: #FFFFFF;
	background-color: #2E5193;
}

#copy li {
	padding-bottom: 15px;	
}

#copy_smf {
	position:absolute;
	left:0px;
	width: 750px;
	height: 590px;
	top:180px;
	z-index: 1;
	padding: 0px;
}

.index_header {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.index_text {
	font-size: 11px;
	color: #4F4F4F;
}

.index_more {
	font-weight: strong;
	font-size: 10px;
	text-align: right;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	font-size: 0.8em;
	visibility: visible;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}

#footer a:link {
	color: #FFFFFF;
}

#footer a:visited {
	color: #FFFFFF;
}

#footer a:hover {
	color: #FFFFFF;
	background-color: #3A4050;
}

.date {
	font-size:10px;
	color:#808080;
}


/*Credits: Page flip */
/*URL: http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/ */

#pageflip {
	position: relative;
	z-index: 40;
}
#pageflip img {
	width: 50px;
	height: 52px;
	z-index: 30;
	position: absolute;
	right: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/images/pagepeel.png) no-repeat right top;
	text-indent: -9999px;
	z-index:20;
}


#pad {height:50px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding: 0 0 0 90px; margin:0; list-style:none; height:25px; position:relative; z-index:75; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:3px;}
#menu li a {display:block; float:left; height:25px; line-height:25px; background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 10px 0 10px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#397FCE;}
#menu li:hover > a.sub {color:#fff; background-color:#245D98;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:0; top:25px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:140px; padding:0; text-indent:10px; background:#333; color:#ccc; height:20px; line-height:20px;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#FFCC00; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#FFCC00; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:140px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}


/* Karate Corners // Soh Tanaka //www.sohtanaka.com/web-design-blog/ */
	/* general styles */
	.layout { position: relative; width: 50%; margin: auto; }
	.left { position: relative; width: 48%; float: left; padding: 0 1% 0 0; }
	.right { position: relative; width: 48%; float: right; padding: 0 0 0 1%; }
	.bottom { position: relative; height: 0; clear: both; }
	.footer { position: relative; text-align: right; font-size: 80%; color: #3f3f3f; }
	.footer a { color: #3f3f3f; }
	
	/* box styles */
	.box { position: relative; width: 100%; margin: 0 0 10px 0; }

/*	.orange { background: #ff6c01 url('../images/gradient-orange.png') top repeat-x; }    */
	.orange	{ background: #ff6c01 }
	.green	{ background: #98d11d }
	.blue	{ background: #4A8CCE }
	.red	{ background: #d94017 }
	.silver	{ background: #F0F1F2 }
	.inner 	{ padding: 2px 10px 2px 10px;}
	
	/* corners */
	.corner-blue { position: absolute; width: 10px; height: 10px; background: url('../images/corners_blue.gif') no-repeat; font-size: 0%; }
	.corner-white { position: absolute; width: 10px; height: 10px; background: url('../images/corners.gif') no-repeat; font-size: 0%; }
	.TL { top: 0; left: 0; background-position: 0 0; }
	.TR { top: 0; right: 0; background-position: -10px 0; }
	.BL { bottom: 0; left: 0; background-position: 0 -10px; }
	.BR { bottom: 0; right: 0; background-position: -10px -10px; }