/*   		27/04/2010  	*/	
/***********************************************************************
Color swatches:
===============
Black	221f1f	
R34     
G31     
B31

Blood	3c1e30	
R60
G30     
B48

Rock	484846
R72   
G72   
B70

Rust	854e40
R164   
G136   
B126

Concrete	85867f
R133   
G134   
B127

Cream		fcffe5
R252   
G255   
B229
************************************************************************/
body {
	font-family:"Century Gothic","Lucida Grande","Lucida Sans","Bitstream Vera Sans Mono",Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	height:100%;
	background-color:#221f1f;
	background-attachment:fixed;
	color:#bdb292;
	margin:0;
	padding:0;
	scrollbar-face-color:#a4887e; 
	scrollbar-3dlight-color:#85867f; 
	scrollbar-highlight-color:#a4887e; 
	scrollbar-shadow-color:#3c1e30; 
	scrollbar-darkshadow-color:#221f1f; 
	scrollbar-track-color:#85867f; 
	scrollbar-arrow-color:#221f1f; 
	}
table,th,tr,td {
	font-family:"Century Gothic","Lucida Grande","Lucida Sans","Bitstream Vera Sans Mono",Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#fcffe5;
	margin:0;
	padding:0;
	}
pre {
	font-family:Monospace;
	color:#85867f;
	}
small	{
	font-size:70%;
	}
ul	{
	text-align:left;
	margin:0 30px;
	padding:0 2px;
	}
h1 {
	font-size:200%;
	font-weight:bold;
	color:#3c1e30;
	margin:4px 5px;
	padding:0;
	}
h2 {
	font-size:160%;
	font-weight:600;
	color:#484846;
	margin:10px 5px;
	padding:0;
	}
h3 {
	font-size:120%;
	font-weight:bold;
	color:#3c1e30;
	margin:3px 5px;
	padding:0;
	}
h4 {
	font-size:1.2em;
	font-weight:bold;
	color:#854e40;
	margin:3px 5px;
	padding:0;
	}
h5 {
	font-size:100%;
	font-weight:bold;
	color:#85867f;
	margin:5px 5px 1px 5px;
	padding:0;
	}
p {
	color:#fcffe5;
	margin:1px 5px 5px 5px;
	padding:0;
	}
img.panel 	{
	background-color:#221f1f;
	border:solid #85867f 1px;
	margin:0;
	padding:5px;
	}
/*///////////////////////////////////
// link classes                   //
/////////////////////////////////*/
a 				{color:#484846;text-decoration:none;} 
a img 			{padding:0;border:0 none;}
a:visited 			{color:#85867f;text-decoration:none;} 
a:active 			{color:#fcffe5;} 
a:focus 			{color:#fcffe5;} 
a:hover 			{color:#fcffe5;text-decoration:none;}

.menu	 			{background-color:transparent;}
a.menu  			{position:relative;text-decoration:none;font-weight:normal;}
a.menu:visited 		{position:relative;text-decoration:none;font-weight:normal;}
a.menu:hover 		{position:relative;color:#fcffe5;text-decoration:none;font-weight:normal;}
a.menu span 		{padding:1px;font-weight:normal;color:#fcffe5;}
a.menu:hover span 	{background-color:#3c1e30;padding:0;border:solid #484846 1px;color:#fcffe5;}
a.menu span.on 		{background-color:#3c1e30;padding:0;border:solid #484846 1px;color:#fcffe5;}

/*/////////////////////////////////
// form classes                  //
/////////////////////////////////*/
form		{margin:0;padding:0;}

/*////////////////////////////////////
// emulate moz to look like IE      //
// [type=""] doesnt work in IE      //
////////////////////////////////////*/
input[type="reset"],
input[type="button"],
input[type="submit"] {
	font:10pt sans-serif;
	margin:1px;
	padding:0 16px;
	}

input:not([type]),
input[type="text"],
input[type="password"] {
	-moz-appearance:dialog;
	border:solid #000 1px;
	background-color:#ffffff;
	}

textarea.wtext {
	font:8pt Verdana,Arial,sans-serif;
	font-weight:bold;
	background-color:#85867f;
	border:2px solid #484846;
	width:260px;
	color:#221f1f;
	margin:2px;
	padding:0;
	}
input.wtext {
	font:8pt Verdana,Arial,sans-serif;
	font-weight:bold;
	background-color:#85867f;
	border:2px solid #484846;
	color:#221f1f;
	margin:2px;
	padding:0;
	}

input.pbutton {
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#85867f;
	color:#221f1f;
	border:2px solid #484846;
	margin:0;
	padding:0;
	}
/*/////////////////////////////////
// td classes                    //
/////////////////////////////////*/
td div {
	/* this makes TDs a container with their own coordinate system. absolutely-positioned elements will be offset relative to them */
	position:relative;
	}
table.panel td 	{
	background-color:#221f1f;
	border:solid #484846 1px;
	margin:0;
	padding:5px;
	z-index:1;
	}
table.plain td {
	position:relative;
	border:solid #ffffff 0;
	margin:0;
	padding:2px;
	}
table.wpanel td {
	background-color:#ffffff;
	border-left:solid #777777 2px;
	border-top:solid #777777 2px;
	border-bottom:solid #eeeeee 2px;
	border-right:solid #eeeeee 2px;
	}
table.b1cell td {
	border-left:solid #484846 1px;
	border-top:solid #484846 1px;
	}
table.b2cell td {
	border-bottom:solid #484846 1px;
	border-right:solid #484846 1px;
	margin:0;
	padding:5px;
	}
td.b1cell{
	border-left:solid #484846 1px;
	border-top:solid #484846 1px;
	}
td.b2cell	{
	border-bottom:solid #484846 1px;
	border-right:solid #484846 1px;
	}
table.dcell td {
	border-bottom:solid #484846 1px;
	margin:0;
	padding:0;
	}

/*/////////////////////////////////
// Generic Classes               //
/////////////////////////////////*/
.backGround {
	background-image:url(../images/coebg.jpg);
	}
.passport{
	position:relative;
	display:inline;
	text-align:center;
	width:150px;
	height:200px;
	}
.passportx{
	position:absolute;
	display:inline;
	text-align:center;
	width:100px;
	height:100px;
	clip:rect(0 100px 100px 0);
	}
.scrollNav{
	background-color:#221f1f;
	layer-background-color:#221f1f;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	}

/*////////////////////////////////
// div classes	 			//
////////////////////////////////*/
div.panel	{
	background-color:#221f1f;
	border:solid #484846 1px;
	margin:0;
	padding:5px;
	z-index:1;
	}
div.picbox {
	position:relative;
	display:inline;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin:0;
	padding:10px 5px 0 5px;
	z-index:3;
	}
div.midbox {
	position:relative;
	min-width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin:0;
	padding:10px 0;
	z-index:3;
	}
div.textbox {
	position:relative;
	width:90%;
	text-align:left;
	margin:0;
	padding:10px;
	z-index:3;
	}
div.mbox {
	display:block;
	background-color:#221f1f;
	position:relative;
	font-size:8pt;
	width:42px;
	border:solid #221f1f 1px;
	text-align:left;
	margin:0;
	padding:0;
	z-index:3;
	}
div.dcell {
	width:100%;
	height:1px;
	margin:0;
	padding:0;
	border-bottom:solid #484846 1px;
	clear:both;
	}
/*////////////////////////////////
// positioned divs 			//
////////////////////////////////*/
#mastheadL {
	position:absolute;
	background-color:#484846;
	top:0;
	left:0;
	width:20px;
	height:100%;
	margin:0;
	padding:0;
	}
#outerdiv {
	position:absolute;
	top:5%;
	width:80%;
	height:94%;
	margin:0 10%;
	padding:0;
	}
#xtboxdiv {
	position:absolute;
	background-color:#221f1f;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	margin:0;
	padding:0;
	z-index:1;
	}
#xboxdiv {
	position:absolute;
	display:block;
	background-color:#221f1f;
	top:4%;
	height:92%;
	width:94%;
	margin:0 3%;
	padding:0;
	z-index:2;
	overflow:auto;
	}
#picdiv {
	position:absolute;
	left:5%;
	width:90%;
	height:60%;
	margin:0;
	padding:0;
	}
#footdiv {
	position:absolute;
	background-color:#221f1f;
	text-align:left;
	left:0;
	bottom:0;
	width:100%;
	margin:0;
	padding:0;
	z-index:2;
	}
#cMenu {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;	
	z-index:1;
	}
#cLogo {
	position:relative;
	float:left;
	text-align:left;
	background-color:transparent;
	margin:0;
	padding:5px;	
	}
#t1 {
	font-size:160%;
	font-weight:600;
	color:#484846;
	margin:10px 5px;
	padding:0;
	}
#t2 {
	position:relative;
	top:0;
	left:0;
	margin:5px;
	padding:0;
	}