/* CSS Document */

/***************************************************************
HTML Tags
***************************************************************/
body {
	background-color:#f4f3ec;
	font-size:90%;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
a img {border:none;}
h2 {font-family: "Lucida Grande",  "Trebuchet MS", "Lucida Sans", sans-serif; color: #770000; font-size: 140%; font-weight: bold; text-align:center; margin:5px 0 0 0; padding:0;}
h3 {font-family:  "Lucida Grande", "Trebuchet MS", "Lucida Sans",  sans-serif;color: #666633; font-size: 120%; font-weight: bold; margin:0; padding:5px 0 5px 0; text-align:center;}
p {line-height: 1.3em;}
textarea, input {font-family: Georgia, "Times New Roman", Times, serif;}
a:link, a:active {color: #244E77; }
a:hover {color: #770000;}
a:visited {color: #666633;}
form {margin:0; padding:0;}

/***************************************************************
Main Divs
***************************************************************/
div#container {
	width:780px;
	margin: 0 auto;
	background-image: url(../images/layout/container_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
div#header {
	margin:0;
	padding:0;
	background-image:url(../images/layout/header_bg.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width: 100%;
	font-family: "Lucida Grande",  "Trebuchet MS", "Lucida Sans", sans-serif;
}

div#content_box{
	 background-image:url(../images/layout/content_bg.gif);
	 background-repeat:repeat-y;
	 background-position:left top;
	 margin:0;
	 padding:0;
	 margin-left: 1px;
	 margin-top: 5px;
	 width: 770px;
	 text-align:right;
}
div#content{
	 padding: 0 25px 0 25px;
	 margin:0;
	 text-align: left;
}

div#section_head{
	background-image:url(../images/layout/section_head.bg.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding: 25px 15px 0 15px;
	margin:0;
	text-align: left;
}

div#section_foot{
	background-image:url(../images/layout/section_foot.bg.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	padding: 0 15px;
	margin:0;
	height: 50px;
}

p.ref_link  {
	text-align:center;
	padding: 0;
	margin: 0;
	margin-bottom: -1em;
	color: 

}
	
div#footer {
	 padding: 0 15px 15px 15px;
	 margin:0;
	 background-image:url(../images/layout/footer_bg.gif);
	 background-repeat:no-repeat;
	 background-position: bottom left;
	 font-family: Georgia, "Times New Roman", Times, sans-serif;
	 text-align: center;
	 width: 100%;
}
div#footer p {
	text-align: center;
	color: #dbd8bb;
	font-size: 85%;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

#footer a:link, #footer a:active, #footer a:visited 
{color: #F4F3EC;
font-size: .9em;}

#footer a:hover {
color: #770000;
}


img#title {
	margin:0;
	padding:0;
	margin-left:1px;
}
/***************************************************************
Home Page
***************************************************************/

div#home {
width: 770px;
height: 420px;
background-image:url(../images/layout/home/home_bg.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
margin-left: 1px;
background-color: DBD8BB;
}


/***************************************************************
Navigation
***************************************************************/
ul#utility_nav {
	float:right;
	text-align:right;
	margin: 0;
	padding:7px 15px 5px 0;
}

ul#utility_nav li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding: 0 5px;
}

ul#utility_nav li a {
	text-decoration: none;
	font-size: .9em;
}

ul#utility_nav li a:link, ul#utility_nav li a:visited, ul#utility_nav li a selected {
	color: #ffffff;
}
ul#utility_nav li a:hover {
	color: #770000;
}
	
div#main_nav {
	 margin:0;
	 padding:0;
	background-color: #666633;
	height:100px;
	width:770px;
	margin-left:1px;
}
ul#thumb_nav {
	width: 620px;
	float:left;
	margin:0;
	padding:0;
}

ul#thumb_nav li, ul#sub_nav li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#thumb_nav li  {
	display:block;
	height: 100px;
	width: 100px;
	float: left;
	margin-right:2px;
}
ul#thumb_nav li{
background-repeat: no-repeat;
}
ul#thumb_nav li.legacy {background:transparent url(../images/layout/thumb_nav/legacy.jpg);}
ul#thumb_nav li.divergence {background:transparent url(../images/layout/thumb_nav/divergence.jpg);}
ul#thumb_nav li.escru {background:transparent url(../images/layout/thumb_nav/escru.jpg);}
ul#thumb_nav li.transitions {background:transparent url(../images/layout/thumb_nav/transitions.jpg);}
ul#thumb_nav li.specialgc {background:transparent url(../images/layout/thumb_nav/specialgc.jpg);}
ul#thumb_nav li.awakening {background:transparent url(../images/layout/thumb_nav/awakening.jpg);}
ul#thumb_nav a {display:block; width:100px; padding-top:100px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html ul#thumb_nav a:link, * html #menu a:visited {height:100px; he\ight:0;}

ul#thumb_nav li a#legacy {background:transparent url(../images/layout/thumb_nav/legacy2.jpg) -100px -100px no-repeat;}
ul#thumb_nav a#divergence {background:transparent url(../images/layout/thumb_nav/divergence2.jpg) -100px -100px no-repeat;}
ul#thumb_nav a#escru {background:transparent url(../images/layout/thumb_nav/escru2.jpg) -100px -100px no-repeat;}
ul#thumb_nav a#transitions {background:transparent url(../images/layout/thumb_nav/transitions2.jpg) -100px -100px no-repeat;}
ul#thumb_nav a#specialgc {background:transparent url(../images/layout/thumb_nav/specialgc2.jpg) -100px -100px no-repeat;}
ul#thumb_nav a#awakening {background:transparent url(../images/layout/thumb_nav/awakening2.jpg) -100px -100px no-repeat;}

ul#thumb_nav a#legacy:hover, ul#thumb_nav a#legacy.active {background-position:top right; z-index:50;}
ul#thumb_nav a#divergence:hover, ul#thumb_nav a#divergence.active{background-position:top right; z-index:50;}
ul#thumb_nav a#escru:hover, ul#thumb_nav a#escru.active {background-position:top right; z-index:50;}
ul#thumb_nav a#transitions:hover, ul#thumb_nav a#transitions.active {background-position:top right; z-index:50;}
ul#thumb_nav a#specialgc:hover,ul#thumb_nav a#specialgc.active {background-position:top right; z-index:50;}
ul#thumb_nav a#awakening:hover, ul#thumb_nav a#awakening.active {background-position:top right; z-index:50;}

* html ul#thumb_nav a:hover {height:80px; he\ight:0;}

ul#more_nav {
 	margin:0;
	padding:0;
	float:right;
	width:150px;
	height: 100px;
	font-size: 11px;
	text-align:center;
	margin-top:2px;
}
ul#more_nav li {
	list-style-type:none;
	margin:0;
	/*padding:2px 3px;*/
	padding:0;
	width: 140px;
}

ul#more_nav li a {
	display:block;
	text-decoration:none;
	height: 22px;
	line-height: 22px;
	border-right: 1px solid #dbd8bb;
	border-bottom: 1px solid #dbd8bb;
	border-left: 1px solid #474723;
	border-top: 1px solid #474723;
	/*padding:1px 3px;*/
	padding: 0;
	margin:0;
	vertical-align:middle;
}

ul#more_nav li a:link, ul#more_nav li a:visited{
	/*color:#666633;
	background-color: #dbd8bb;*/
	color: #FFFFFF;
}
ul#more_nav li a:hover{	
	background-color: #770000;
	color: #FFFFFF;
}

/*Subnavigation bar*/

table#subnav {
	margin:0;
	padding:0;
	margin-left: 1px;
	background-image:url(../images/layout/sub_nav_bg.png);
	background-repeat:repeat-x;
	background-position:top left;	
	width: 770px;
	margin-top: 5px;
}

table#subnav tr {
	margin: 0;
	padding: 0;
}

table#subnav td {
	padding: 0;
	margin:0;
	border: none;
	width: 86px;
	text-decoration:none;	
	font-size: 85%;
	text-align:center;
}

table#subnav td.title {
	padding-top: 3px;
	line-height:1em;
	text-align:center;
	}

table#subnav td.title a.active{
	display:block;
	}

table#subnav td a:link, table#subnav td a:visited{
	text-decoration:none;
	color:#ffffff;
	margin:0;
	padding:0;
	}
	
table#subnav td a:hover{
	color: #770000;
}

img.diamond {
	margin:0 3px 0 3px;
	padding:0;
}

.previous a:link, .previous a:active, .previous a:visited {
	background-image:url(../images/layout/previous.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	width:30px;
	height:30px;
	display:block; 
	text-decoration:none;
	float:left;
}
.previous a:hover {
	background-image:url(../images/layout/previous_sel.gif); 
	background-repeat: no-repeat;
	background-position: top left;
}

.next a:link, .next a:active, .next a:visited { 
	background-image:url(../images/layout/next.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	float: right;
	width:30px;
	height:30px;
	display:block; 
	text-decoration:none;
 	}
.next a:hover {
	background-image:url(../images/layout/next_sel.gif); 
	background-repeat: no-repeat;
	background-position: top left;
}


/***************************************************************
Misc. Classes
***************************************************************/
.clear {clear:both;}

.hidden, .previous span, .next span
	{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
 	}
.red {color: #770000;}