/****
THIS IS My Coding for Mercury Level
***/


html { height: 100%; }
body {
	height: 100%;
	margin:0;
	padding:0;
	background:#fff ;
	font-size:78%;
	font-family:Helvetica, Arial, Sans-serif;
}	

img, image {
	align:center;
	border:0px;
}



/****************       COMMON ELEMENTS           *******/
/****************           LINKS           ********/
a {
	font-weight:bold;
	color:#5c1618;
	text-decoration:none;
}

a:hover {
	color:#fff;
	text-decoration:none;
}


a.bl {
	margin:3px;
	color:#eee;
	font-size:11px;
	text-decoration:none;
	font-weight:200;

	}

a.:link.bl {color:#eee;}
a.:visited.bl {color:#eee;}
a.:hover.bl {color:#f90;}



a.stl {
	font-family:Tahoma, helvetica, Arial, Sans-serif;
	font-weight:bold;
	font-size:1.0em;
	line-height:18px;
	padding:0 0 0 4px;
	margin:4px;
	color:#333;
	text-decoration:underline;
	}

a.:link.stl {color:#333;}
a.:visited.stl {color:#333;}
a.:hover.stl {color:#fff;}


	
/****************          HEADINGS          *******/
h1, h2 {
	margin:10px;
	padding:16px 0 0 0;
	font-family:Tahoma, helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.4em;
	color:#333;
}
/**********                         PARAGRAPHS         ******/
p {
	text-indent:0px;
	padding-left:0px;
}
	



/******************           INDEPENDANT DIVS AND CLASSES            ****/
/*****                    MAIN CONTAINER      *****/
#container {
	width:762px;
	margin:0 auto;
	background:#eee url('images/contentback.gif') repeat-y top;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}
/*********                    HEADER                          *******/
#header {
	height:80px;
	overflow:hidden; /* Keeps header from blowing up when text size is incresased  **/
}

#header h1, #header h2 {
	color:#003366;
	padding:20px;
	font-size:2.0em;
	font-weight:bold;
}	

#header h2 {
	font-size:1.2em;
	padding:0 0 0 65px;
	margin-top:-6px;
}

#header a {
	margin:0 22px 0 0;
	line-height:1.4em;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.0em;
	color:#fff;
	text-decoration:none;
}

#header a:hover {
	color:#EC97B8;
	text-decoration:none;
}


#searcher {
	margin:0 22px 0 0;
	line-height:1.0em;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.0em;
	color:#fff;
	text-decoration:none;	
}

#searcher input{
	font-size:1.0em;
	color:#666;
}

#searcher a{
	font-weight:bold;
	color:#EC97B8;
}

#searcher a:hover{
	font-weight:bold;
	color:#fff;
}

/*** Horizontal menu ***/

#topmenu {
	background:#000 url('images/topmenuback.gif') repeat-x top;;
	height:36px;
	overflow:hidden; /* Keeps header from blowing up when text size is incresased  **/
}

#topmenu ul {
margin:0;
padding:0;
}

#topmenu li {
float:left;
list-style:none;
border-right:1px solid #7F7272;
margin:0;
padding:0;
}

#topmenu a {
	font-family:helvetica, Arial, Sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#393939;
	text-decoration:none;
	display:block;
	padding:10px 20px 9px 20px;
	text-decoration:none;
	text-align:center;
}

#topmenu a:hover {
	background:#866B6B;
	color:#eee;
	text-decoration:none;
}


#topShadow {
	background-image: url("images/contentshadow1.gif");
	height: 19px;
	margin: 0;
	padding: 0;
	}


	
/***********                      LEFT COLUMN           *****/
#maincol {
	float:right;
	width:560px;
	padding-right:10px;
	text-align:left;
}

#maincol h1 {
	color:#641719;
	text-align:left;
	font-size:2.2em;
	font-weight:bold;
}

#maincol h2 {
	color:#641719;
	text-align:left;
	font-size:1.4em;
	font-weight:bold;
}

/***********************  Content  ***************/

#contentsection {
	float:left;
	width:540px;
	margin:10px;
	padding-top:0;
	padding-left:10px;
	padding-bottom:40px;
	text-align:left;
	line-height:1.0em;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.2em;
}

#contentsection h3 {
	margin-top:10px;
	margin-bottom:0;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.0em;
	color:#333;
}

#contentsection h4 {
	margin-left:50px;
	margin-bottom:0;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.0em;
	color:#333;
}

#contentsection table{
	border-collapse: collapse;
	border:1px solid #333;
}

#contentsection th{
	background:#BAA880;
	border:1px solid #333;
}

#contentsection td{
	border:1px solid #333;
}

#contentsection table.non{
	border:0px solid #333;
}

#contentsection td.none{
	border:0px solid #333;
}

#contentsection td.noneup{
	font-weight:normal;
	font-size:1.1em;
	border:0px solid #333;
}

#contentsection td.hdr{
	font-weight:bold;
	font-size:1.2em;
	border:0px solid #333;
}



#contentsection p{
	color:#000;
	text-indent:0;	
	text-align:left;
	margin-top:0px;
}

#contentsection p.setrite{
	color:#000;
	text-indent:0;	
	text-align:left;
	margin-top:0;
	margin-left:50px;
}


#contentsection a {
	font-weight:bold;
	color:#1141A6;
	text-decoration:underline;
}

#contentsection a:hover {
	color:#009EE2;
	text-decoration:none;
}


#contentsection a.alt {
	font-weight:bold;
	font-size:1.2em;
	color:#1141A6;
	text-decoration:none;
}

#contentsection a:hover.alt {
	color:#BAA880;
	text-decoration:none;
}



#contentsection form {
	font-weight:bold;
	font-size:1.2em;
}


#newssection {
	width:540px;
	text-align:center;
}


#piccaption {
	width:300px;
	padding-top:6px;
	font-weight:normal;
	font-size:1.0em;
	color:#666;
}

/****************************  table stuff *****************/

td.tabtop {
	border-left:1px solid #534119;
	border-top:1px solid #534119;
	border-right:1px solid #534119;
	background:#BAA880;
}

td.tabbot {
	border-left:1px solid #534119;
	border-bottom:1px solid #534119;
	border-right:1px solid #534119;
	background:#BAA880;
}

td.tableft {
	border-left:1px solid #534119;
}

td.tabright {
	border-right:1px solid #534119;
}

td.tabboth {
	border-left:1px solid #534119;
	border-right:1px solid #534119;
}



/************                    RIGHT COLUMN         ****/
#leftcol {
	width:180px;
	float:left;
	font-size:12px;
}

#leftcol h1 {
	margin:0;
	padding-left:14px;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#f90;
}	

#leftcol h1 a {color:#eee;}

#leftcol h1 a:link {color:#eee;}
#leftcol h1 a:visited {color:#eee;}
#leftcol h1 a:hover {color:#bb2222;}


#leftcol h2 {
	margin:0;
	padding-left:14px;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#bbb;
}

img.portrait {   /**        The main image in the sidebar     **/
	background:#fff;
	padding:4px;
	display:block;
	margin:4px;
	text-align:center;
	border:1px solid #6d6d6d;
}

img.portrait2 {   /**        The main image in the sidebar     **/
	background:#fff;
	padding:4px;
	display:block;
	margin-left:14px;
	text-align:left;
	border:1px solid #6d6d6d;
}	

img.contentimg {   /**        The main image in the sidebar     **/
	background:#fff;
	margin-left:10px;
	padding:4px;
	text-align:center;
	display:block;
	border:1px solid #941C1B;
}

img.cntimgright {   /**        The main image in the sidebar     **/
	background:#fff;
	margin-left:10px;
	margin-right:2px;
	padding:4px;
	float:right;
	display:block;
	border:1px solid #941C1B;
}


#leftcol li {
	line-height:1.4em;
	list-style:none;
}	
/****************                NAVIGATION IN RIGHT COLUMN         *******/
#nav {
	list-style:none;
	padding-left:14px;
	margin:20px auto;
}

#nav li {
	width:170px;
	height:1.4em;
	line-height:1.4em;
	text-align:left;
	margin:5px 0;
}	

#nav li a {
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.1em;
	color:#eee;
	text-decoration:none;
	display:block;
	width:170px;
}	

#nav li a:hover {
	color:#f90;
	text-decoration:none;
}





#nav2 {
	list-style:none;
	padding-left:14px;
	margin:10px auto;
}

#nav2 li {
	width:170px;
	height:1.4em;
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.0em;
	line-height:1.4em;
	color:#ddd;
	text-align:left;
	margin:5px 0;
}	

#nav2 li a {
	font-family:helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.0em;
	color:#ddd;
	text-decoration:none;
	display:block;
	width:170px;
}	

#nav2 li a:hover {
	color:#f90;
	text-decoration:none;
}	
/******************                  FOOTER                 ****/

#bottomShadow {
	background-image: url("images/contentshadow2.gif");
	height: 24px;
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
	}


#footer {
	color:#eee;
	text-align:center;
	background:#8D8C8B url('images/footback.gif') repeat-x top;
	margin:0px;
	padding:0px;
	border-top:1px solid #333;
	position: relative;
}


.head {
	font-family:Tahoma, helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:1.4em;
	padding:0 0 0 4px;
	margin:4px;
}	

.note {
	font-family:Helvetica, Arial, Sans-serif;
	font-weight:normal;
	font-size:0.8em;
	color:#666;
}

.alttext {
	font-weight:normal;
	font-size:1.1em;
}

.thicktitle {
	font-weight:bold;
	font-size:1.4em;
}