@charset "utf-8";
/* CSS Document */

body
{
margin: 0 auto 0 auto;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
background: #333333 url('images/bg.gif') no-repeat top right;
border: 0px solid white;
}

input 
{
background-color: White;
color: Black;
font: 'Lucida Grande',Verdana, Helvetica, sans-serif;
}

/* default links */

a:link {
background-color: transparent;
text-decoration: none;
color: white;
}

a:hover, a:active, a {
text-decoration: none;
text-decoration: none;
color: #ef6621;
}

a:visited {
background-color: transparent;
text-decoration: none;
color: white;
}



/* text */

h1 {
font: normal 12px Arial, Helvetica, sans-serif;
color: white;
}

h2 {
font: normal 12px Arial, Helvetica, sans-serif;
color: white;
}

p {
font: normal 12px Arial, Helvetica, sans-serif;
color: white;
}

.side_nav_catagory_head
{
font: bold 12px Arial, Helvetica, sans-serif;
color: #333333;
}

.side_nav_li
{
font: normal 12px Arial, Helvetica, sans-serif;
color: #ffffff;
}

.bold
{
font-weight: bold;
}

.software_text
{
color: #b9673e;
}

/* main layout items */
#wrapper
{
float: left;
margin: 0 auto 0 auto;
padding: 0;
min-width: 990px;
background-color: transparent;
/*border: 1px solid yellow;*/
}

#header_bg
{
float: left;
margin: 0;
padding: 0;
min-width: 100%;
max-width: 100%;
width: 100%;
height: 79px;
background: url('images/header_bg.gif') repeat;
/*border: 1px solid red;*/
}

#header
{
float: left;
margin: 0;
padding: 0;
min-width: 990px;
width: 100%;
height: 79px;
background: url('images/header.gif') no-repeat;
display: inline;
/*border: 1px solid white;*/
}

.middle_all
{
float: left;
margin: 0px 0 0px 0px;
min-width: 1020px;
height: 100%;
min-height: 100%;display: inline;
/*border: 1px solid yellow;*/
}

.primarycontent
{
/*float: left;*/
position: relative;
margin: 0px 0 0px 0px;
min-width: 755px;
max-width: 790px;
min-height: 558px;
display: inline;
/*border: 1px solid pink;*/
}

.primarycontent2
{
float: left;
margin: 0px 0 0px 0px;
min-width: 755px;
max-width: 790px;
min-height: 558px;
display: inline;
/*border: 1px solid pink;*/
}

.sidecontent
{
float: left;
margin: 0px 0 0px 42px;
width: 187px;
min-height: 558px;
height: 100%;
background-color: #ef6621;
/*border: 1px solid green;*/
}

.sidecontent2
{
float: left;
margin: 0px 0 0px 42px;
width: 187px;
min-height: 1080px;
height: 100%;
background-color: #ef6621;
/*border: 1px solid green;*/
}


#secondarycontent
{
float: left;
width: 270px;
margin: 0px 0 20px 15px;
min-height: 558px;
height: 100%;
border: 0px solid aqua;
}


#footer
{
float: left;
margin: 0 auto 0 auto;
padding: 0;
width: 100%;
/*border: 1px solid orange;*/
}

#footer2
{
float: left;
margin: 0 auto 0 auto;
padding: 0;
width: 100%;
/*border: 1px solid orange;*/
}

/* main nav */
.main_nav
{
float: left;
margin: 48px 0 0px 440px;
padding: 0px 1px 0 1px;
min-width: 580px;
height: 30px;
/*border: 1px solid purple;*/
}

.nav_li
{
margin: 0 0 0 15px;
padding 3px;
display: inline;
list-style: none;
/*border: 1px solid yellow;*/
}

/* header link */
.header_link
{
position: absolute;
top: 20px;
left: 40px;
padding: 0 1px 0 1px;
width: 280px;
height: 54px;
display: block;
/*border: 1px solid orange;*/
}

.nav_li_a a:link {
background-color: transparent;
text-decoration: none;
color: #3C9;
}

.nav_li_a a:hover, .nav_li_a a:active, .nav_li_a a {
text-decoration: none;
text-decoration: none;
color: #ef6621;
}

.nav_li_a a:visited {
background-color: transparent;
text-decoration: none;
color: white;
}

/* side nav style */

.accordian_hold
{
float: left;
margin: 20px 0 0 0px
width: 187px;
min-width: 187px;
border: 0px solid green;
}

.side_nav_ul
{
float: left;
text-indent: none;
scrollbar-face-color: #bbc1c9; 
scrollbar-highlight-color: #bbc1c9; 
scrollbar-shadow-color: #bbc1c9; 
scrollbar-3dlight-color: #d2d6db; 
scrollbar-arrow-color: #333; 
scrollbar-track-color: #d2d6db;
scrollbar-darkshadow-color: #d2d6db; 
border: 0px solid green;
}

.side_nav_ul li 
{
margin: 0 0 0 -20px;
padding: 4px 3px 4px 3px;
text-indent: none;
list-style: none;
border: 0px solid green;
}

.side_nav_li a:link {
background-color: transparent;
text-decoration: none;
color: #ffffff;
}

.side_nav_li a:hover, .side_nav_li a:active {
text-decoration: none;
text-decoration: none;
color: #eeeeee;
}

.side_nav_li a:visited {
background-color: transparent;
text-decoration: none;
color: white;
}


/* content */
.page_title
{
float: left;
font: bold 12px Arial, Helvetica, sans-serif;
width: 765px;
color: white;
/*border: 1px solid yellow;*/
}

.content1
{
float: left;
margin: 10px 0 0 25px;
padding: 0px 1px 0 1px;
width: 700px;
/*border: 1px solid aqua;*/
}

.content2
{
float: left;
margin: 10px 0 0 0px;
padding: 0px 1px 0 1px;
width: 700px;
/*border: 1px solid aqua;*/
}

.content_footer
{
float: left;
margin: 10px 0 0 45px;
padding: 0px 1px 0 1px;
/*border: 1px solid yellow;*/
}

.content_image_display
{
float: left;
margin: 10px 0 0 25px;
padding: 0px 1px 0 1px;
width: 400px;
height: 424px;
/*background-color: #2b2b2b;*/
/*border: 1px solid yellow;*/
}

.content_image_display_long
{
float: left;
margin: 10px 0 0 25px;
padding: 0px 1px 0 1px;
width: 400px;
min-height: 424px;
/*background-color: #2b2b2b;*/
/*border: 1px solid yellow;*/
}

.content_image_text
{
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
width: 100%;
min-width: 100%;
color: white;
/*border: 1px solid yellow;*/
}

#me
{
float: left;
margin: 10px 0 0 25px;
padding: 0px 1px 0 1px;
width: 700px;
color: white;
/*border: 1px solid aqua;*/
}


/*panel pages styles */
ul .next_ul
{
display: inline;	
}

ul .next_li
{
padding: 4px;
display: inline;	
list-style: none;	
}

.content_illus_right_text
{
float: left;
margin: 10px 0 0 10px;
padding: 0px 1px 0 1px;
width: 430px;
color: white;
/*border: 1px solid aqua;*/
}

.content_illus_right_text_monsters
{
float: right;
margin: 10px 0 0 10px;
padding: 0px 1px 0 1px;
color: white;
width: 235px;
/*border: 1px solid aqua;*/
}

.content_image_display_balrog_illus
{
float: left;
margin: 10px 0 0 25px;
padding: 0px 1px 0 1px;
width: 222px;
/*background-color: #2b2b2b;*/
/*border: 1px solid yellow;*/
}

.content_image_display_balrog_illus_monsters
{
float: left;
margin: 10px 0 0 25px;
padding: 0px 1px 0 1px;
width: 422px;
/*background-color: #2b2b2b;*/
/*border: 1px solid yellow;*/
}

.icons_hold_balrog
{
float: left;
margin: 15px 0 0 0;
padding: 2px;
width: 420px;
/*background-color: #2b2b2b;*/
/*border: 1px solid yellow;*/
}

.icons_row_balrog
{
float: left;
margin: 3px;
padding: 2px;
width: 100%;
/*background-color: #2b2b2b;*/
/*border: 1px solid red;*/
}

.icon_items_balrog
{
float: left;
margin: 3px;
padding: 2px;
width: 46px;
height: 52px;
/*background-color: #2b2b2b;*/
/*border: 1px solid aqua;*/
}

.flash_hold
{
float: left;
margin: 50px 0 0 10px;
/*border: 1px solid red;*/
}

/* reuseable classes */