/*
 * HSP V2.CSS
 *
 *
*/

body {
  font-family: arial, century gothic, verdana, helvetica, sans-serif;
  text-align: center;  
  background: #f1f1f1;
  color: #333333;
  font-size: 12px;
  margin: 0px auto 0px;
  padding: 0px;  
}


DIV,TH,TR,TD,TABLE,LI,UL,FORM, 
BLOCKQUOTE,P,cI,center {
    font-family : arial, century gothic, verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size : 12px;
    color: #333;
}

SELECT, OPTION, INPUT, TEXTAREA { 
   margin-top: 3px;
   font-size: 11px;
   font-weight: normal;
}

#content {
   width: 760px;
	margin: 20px auto;
	padding: 0px 0px 0px 0px;
	}
	
/************************************************
*	Header
************************************************/

#header {
	width: 800px;
	}

#xheader {
	width: 840px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: right;
	border-top: 5px solid #600;
	font-family: Century Gothic, Verdana, Tahoma;
	font-size: 14px;
	letter-spacing: 1px;
	}
	

#xheader a {
	font-family: Century Gothic, Verdana, Tahoma;
	font-size: 32px;
	color: #333333;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	xtext-transform: uppercase;
	}



#xheader a:hover{

	color: #999999;

	}


/************************************************
*	Navbar   
************************************************/

#navbar {
	width: 820px;
	background: #f1f1f1;
	}
	
#navbar ul li a {
	color: #666;
	}
		
#xnavbar {
	width: 840px;
	margin: 0px auto 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	}


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

#xnavbar ul li a {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #444;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
	}

#xnavbar ul li a:hover {
	background: #880000;
	color: #fff;
	}

/********************************
 * Footer
 ********************************
*/

#footer {
    width: 790px;
	margin: 0px auto 0px;
	padding: 0px;	
}

#footerbottom {
    float: left;
	width: 790px;
	margin: 5px auto 0px;
	padding: 0px 0px 0px 0px;
}

#l_footer
{
   float: left;
   text-align: left;
   width: 435px;
   margin: 0px 0px 0px 0px;
}

#l_footer p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

#r_footer
{
   float: right;
   text-align: right;
   margin: 0px 0px 0px 0px;   
   width: 355px;   
}

#r_footer p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}



#container         { border: 1px solid  #333333; }
#container2        { border: 1px solid  #333333; background-color: #111111; }
#container3        { border: 1px solid  #333333; background-color: #444444; }
#container4        { border: 1px solid  #333333; background-color: #545454; }

#container-dashed  { border: 1px dashed #666666; }
#container2-dashed { border: 1px dashed #666666; background-color: #191919; }

#leftSection       { border-right: 3px solid  #111111; background-color: #333333; }
#rightSection      { border-left:  3px solid  #111111; background-color: #333333; }

#sectionHeader { 
  border-top:       1px solid  #000000;
  border-bottom:    1px solid  #000000;
  padding: 2px;
  background-color: #545454;
  color: #f1f1f1;
  font-weight: bold;
  font-size: 11px;  
  text-align: center;
  letter-spacing: 1px;
}

#topBottom { 
  border-top:       1px solid  #000000;
  border-bottom:    1px solid  #000000;
  padding: 0px;
  background-color: #222222;
  font-size: 10px;  
  font-family: arial;
}

#liner             { border-top: 1px solid #545454; padding-top: 0px; }

.indent { 
    margin-left:  10px;
    margin-right: 10px;
    font-family:  verdana, arial; 
    font-size:    11px; 
}


.pageName   { 
    color: #EE9900; 
    font-family: verdana, arial, helvetica;
    font-size: 14px; 
    letter-spacing: 6px;
    font-weight: bold;
    margin-top: 5px;
    margin-left:  10px;
    margin-right: 10px;
    margin-bottom: 5px;
    text-align: left;
	padding-left: 10px;
    line-height: 24px;
    border: 1px dashed #545454;	
}

.subTitle   { 
    color: #EE9900; /*#99cc99; */
    font-family: verdana, arial;
    font-size: 11px; 
    letter-spacing: 1px;
    font-weight: bold;
    margin-left:  10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 5px;
	background-color: #191919;
    text-align: left;
	padding-left: 10px;
	padding-top: 2px;	
	padding-bottom: 2px;
    border: 1px dashed #545454;	
	
}

.heading_1  { 
    color    : #f7f7f7; /* #99cc99; #ff4a00;*/
    font-family: verdana, arial; 
    font-size: 11px; 
    letter-spacing: 0px; 
    font-weight: bold;
}

.heading_2   { 
    color: #99cc99;
    font-size: 11px; 
    letter-spacing: 0px; 
    font-weight: bold;
}

.rowColor0   { background-color: #222222; letter-spacing: 0px; }
.rowColor1   { background-color: #333333; letter-spacing: 0px; }

.newsPrint     { font-size: 10px; }

.small         { font-size: 9px; color: #c0c0c0; font-weight: normal; line-height: 12px;}

.secondaryText { color: #ff4a00; font-weight: normal; }

.sideText      { font-family: arial,helvetica, sans-serif;  font-size : 11px; color: #000050; letter-spacing: 1px; }

.copyright     {color: #666666; text-decoration: none; font-size: 9px; }

.finePrint     { font-size: 9px; }
.finePrintO    { font-size: 9px; color: #33CC33; }
.finePrintI    { font-size: 9px; font-style: italic; }

.stretch       { letter-spacing: 2px; }

.caption       { 
    font-size: 11px; 
    font-family:  arial, verdana; 
    color: #000000; 
    letter-spacing: 1px;
}

sup { color : #EE9900; font-weight: bold; padding-right: 5px; }

.attention {
    color      : #EE9900; 
    font-weight: normal;
}

.attentionB {
    color      : #EE9900; 
    font-weight: bold;
}

.WOW {
    color         : #EE9900; 
    font-family: verdana, arial;
    font-size: 14px; 
    letter-spacing: 2px;
    font-weight: bold;
}


/* alternating row colors */

TR.row0    { background-color: #222222; }
TR.row1    { background-color: #333333; }

.sideA    { background-color: #333333;  color: #eeeeee; }
.sideB    { background-color: #545454;  color: #eeeeee; }

.tPrice  { font-size: 10px;  color: #ffffff; }
.tSize   { font-size: 10px;  color: #ffffff; }


HR 
{ 
  width    : 780px; 
  height   : 1px; 
  color    : #545454; 
} 

	
/*
 * L I N K   C O L O R   S C H E M E S  
*/

/* Regular links */


a:link     { color: #0000cc; text-decoration : none;  }
a:visited  { color: #000099; text-decoration : none;  } 
a:hover    { color: #0000ff; text-decoration : underline;  }
a:active   { color: #999;    text-decoration : none;  }


/* Top menu link */

.menu { 
    font-size:   10px;
    font-weight: normal;  
    letter-spacing: 0px;
    line-height: 24px;	
}

a.picLink:link     { color: #000000; }
a.picLink:hover    { color: #000000; }
a.picLink:visited  { color: #000000; }
a.picLink:active   { color: #000000; }


a.menu:link     { color : #bbbbbb; font-weight: normal; border-bottom: 0px; }
a.menu:visited  { color : #bbbbbb; font-weight: normal; border-bottom: 0px; }
a.menu:hover    { color : #DD4400; font-weight: normal; border-bottom: 0px; }
a.menu:active   { color : #dadada; font-weight: normal; border-bottom: 0px; }

/* Bottom menu link */

a.Bmenu:link     { color : #bbbbbb; text-decoration : none; font-weight: normal; border-bottom: 0px; }
a.Bmenu:visited  { color : #bbbbbb; text-decoration : none; font-weight: normal; border-bottom: 0px; }
a.Bmenu:hover    { color : #aa6600; text-decoration : none; font-weight: normal; border-bottom: 0px; }
a.Bmenu:active   { color : #dadada; text-decoration : none; font-weight: normal; border-bottom: 0px; }


.subMenu   { 
    color: #f7f7f7; 
    background-color: #000000;
    font-family: verdana, arial, helvetica;
    font-size: 11px; 
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-right: 5px;
    padding-bottom: 6px;
    padding-top: 5px;
    text-align: right;
}

a.subMenu:link     { color : #99CC99; font-weight: normal; border-bottom: 0px; }
a.subMenu:visited  { color : #99CC99; font-weight: normal; border-bottom: 0px; }
a.subMenu:hover    { color : #66CC66; font-weight: normal; border-bottom: 0px; }
a.subMenu:active   { color : #ff4a00; font-weight: normal; border-bottom: 0px; }

/* Sitemap Header */
a.category:link     { color : #dadada; font-weight: bold; text-decoration : none; border-bottom: 0px; }
a.category:visited  { color : #dadada; font-weight: bold; text-decoration : none; border-bottom: 0px; }
a.category:hover    { color : #FFFFFF; font-weight: bold; text-decoration : none; border-bottom: 0px; }
a.category:active   { color : #808080; font-weight: bold; text-decoration : none; border-bottom: 0px; }

/* Side Menu */
.SMenu {
  font-family   : verdana, arial, helvetica;
  letter-spacing: 1px;
  font-size:     11px;
  line-height:   18px;
}

a.SMenu:link     { color : #EE9900; font-weight: normal; text-decoration : none; border-bottom: 0px; }
a.SMenu:visited  { color : #EE9900; font-weight: normal; text-decoration : none; border-bottom: 0px; }
a.SMenu:hover    { color : #EE9900; font-weight: bold;   text-decoration : none;  border-bottom: 0px; }
a.SMenu:active   { color : #808080; font-weight: normal; text-decoration : none; border-bottom: 0px; }


#menuSection 
{
   background-repeat: no-repeat;
   background-color: #616060;
   color: #f7f7f7;
   font-weight: bold; 
   margin-left:  10px;
   margin-right: 0px;
   padding-top: 10px;
   letter-spacing: 0px;
   border: 1px solid #222222; 
}

.menu { color: #f7f7f7; }

#textImg 
{
   background-repeat: no-repeat;
   border-left: 1px solid  #333333;
   border-right: 1px solid  #333333;
   background-color: #111111;
}

#textLogo 
{
   border-top: 0px solid  #333333;
   background-repeat: no-repeat;
   background-color: #000000;
}
 
#textMenu 
{
   background-repeat: no-repeat;
   border-top: 1px solid  #333333;
   background-color: #000000;
   margin-left:  10px;
   margin-right: 10px;
}


/* 
 * SUBMENU:
 * Menu of the specific subject area (i.e. Sports) 
*/

#textSubMenu {  /* TD stuff */

    border-top:       1px solid  #333333;
    border-bottom:    1px solid  #333333;
 
    background-color: #111111;
    font-size:        11px; 
    font-family:      verdana, arial, helvetica; 
    margin-top:       10px;
    margin-bottom:    10px;
}

.sqImg {
  border: 1px solid #000000;
}

.squares
{
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    color: #f7f7f7;
    background-color: #000000;
    font-size: 18px; 
    font-weight: normal;	
    font-family:  arial, helvetica; 
    letter-spacing: 1px;
    line-height: 28px;
}


#mainBottom 
{
   background-repeat: no-repeat;
   background-color: #fff;
   color: #EE9900;
   font-weight: bold; 
   margin-left:  0px;
   margin-right: 0px;
   letter-spacing: 1px;
   padding-bottom: 10px;
}

#thinMenu 
{
   background-repeat: no-repeat;
   background-color: #fff;
   color: #EE9900;
   font-weight: bold; 
   margin-left:  0px;
   margin-right: 0px;
   letter-spacing: 1px;
   padding-bottom: 0px;
   padding-top: 0px;
   padding-left: 5px;
   padding-right: 5px;
}

#fixedMenu {
   border: 1px dashed #111111; 
   background-color: #545454;
   margin-left:  10px;
   margin-right: 10px;
 
   padding-bottom: 5px;
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   
   
}



	
td.edgeL { 
  border-right:     5px solid  #fff;
  padding: 0px;
  background-color: #600;
}

td.edgeR { 
  border-left:     5px solid  #fff;
  padding: 0px;
  background-color: #600;
}

