/* CSS Document */

/*==============================================================================

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide F&R buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/


body {
background:#3a3836;
font-size:12px;
color:#000000;
text-decoration:none;
font-family: Garamond, "Times New Roman", Times, serif
}

body { margin:0 auto; padding:0; border:0; }

table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }

table { text-align:left; }
iframe { width:0; height:0 }

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */
.normlist li { margin-left:50px; }

a:link, a:visited, a:active {color:#402b79; font-weight:bold; text-decoration:none;}
a:hover {font-weight:bold; text-decoration:underline;}

#container {
background: url("../images/css_img/bg_main.jpg") no-repeat;
color:#000000;
width:954px;
height:660px;
margin:0 auto;
padding:0;
text-align:left;

}

#time {
float:right;
margin:0;
padding:43px 63px 0 0;
width:148px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-align:center;
color:#dddddd;
}

#wrap {
clear:both;
margin:0;
padding:0;
}

#ifcontent {
background-color:#524f4a;
float:left;
width:697px;
height:587px;
margin:1px 0 0;
padding:0;
text-align:left;
}

#ifpatch {
position:absolute;
top:0px;
left:0px;
background-image:url(../images/bg/bg_3.jpg) no-repeat;
width:639px;
height:567px;
margin:0;
padding:20px 29px 0;
}

#leftwrap {
background-color:#524f4a;
float:left;
width:697px;
height:587px;
margin:1px auto 0;
padding:0;
text-align:left;
z-index:0;
}

#leftside {
float:left;
width:639px;
height:567px;
margin:0;
padding:20px 29px 0;
text-align:left;
}

#leftside h1 {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:24pt;
font-weight:normal;
text-align:center;
padding:0;
margin:0;
}

#leftside h3 {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:18pt;
font-weight:normal;
text-align:center;
padding:0;
margin:0;
}

#leftside h4 {
font-family: Garamond, "Times New Roman", Times, serif;
font-size:14pt;
font-weight:bold;
text-align:center;
padding:5px 0 0;
margin:0;
}

#leftside h5 {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:12pt;
font-weight:normal;
text-align:center;
padding:5px 0 0;
margin:0;
}

#leftside h6 {
font-family: Garamond, "Times New Roman", Times, serif;

font-size:11pt;
font-weight:bold;
text-align:left;
padding:5px 0 0;
margin:0;
}

#leftside h2 {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:10pt;
font-weight:normal;
text-align:center;
padding:0;
margin:0;
}

#leftside.text24_white {
font-family: Garamond, "Times New Roman", Times, serif;
color:#ffffff;
font-size:24pt;
font-weight:normal;
text-align:center;
}

#leftside p {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:10pt;
font-weight:normal;
padding:5px 0 0;
margin:0;
line-height:1em;
}

#leftside ol {
margin-bottom:10px;
}

#leftside ol.num_list li {
float:none;
font-size:14px;
z-index:1;
}

#leftside ol.num_list_sm li {
float:none;
font-size:11px;
z-index:1;
}

#class_table_names {
margin:25px 0 0 30px;
}

#class_table_lower {
position:absolute;
top:380px;
left:60px;
}

#class_table_icon {
position:absolute;
top:110px;
left:85px;
z-index:0;
}

#goal_lower_pics {
position:absolute;
width:640px;
top:430px;
left:30px;
}

#leftlinks {
float:left;
margin:0;
padding:0;
}

#goal_box_god {
border:1px solid black;
width:595px;
height:375px;
margin:0 10px;
padding:15px 10px;
}

#goal_box_oow {
border:1px solid black;
width:595px;
height:395px;
margin:0 10px;
padding:15px 10px;
}

#goal_box_don {
border:1px solid black;
width:595px;
height:345px;
margin:0 10px;
padding:15px 10px;
}

#goal_box_dod {
border:1px solid black;
width:595px;
height:290px;
margin:0 10px;
padding:15px 10px;
}

#goal_box_por {
border:1px solid black;
width:595px;
height:280px;
margin:0 10px;
padding:15px 10px;
}

#goal_box_tss {
border:1px solid black;
width:595px;
height:300px;
margin:0 10px;
padding:15px 10px;
}

#goal_box_tbs {
border:1px solid black;
width:595px;
height:205px;
margin:0 10px;
padding:15px 10px;
}

#goal_box_epic {
width:595px;
text-align:center;
margin:0 10px;
padding:15px 10px;
}

#goal_back {
position:absolute;
top:555px;
left:50px;
}

#goal_back_epic {
position:absolute;
top:570px;
left:50px;
}

.goal_links_back {
font-family: Garamond, "Times New Roman", Times, serif;
color:#ffffff;
font-size:8pt;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}

.links_back {
font-family: Garamond, "Times New Roman", Times, serif;
font-size:8pt;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}

.goal_links_back a:link {color:#ffffff; font-weight:normal; text-decoration:none;}
.goal_links_back a:visited {color:#ffffff; font-weight:normal; text-decoration:none;}
.goal_links_back a:hover {font-weight:normal; text-decoration:underline;}


.text24_white {
font-family: Garamond, "Times New Roman", Times, serif;
color:#ffffff;
font-size:24pt;
font-weight:normal;
text-align:center;
}

#goal_left { float:left; margin:0; padding:0;}

#goal_right { float:right; margin:0; padding:0;}

#rightlinks {
float:right;
width:150px;
text-align:left;
margin:0;
padding:20px 0 0;
}

.classes {
font-family: Garamond, "Times New Roman", Times, serif;

font-size:34pt;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}

.classes_med {
font-family: Garamond, "Times New Roman", Times, serif;

font-size:24pt;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}

.classes_info {
font-family: Garamond, "Times New Roman", Times, serif;

font-size:16pt;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}

.inactive {color:#999999;}

.classes_info a:link {color:#000000; font-weight:normal; text-decoration:none;}
.classes_info a:visited {color:#000000; font-weight:normal; text-decoration:none;}
.classes_info a:hover {font-weight:normal; text-decoration:underline;}


.goal_links {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:12pt;
font-weight:bold;
text-align:left;
padding:0;
margin:0;
}

.goal_links a:link {color:#000000; font-weight:bold; text-decoration:none;}
.goal_links a:visited {color:#000000; font-weight:bold; text-decoration:none;}
.goal_links a:hover {font-weight:bold; text-decoration:underline;}


.goal_text {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:13pt;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}

.text_left_11 {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:11pt;
font-weight:normal;
text-align:left;
line-height:0.9em;
padding:0;
margin:0;
}

.text_left_10 {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:10pt;
font-weight:normal;
text-align:left;
line-height:0.9em;
padding:0;
margin:0;
}

.goal_text_white {
font-family: Garamond, "Times New Roman", Times, serif;
color:#ffffff;
font-size:13pt;
font-weight:normal;
text-align:center;
padding:0;
margin:0;
}

.goal_completed {
font-family: Garamond, "Times New Roman", Times, serif;
color:#ffffff;
font-size:13pt;
font-weight:normal;
text-align:left;
font-style:italic;
padding:0;
margin:0;
}

#rightside {
position:relative;
float:right;
width:127px;
padding:0;
margin:3px 3px 0 0;
z-index:0;
}

.raidschedule {
position:relative;
color:#000000;
font-size:1.1em;
margin:0;
height:183px;
text-align:center;
padding:5px 0;
}

.officers {
position:relative;
color:#000000;
margin:250px 0 0 0;
height:124px;
font-size:1.1em;
text-align:center;
padding:5px 0;
}

.top35 {padding-top:35px;}
.right46 {padding-left:46px;}
.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.indent {padding-left:10px;}
.white {color:#ffffff;}
.blue {color:#0000FF;}
.black {color:#000000;}
.red {color:#FF0000;}

.plain {
font-family: Garamond, "Times New Roman", Times, serif;
color:#000000;
font-size:12pt;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}
/* ------------------------------------------------------------------------- Text Scrollers --------- */
#scroller_top {
position:absolute;
top:20px;
left:697px;
}
#scroller_bottom {
position:absolute;
top:462px;
left:697px;
}
#pscroller1 {
color:#ffffff;
font-size:10px;
font-family:Georgia;
width: 114px;
height: 186px;
padding: 4px 5px;
background-color:#000000;
}

#pscroller1 a {
color:#FF0000;
text-decoration:underline;
}

#pscroller2 {
color:#ffffff;
font-family:Georgia;
font-size:10px;
width:114px;
height:116px;
padding:4px 5px;
background-color:#000000;
}

#pscroller2 a {
color:#FFFF00;
text-decoration:underline;
}

.someclass{ 	/* class to apply to your scroller(s) if desired */
}
.ps2 { }
/* ------------------------------------------------------------------- Our many, many Backgrounds --- */
.bg_1 {background:url(../images/bg/bg_1.jpg) no-repeat; margin-top:1px;}
.bg_2 {background:url(../images/bg/bg_2.jpg) no-repeat; margin-top:1px;}
.bg_3 {background:url(../images/bg/bg_3.jpg) no-repeat; margin-top:1px;}
.bg_3i {background:url(../images/bg/bg_3i.jpg) no-repeat; margin-top:1px;}
.bg_4 {background:url(../images/bg/bg_4.jpg) no-repeat; margin-top:1px;}
.bg_5 {background:url(../images/bg/bg_5.jpg) no-repeat; margin-top:1px;}
.bg_bard {background:url(../images/classes/bg/bg_bard.jpg) no-repeat; margin-top:1px;}
.bg_beastlord {background:url(../images/classes/bg/bg_beastlord.jpg) no-repeat; margin-top:1px;}
.bg_berserker {background:url(../images/classes/bg/bg_berserker.jpg) no-repeat; margin-top:1px;}
.bg_cleric {background:url(../images/classes/bg/bg_cleric.jpg) no-repeat; margin-top:1px;}
.bg_druid {background:url(../images/classes/bg/bg_druid.jpg) no-repeat; margin-top:1px;}
.bg_enchanter {background:url(../images/classes/bg/bg_enchanter.jpg) no-repeat; margin-top:1px;}
.bg_magician {background:url(../images/classes/bg/bg_magician.jpg) no-repeat; margin-top:1px;}
.bg_monk {background:url(../images/classes/bg/bg_monk.jpg) no-repeat; margin-top:1px;}
.bg_necromancer {background:url(../images/classes/bg/bg_necromancer.jpg) no-repeat; margin-top:1px;}
.bg_paladin {background:url(../images/classes/bg/bg_paladin.jpg) no-repeat; margin-top:1px;}
.bg_ranger {background:url(../images/classes/bg/bg_ranger.jpg) no-repeat; margin-top:1px;}
.bg_rogue {background:url(../images/classes/bg/bg_rogue.jpg) no-repeat; margin-top:1px;}
.bg_shadowknight {background:url(../images/classes/bg/bg_shadowknight.jpg) no-repeat; margin-top:1px;}
.bg_shaman {background:url(../images/classes/bg/bg_shaman.jpg) no-repeat; margin-top:1px;}
.bg_warrior {background:url(../images/classes/bg/bg_warrior.jpg) no-repeat; margin-top:1px;}
.bg_wizard {background:url(../images/classes/bg/bg_wizard.jpg) no-repeat; margin-top:1px;}
.bg_god {background:url(../images/bg/goals/bg_god.jpg) no-repeat; margin-top:1px;}
.bg_oow {background:url(../images/bg/goals/bg_oow.jpg) no-repeat; margin-top:1px;}
.bg_don {background:url(../images/bg/goals/bg_don.jpg) no-repeat; margin-top:1px;}
.bg_dod {background:url(../images/bg/goals/bg_dod.jpg) no-repeat; margin-top:1px;}
.bg_dod_vule_door {background:url(../images/dreadspire/vule_door.jpg) no-repeat; margin-top:1px; color:#FF0000;}
.bg_dod_vule {background:url(../images/dreadspire/vule.jpg) no-repeat; margin-top:1px; color:#FF0000;}
.bg_por {background:url(../images/bg/goals/bg_por.jpg) no-repeat; margin-top:1px;}
.bg_tss {background:url(../images/bg/goals/bg_tss.jpg) no-repeat; margin-top:1px;}
.bg_tbs {background:url(../images/bg/goals/bg_tbs.jpg) no-repeat; margin-top:1px;}
.bg_epic_tankernator15 {background:url(../images/epics/tankernator15.jpg) no-repeat; margin-top:1px; color:#ffffff;}
.bg_epic_pity15 {background:url(../images/epics/pity15.jpg) no-repeat; margin-top:1px; color:#ffffff;}

/* -------------------------------------------------------------------- Shaking Text ------- 

.jc {
position:absolute;
top:100px;
left:20px;
font-size:288px;
font-weight:bold;
font-family:Garamond;
color:#FF0000;
}*/

/* ------------------------------------------------------------------------- HOVER Information --- */

.thumbnail{
position: relative;
z-index: 14;
}

.thumbnail:hover{
background-color: transparent;
z-index: 15;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFCC;
padding: 5px;
left: -1000px;
border: 4px double black;
visibility: hidden;
color: black;
text-decoration: none;
z-index:15;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index:15;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
font-size: 11pt;
font-weight:normal;
z-index:15;
/* left: -272px;     position where enlarged image should offset horizontally */
}

.thumblinks:hover span {left: 50px; z-index:15;}
.thumb100:hover span {left: -122px; z-index:15;}
.thumb150:hover span {left: -172px; z-index:15;}
.thumb200:hover span {left: -222px; z-index:15;}
.thumb250:hover span {left: -272px; z-index:15;}
.thumb300:hover span {left: -322px; z-index:15;}
.thumballa span {left: -325px;}
.thumbeqinterface span {left: -276px;}
.thumblucy span {left: -260px;}
.thumbmagelo span {left: -220px;}
.thumbmapfiend span {left: -322px;}
.thumbeqtrader span {left: -102px;}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */



 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:19px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:954px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:954px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-954px;
	height: 1px;
}

 /*============================================================================== TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	border-bottom:1px solid black;        /* give us a black border underneath */
	z-index:100;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	z-index:20;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.droplinks {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:left;   /* this right alignment goes with the float:left below */
	cursor:pointer;   /*   IE tries to switch back to an I-beam, don't let it */
	cursor:hand;         /*  IE5 only knows about "hand", so set it both ways */
}

.droplinks span {        /* this simultaneously left and right aligns the text and */
	float:right;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
	z-index:19;
}

#sitemap {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:877px;    /* which has a z-order sequencing bug with abs-pos elements */
	z-index:18;
}

#clear {clear:both;}
/*=================================================================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	z-index:5;
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #000;    /* these 2 lines create the push-in illusion */
	height:16px;
}

/*========================================================================= 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:18px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13em;
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
	z-index:8;
}

.menu ul li:hover ul.linkstwo,
.menu ul li a:hover ul.linkstwo {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:18px;              /* place us just up underneath the top-level images */
	left:-95px;       /* right-align our drop-down to the right-side button border 97-62*/
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.8em;
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
	text-align:right;
	z-index:8;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.notskinny,
.menu ul li a:hover ul.notskinny {             /* 2nd level skinny drop-down box */
	width:14em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.wide,
.menu ul li a:hover ul.wide {             /* 2nd level skinny drop-down box */
	width:17em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.utilities,
.menu ul li a:hover ul.utilities {             /* 2nd level skinny drop-down box */
	width:12em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.goals,
.menu ul li a:hover ul.goals {             /* 2nd level skinny drop-down box */
	width:10.3em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#999999;       /* this sets the drop-down menu background color */
	width:13em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#ffffff;
}

.menu ul li:hover ul.linkstwo li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#ffffff;
	width:13.8em;
	font-weight:bold;
}

.menu ul li:hover ul.linkstwo li a,
.menu ul li a:hover ul.linkstwo li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#999999;       /* this sets the drop-down menu background color */
	width:13.8em;
	font-weight:bold;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

.menu ul li:hover ul.notskinny li a,
.menu ul li a:hover ul.notskinny li a,
.menu ul li:hover ul.notskinny li a:hover,
.menu ul li a:hover ul.notskinny li a:hover {     /* 2nd level un+selected items */
	width:14em;
}

.menu ul li:hover ul.wide li a,
.menu ul li a:hover ul.wide li a,
.menu ul li:hover ul.wide li a:hover,
.menu ul li a:hover ul.wide li a:hover {     /* 2nd level un+selected items */
	width:17em;
}

.menu ul li:hover ul.utilities li a,
.menu ul li a:hover ul.utilities li a,
.menu ul li:hover ul.utilities li a:hover,
.menu ul li a:hover ul.utilities li a:hover {     /* 2nd level un+selected items */
	width:12em;
}

.menu ul li:hover ul.goals li a,
.menu ul li a:hover ul.goals li a,
.menu ul li:hover ul.goals li a:hover,
.menu ul li a:hover ul.goals li a:hover {     /* 2nd level un+selected items */
	width:10.3em;
}

/*=========================================================================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:14em;
	z-index:9;
}

.menu ul li:hover ul li:hover ul.skinnythree,
.menu ul li a:hover ul li a:hover ul.skinnythree {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:14em;
	width:8.08333em;
	z-index:11;
}

.menu ul li:hover ul li:hover ul.linksthree,
.menu ul li a:hover ul li a:hover ul.linksthree {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:-99px;
	width:8.08333em;
	z-index:13;
}

.menu ul li:hover ul li:hover ul.membersthree,
.menu ul li a:hover ul li a:hover ul.membersthree {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:11em;
	z-index:10;
}

.menu ul li:hover ul li:hover ul.notskinnythree,
.menu ul li a:hover ul li a:hover ul.notskinnythree {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:14em;
	width:14em;
	z-index:10;
}

.menu ul li:hover ul li:hover ul.widethree,
.menu ul li a:hover ul li a:hover ul.widethree {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:14em;
	width:15.2em;
	z-index:12;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	background:#999999;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:white;
}

.menu ul li:hover ul li:hover ul.skinnythree li a,
.menu ul li a:hover ul li a:hover ul.skinnythree li a {     /* 3rd level unselected items */
	width:8.08333em;
	background:#999999;
}

.menu ul li:hover ul li:hover ul.membersthree li a:hover,
.menu ul li a:hover ul li a:hover ul.membersthree li a:hover {    /* level3 selected items */
	width:11em;
	background:white;
}

.menu ul li:hover ul li:hover ul.membersthree li a,
.menu ul li a:hover ul li a:hover ul.membersthree li a {     /* 3rd level unselected items */
	width:11em;
	background:#999999;
}

.menu ul li:hover ul li:hover ul.skinnythree li a:hover,
.menu ul li a:hover ul li a:hover ul.skinnythree li a:hover {    /* level3 selected items */
	width:8.08333em;
	background:white;
}

.menu ul li:hover ul li:hover ul.linksthree li a,
.menu ul li a:hover ul li a:hover ul.linksthree li a {     /* 3rd level unselected items */
	width:8.08333em;
	background:#999999;
	text-align:right;
}

.menu ul li:hover ul li:hover ul.linksthree li a:hover,
.menu ul li a:hover ul li a:hover ul.linksthree li a:hover {    /* level3 selected items */
	width:8.08333em;
	background:white;
	text-align:right;
}

.menu ul li:hover ul li:hover ul.widethree li a,
.menu ul li a:hover ul li a:hover ul.widethree li a {     /* 3rd level unselected items */
	width:15.2em;
	background:#999999;
}

.menu ul li:hover ul li:hover ul.widethree li a:hover,
.menu ul li a:hover ul li a:hover ul.widethree li a:hover {    /* level3 selected items */
	width:15.2em;
	background:white;
}
/* ------------------------------------------------------------------------ RollOver Buttons --------------- */

#buttons1 {
width: 640px;
text-align:center;
}
#buttons2 {
width:540px;
text-align:center;
}

.cssbutton {
position:relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/css_img/btn_gray_on.gif) no-repeat;
white-space: nowrap;
display: block;
width: 100px;
height: 25px;
margin: 0;
border: 1px solid black;
}
.cssbutton a {
display: block;
color: #000000;
font-size: 11px;
width: 100px;
height: 25px;
display: block;
float: left;
text-decoration: none;
}
.cssbutton img {
width: 100px;
height: 25px;
}
* html a:hover {
visibility:visible;
color:#ffffff;
}
.cssbutton a:hover img {
visibility:hidden;
}
.cssbutton a:hover {
color:#ffffff;
}
.cssbutton span {
position: absolute;
left: 0px;
top: 5px;
text-align:center;
width:100px;
margin: 0px;
cursor: pointer;
}

.cssnav {
position: relative;
float:left;
font-family: arial, helvetica, sans-serif;
background: url(../images/css_img/btn_gray_on.gif) no-repeat;
white-space: nowrap;
display: block;
width: 100px;
height: 25px;
margin: 0;
border: 1px solid black;
}
.cssnav a {
display: block;
color: #000000;
font-size: 11px;
width: 100px;
height: 25px;
display: block;
float: left;
text-decoration: none;
}

.cssnav img {
width: 100px;
height: 25px;
}

* html a:hover {
visibility:visible;
color:#ffffff;
}

.cssnav a:hover img {
visibility:hidden;
}

.cssnav a:hover {
color:#ffffff;
}

.cssnav span {
position: absolute;
left: 0px;
top: 5px;
text-align:center;
width:100px;
margin: 0px;
cursor: pointer;
} 

/* ------------------------------------------------------------------------------------ Compressed Image Gallery ----- */

#galleryh {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:605px; 
  height:214px; 
  border:1px solid #888; 
  background:#fff url("../images/anguish/first_kills/Title.jpg");
  z-index:0;
  }
#galleryh li {
  float:left;
  z-index:0;
  }
#galleryh li a {
  display:block; 
  height:214px;
  width:29px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  z-index:0;
  }
#galleryh li a img {
  width:29px; 
  height:214px; 
  border:0;
  z-index:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:400px;
  z-index:0;
  }
#galleryh li a:hover img {
  width:400px;
  z-index:0;
  }


/* ------------------------------------ DOM Tabbed menus --------------------------------------------------- */

div.domtab{
	padding:0 3em;
	width:90%;
	/* font-size:90%; */
	border-top:0;
}
ul.domtabs{
	float:left;
	width:100%;
	margin:0.5em 0 0 0;
}
ul.domtabs li{
	float:left;
	padding:0 .5em 0 0;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover{
	width:8em;
	padding:.2em 1em;
	display:block;
	background:#524f4b;
	color:#000000;
	height:1.5em;
	font-weight:bold;
	text-decoration:none;
}
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover{
	height:auto;
	min-height:1.5em;
	border-top:0px solid black;
}
ul.domtabs a:hover{
	background:#8c6d6b;
}
div.domtab div{
	clear:both;
	width:auto;
	background:#8c6d6b;
	color:#fff;
	padding:10px 3em;
}
div.domtab div h2 a:hover {
text-decoration:none;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
	background:#8c6d6b;
	color:#fff;
}
#domtabprintview{
	float:right;
	padding-right:1em;
	text-align:right;
}
#domtabprintview a:link,
#domtabprintview a:visited,
#domtabprintview a:active,
#domtabprintview a:hover{
	color:#fff;
}

/*  
p{
	margin:0 0 .5em 0;
	line-height:1.3em;
}
h2{
	font-size:1.3em;
	color:#cfc;
	text-transform:uppercase;
	font-family:"Trebuchet MS",Arial,Sans-Serif;
	padding:0 0 .7em .2em;
}
h1{
	font-size:2em;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
	font-family:"Trebuchet MS",Arial,Sans-Serif;
	padding:.5em 0;
	background:#000;
	border-bottom:1px solid #666;
}
*/

pre{
	font-size:1.2em;
	padding:1em;
}
div.domtab div a:link,
div.domtab div a:visited,
div.domtab div a:active
{
	color:#fff;
	display:block;
	padding:1em .5em;
	font-weight:bold;
	font-size:1.3em;
}
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active
{
	color:#fff;
	display:inline;
	padding:0;
	font-weight:normal;
	font-size:1.2em;
}
		
/* ------------------------------------ other scheme! ----------------------------------- */
#other{
	font-size:.8em;
	margin-left:.3em;
	width:60em;
	margin-bottom:3em;
	float:left;
}
div#other.domtab div{
	clear:both;
	width:54em;
	background:#669;
	color:#fff;
	padding:1em 3em;
}
		
#other ul.domtabs a:hover{
	background:#669;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:#669;
	color:#fff;
}
#other div{
	float:left;
}
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:49%;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}