/* layoutstyles.css */

/* Background color of box images: #b0c4d0
   Border of box images: #7e97a6 */

/* Eliminate browser default margins and padding */
*{
    margin:0;
    padding:0;
border: 0px #f00 dotted;
}

body {
    background-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    /* Reducing the font size here, rather than in navbar and other styles,
       can make it easier to avoid pixel slop across browsers when using
       complex elements and styles like navbars and drop-down menus. Remove
       font-size properties from those elements after reducing the font size here.
       See other comments throuhout this style sheet.*/
       font-size:80%;

}

#wrapper{
   /* At 80% font size, 58em just about fills the width on an 800x600 display */
   width: 800px;
   background-color: #000;
   /* Set right and left to auto for centering */
   margin: 16px auto;
   position:relative;
   
} 

/********** Major layout divisions **********/
#branding{
    /* For absolutely-positioned hyperlinks */
    position:relative;
}   

#branding img{
    width:100%;
}
/********** Branding division styles **********/



/* Fixes the mysterious image gap */
#branding img{
    display:block;
}

/********** Leftcolumn division styles **********/
#leftcolumn{    
    /* Remember, content and navbar left 
       margins  must match this width */
    width:155px;
    float:left;
    /* Center images and text inside this div */
    text-align:center;
    /* For absolutely-positioned leftcolumn */
    position:absolute;
    top:102px;
    left:0;      
}
/* Matches background color and borders to those in 
   the sidebarBottom.gif and sidebarTop.gif images */
#leftcolumncontent{
    background:#600;    
    border-left:solid 1px #fff;
    border-right:solid 1px #fff;   
}

/* This controls the left link buttons in the left column */
a.leftlink
{
 
}
a.leftlink:link 
{
  color:#fff;
  text-decoration: none;
  font-weight:bold;
  font-size:8pt;
}
a.leftlink:visited
{
  color:#fff;
  text-decoration: none;
  font-weight:bold;
  font-size:8pt;
}
a.leftlink:hover
{
  color:#f00;
  text-decoration: none;
  font-weight:bold;
  font-size:8pt;
}
a.leftlink:active
{
  color:#fc0;
  text-decoration: none;
  font-weight:bold;
  font-size:8pt;
}


/* Applies to images in the leftcolumn div */
#leftcolumn img{
    width:80%;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
    padding:0 2px;
    width:80%;
    margin:8px auto;
    text-align:left;
    font-weight:lighter;
    font-size:13px;
}
p.dotty{
    padding:0;
    width:80%;
    margin-top:2px;
    text-align:center;
    border-top:2px #fff dashed;
}

p span {color: red}







/********** Navbar division styles **********/
   
#navbar{
    background:transparent; 
	height:16px;	 
	/* For absolutely-positioned navbar */
	position:absolute;
	top:64px; /* Whatever it takes to the navbar into the rounded box image  */
	left:0;  
    width:800px; /* Same as layout width */
    z-index:100;
    border:none;
}

/* Style for rounded box image in the navbar div */
#navbar img{
   position:absolute;
   top:0;
   left:0;
   width:100%; /* Same as wrapper width */
   z-index:101;
}

/* Get the navbar items in the rounded box image */
#navbar ul{
	list-style-type:none;
	position:relative;
	left:16px;
	top:1px;
	z-index:101;
}

/* List items in the navbar */
#navbar li{
	float:left;
	/* Required for drop-down menus */
	position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    color:#000;
	background:transparent;  
	display:block;
	height:24px;
	width:78px;
    border-right:0px solid 1px #600;	
    line-height:24px;
    margin-top:2px;
    text-align:center;
    outline-style:none;
    font-weight:bold;
    font-size:13px;
}




/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
    background:#600;
    color:#fff;
    border: dashed 1px #f93;
}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
    position:absolute;
    z-index:200;
    visibility:hidden;
    border:solid 0px #aaa;
    border-right:solid 0px #7e97a6;
    border-bottom:solid 0px #7e97a6;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
   visibility:visible;
   top:14px; /* Slightly less than navbar height */
   left:0; 
}


/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
    background: #999;
    color:#fff;
    text-align:left;
    display:block;
    width:160px;
    margin-top:0;
    padding:0 0 0 16px;
    height:auto;
     font-weight:normal;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #600; 
  color:#fff;
  font-weight:bold;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
    margin:-1px; 
    border-collapse:collapse; 
    position:absolute;
    top:0;
    left:0;
    z-index:200;
}

 

/********** outer img round division styles **********/
#outer{    
    /* Remember, content and navbar left 
       margins  must match this width */
    width:640px;
    border:0px #f00 dotted;
    /* Center images and text inside this div */
    text-align:center;
    /* For absolutely-positioned leftcolumn */
    position:absolute;
    top:102px;
    left:160px;
margin-bottom:100px;
         
}

/********** Content division styles **********/
#content{
    /* Left margin must match leftcolumn width */
    margin-left:0;
    margin-bottom:8px;
    background-color:#000;
    color:#fff;
    padding:24px 10px 10px 20px;
    width:608px;
    border-left:1px #fff solid;
    border-right:1px #fff solid;
}

/* Applies to paragraphs in the content division */
#content p{
    font-size:15px;
    margin:8px;
    line-height:19px;
    text-align:left;
font-family:Tahoma, Arial,Times New Roman, sans-serif;
}

/* This controls the yellow link buttons in the content */
a.ylink
{
 
}
a.ylink:link 
{
  color:#f63;
  text-decoration: underline;
  font-size:14px;
}
a.ylink:visited
{
  color:#f93;
  text-decoration: underline;
  font-size:14px;
}
a.ylink:hover
{
  color:#69f;
  text-decoration: none;
  font-size:14px;
}
a.ylink:active
{
  color:#69f;
  text-decoration: none;
  font-size:14px;
}



/* Applies to all lists in the content division */
#content ul, #content ol{
    font-size:15px;
    padding:10px 0 0 40px;
    text-align:left;
}
/* A little extra space between lines in list */
#content li, #content li{
    padding-bottom:10px;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
    font-family: Georgia, Tahoma, Arial,Times New Roman, sans-serif;
    color:#fc0;
}

/* Size h1 headings in the content division */
#content h1{
	font-size:34px;
}

/* Size h2 headings in the content division */
#content h2{
	font-size:30px;
}
/* Size h3 headings in the content division */
#content h3{
	font-size:26px;
}

/* Style for table borders 
        */
table {
            border-collapse: collapse;
            border: solid 1px #000;
            margin:0 auto; /* Centers the table */
color:#fff;
padding-top:20px;
        }
        /* General style for header and data cells */
        td, th {
            border: solid 1px #f93;
            padding: 4px;
      color:#fff;
      text-align:center;
        }
        td{
            background-color: #000;
        }
        /* Additional style for table header cells */
        th {
            background-color: #600;
        }

        #leftbox{
width:295px;
text-align:center;
float:left;
  /* Temporary borders */ 
  border: dashed 0px #f00;
padding-top:15px;
padding-bottom:10px;
}

#rightbox{
width:295px;
text-align:center;
float:left;
  /* Temporary borders */ 
  border: dashed 0px #f00;
padding-top:15px;
padding-bottom:10px;
}

#promobox{
width:400px;
text-align:center;
 margin-bottom: 10px;
float:left;
  /* Temporary borders */ 
  border: dotted 2px #fff;
padding:2px;
font-weight: bold;
}

/*************** General styles ************/
.hotkey{
    text-decoration:underline;
}

/* Acronyms and abbreviations */
    acronym,abbr{
        border-bottom:dotted 1px #333;
        cursor:help;
}

/* Captioned images */ 
div.captionpic{
   width:160px;
   float:right;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:10px;
   color:#fff;
   text-align:center;
   padding:10px 5px 5px 15px;
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   width:auto;
   border:1px solid #fff;
   padding:10px auto;
}

/*********** Printer-Friendly Styles **********/
@media print{
/* Start printer-friendly styles */

/* Printer only-Make wrapper the full page width */
#wrapper{
    width:100%;
}

/* Printer only-Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
    display:none;
}

/* Printer only-Get rid of content div margins and 
   padding. Use a different font for print */
#content{
    margin:0;
    padding:0;
    font-family:'Century Schoolbook', Times, Serif;
    font-size:14px;
}
/*End printer-friendly styles */
}