div.krak_pos	{
    position: absolute;
    top: 90px;
    left: 680px;
    font-weight: bold;
    font-size: 120%;
    color: #F5F5F5;
}
div.krak2_pos	{
    position: absolute;
    top: 400px;
    left: 680px;
    font-weight: normal;
    font-size: 80%;
    color: #F5F5F5
}

/* placement of the slideshow java applet */
.slide   	{

position:absolute; 
top:50px; 
left: 11px; 
z-index:2;

}

p	{
    font-size: 90%;
    font-weight: normal;
}
.box  {
			margin: 5px 0 0 10px;
			border: 1px solid #D2691E;
			background: black;
			width: 150px;
			position: relative;
			}
			
.box h5  {
		 font-size: 9px;
		 }

.cdimages  
{
		margin: 90px 15px 10px 10px;
		
}

h1	
{
	background: black; font-family: verdana, arial, sans-serif; font-size: 100%; font-weight: bold; color: #D2691E; letter-spacing: 2px
}
h2	{
   margin-left: 10px; padding-right:5px; font-family: verdana, arial, sans-serif; font-size: 90%; font-weight: lighter; color: #FFBE7D; 
letter-spacing: .5px; word-spacing: 2px; line-height: 18px
		}
h3	{
    margin-left: 10px; font-family: verdana, arial, sans-serif;font-size: 80%; font-weight: lighter; color: #FFFFF0; word-spacing: 2px; letter-spacing: 1.8px; line-height:17px; 
}
h4	{
    font-size: 70%; font-family: verdana, arial, sans-serif; font-weight: lighter; color: #003333; font-style: italic; letter-spacing: 2px
}
h5	{
    font-size: 60%;font-family: verdana, arial, sans-serif; text-transform: uppercase
}
h6 	{
	background: black; font-family: verdana, arial, sans-serif; font-size: 90%; font-weight:500; color: #FFBE7D; letter-spacing: 1px; margin-left: 10px;
	}
	
body 	{
    margin-top: 20px;
		font-family: sans-serif;  
    color: white; 
    background: black 
}
.boxtxt ul li {
    list-style-type: circle;
    padding: 3px;
	font-size: 80%;
    font-weight: normal;
	line-height:110%;
}
.boxtxt ul li li	{
    list-style-type: square;
    font-size: 65%;
    font-weight: lighter

}
a 	{
    font-family: verdana, arial, sans-serif; font-size: 100%; margin-left: 0%; letter-spacing: 0pt; color: #FFBE7D; text-decoration: underline
}

a:active 	{
    color: #971C1F; background: #F5F5F5; font-size: 105%; font-variant: small-caps
}
a:hover	 {
		background: black;
		color: white;
}


.big 	{
    /*font-size:104%; */font-weight: bold; letter-spacing: 2.2px; color: #D2691E; font-family:Serif;
}
.main_links	{
   	z-index: 4;
		font-size: 16px;
		position: relative;
    top: 383px;
    background-color: transparent;
		left: 30px;
}

/*new stuff added from GRC CSS drop-downs resource*/

.main_links {

	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	}
	
.main_links 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 */
.main_links 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;
}

.main_links 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 */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

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

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

.main_links ul li:hover a,
.main_links 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 ========================*/

.main_links ul li:hover ul,
.main_links ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	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:13.5em;
	color: #D2691E;                       /* this sets the unselected-text color */
	background: #000000;         /* this sets our menu's effective "border" color */
	font-size:12px;
}

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

.main_links ul li:hover ul.skinny,
.main_links 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) */
}

.main_links ul.rightmenu li:hover ul,
.main_links 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 .main_links ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.main_links ul li:hover ul li a,
.main_links ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	height:auto;
	color: #D2691E;            /* this sets the unselected drop-down text color */
	background: black;       /* this sets the drop-down menu background color */
	width:13.5em;
}

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

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


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

.main_links ul li:hover ul li ul,
.main_links ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.main_links ul li:hover ul li:hover ul,
.main_links 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;
	 
}

.main_links ul li:hover ul li:hover ul li a,
.main_links ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	color: #D2691E;            /* this sets the unselected drop-down text color */
	background: black;  
}

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

#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 */




/* End New Material ....*/

.smallcaps 	{
    font-variant: small-caps; font-weight: bold; 
}
.main_td	{
    background: #971C1F;
    width:57.4%;
}
.trailer_txt	{
    color: white;
    font-weight: bold;
    font-variant: small-caps;
    margin-left: .5%;
    margin-top: .5%;
}

table.main	{
    width:100%;
    margin-bottom: 5px;  
    padding: 5px
}
    
caption 	{
     margin-top: 5%;
     text-align: left;
     font-variant: small-caps;
     font-size: 110%;
     letter-spacing: 2px;
     color: #971C1F;
}
div.redbox  h1	{
		margin-left: 25px;
    padding: 15px;
}



div.redbox {
    background: #971C1F; 
    width: 600px; 
    padding: .025in;
		
}
.position_top	{
    position: relative;
    top: 25px;
    left: 18px;
    font-weight: bold;
    font-size: 120%;
    color: #971C1F;
		font-variant: small-caps; 
		font-weight: bold;
		z-index: 4;
}
.pic {
 text-align: center;
padding: 5px;
border: 1px solid #6B191A;
background: #efefef;
margin: 0;
}


div .td_text	{
    margin-top: 9px;
    margin-left: 180px
}

embed {
    position: absolute;
    top: 0px;
    left: 0px;
}
div.review1_pos	{
	position: absolute;
	top: 69px;
	left: 629px;
	font-weight: bold;
	font-size: 120%;
	color: #F5F5F5;
}

div.review2_pos	{
	position: absolute;
	top: 448px;
	left: 630px;
	font-weight: normal;
	font-size: 80%;
	color: #F5F5F5
}

.red_col	{
    background: #971C1F;
    width: 600px;
}
/* setup work space */

.almanac_box  	 {
		width: 500px;
		margin-left: 200px;
		border: 0px;
		background: black;
		position:absolute;
		text-align:center;
		
		}
.almanac_box p 	 {
		font-family: verdana;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 17px;
		}	 
		
			/** primerbox **/

#topcon {
  background: url(../primer/images/topcon.jpg) no-repeat;
  width: 390px;
  height: 50px;
  position: absolute;
  top: 20px;
  left: 104px;
  color: #fff;
	border: 1px #FFBE7D solid;
}
#topcon-inner {
  margin-top: 15px;
  height: 30px;
  overflow: visible
}
#topcon h5 {
  font-size: 10px;
	}
#topcon a:active 	{
    color: #971C1F; background: #F5F5F5; font-size: 105%; font-variant: small-caps
}
#topcon a:hover	 {
		background: black;
		color: white;
}
/*Begin Almanac Table */

table.almanac
{
	border:0px  pink solid;
	border-collapse: collapse;
	/*border-spacing: 2px;*/
	position: relative;
	margin-top: 20px;
	left: 20px;
	top: 112px;
 }

table.almanac td.desc	{
font-family: verdana;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 17px;
		text-align:center;
		}
table.almanac h5	{
    font-size: 80%;font-family: verdana, arial, sans-serif; text-transform: uppercase;margin-bottom: 4px;
		margin-top: 6px; 
}
table.almanac a.links	{
letter-spacing: 2px;
padding: 4px;
}

table.almanac td.heading	{ 
	background-color:black;
	border-bottom: 0px pink solid;
	font-weight: bold;
	font-size: 18px; 
	letter-spacing: 1px;
	color: white; 
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}

table.almanac td.itemleft
			{ 
border-bottom: 0px #ffcc00 dotted;
text-align: center;
color: white;
font-family: verdana, arial, sans-serif;
font-size: 12px;
letter-spacing: .25px;
line-height: 20px;
padding: 2px;
background-color: black; }


table.almanac td.itemright
{ border: 0px #ffcc00 dotted;
text-align: left;
color: white;
font-family: verdana, arial, sans-serif;
font-size: 11px;
letter-spacing: .25px;
line-height: 12px;
padding: 8px;
background-color: black; }

table.almanac td.playbox
{ border: 0px #ffcc00 dotted;
text-align: center;
color: white;
font-family: verdana, arial, sans-serif;
font-size: 11px;
letter-spacing: .25px;
line-height: 12px;
padding: 10px;
background-color: black; }

/*End almanac Table */