/* CSS Document */

html,body{margin:0;padding:0;height:100%;font:small,arial,sans-serif;padding: 2px;}

p {font-size:110%}

#outer{ 
min-height:100%;
background: #ffffff;
color:#000000;
/*background: url(images/containergradient.png);
background-repeat:repeat;*/
/*border-left:1px solid #000
border-right:1px solid #000;*/
margin: 5px 0px 5px 0px;
padding:0px;
}
* html #outer{height:100%;} /* IE6 and under treat height as min-height anyway*/

#logo {margin: 0px 0 5px 0px}

#navcontainer {padding:5px; background-image:url(/images/banner.png); background-repeat: repeat-x;}
#header1-bottom ul {margin:0; white-space:nowrap; padding: 0 20px 0 0; text-align: right;}
#header1-bottom li {display: inline; list-style-type:none; color:#ff4ff0; font: 110% bold} /* displays list items on the same line */
#header1-bottom a, #header1-bottom a:visited  {text-decoration:none; color:#7822f9; padding: 1px 8px 1px 24px; border: 1px solid; border-color: #ddd #4C10A5 #4C10A5 #ddd; background-image:url(/images/buttonpassive3.png); background-color:#cccccc;background-position: 0% 50%;}
#header1-bottom a:hover{border: 1px solid; border-color: #4c10a5 #ddd #ddd #4c10a5; background-image:url(/images/btnactive3.png);color: #fff; background-color:#A868A7}


#tagline {font-weight:bold; margin:0; padding:0 0 0 20px; width:500px; float:left}

#header1{background:#ffffdd; min-height:0;/* ie 7 haslayout fix */  margin:10px 10px 10px 10px;}

/* mac hide \*/
* html #header1{height:56px;height:1px}/* height needed for ie to force layout*/
/* end hide*/

#main { position:relative; margin-top: 0px; top:0; left:0; width:100%;}
#content {margin:0px 219px 0 180px; color:black; background-color:#f8d9e7; height:100%}
#content-sitemap {margin:0px 180px 0 180px; background-color:white; color:black; background-color:#ffffff; height:100%}

p.dotted { border-style: dotted;border-color:#FF0000;}
#content .inner {margin:5px 5px 5px 5px; background:#ffffff}
#content .inner p {margin: 0; margin-top:0;padding: 0 .3em 0.9em;line-height: 200%;text-align:justify}
#content .inner a:link { text-decoration:none;}
#content .inner h1 {color:#ff0700;padding: 1.2em 0 0.7em;margin: 0;font-size:200%;font-family:Arial,Helvetica,sans-serif;line-height:100%;text-align:center;font-weight:bold;}
#content .inner h2 {font-size:140%; padding: 1em 0.3em 0.9em;margin: 0;color:#000080; font-family:Verdana, Arial, Helvetica, sans-serif;text-align:justify}
#content .inner h3 {font-size:120%; padding: 1em 0.3em 0.9em;margin: 0;color:#000080; font-family:Verdana, Arial, Helvetica, sans-serif;text-align:justify}
#content .inner h4 { font:Arial, Helvetica, sans-serif; font-size:120%; color:#000099; padding: 0 0 .7em}
#content .inner h5 { font:Arial, Helvetica, sans-serif; font-size:100%; color:#000099; padding: 0 0 .7em}
div#content .inner li { list-style:}
div#content .inner ul .cirlce{ list-style:circle}
#content .inner h3 a:link, #content .inner h3 a:visited { color:#245185}
div#content .inner li img { float:left; margin: 0 5px 5px 0; display:block; overflow:auto}
div#content .inner #box{float:right;display:inline;width:150px;margin: 15px 15px 15px 5px;background:#A868A7;text-align:center}
div#content .inner #box p {font-weight:800; color:#ffffff}
div#content .inner #features {background-color:#E5F3FF; margin: 0 5px 0 5px}
div#content .inner #features p {color:#666666;}
div#bettingpics {margin:5px 10px 5px 10px; background-color:#00FFFF; float:left}
div#content .inner .gobutton img {float:right; margin: -50px 5% 0px 0px; border:0; width: 50px; height:50px; overflow:visible} 
ul.circle {list-style-type:circle; padding-top:5px; padding-bottom:5px;font-weight:400;line-height:200%}

div.doclinks{overflow:auto; font-weight:900;padding:20px 0 20px 0; border-top-width:1px; border-top-color:#cccccc; border-top-style: solid; border-bottom-width:1px; border-bottom-color:#cccccc; border-bottom-style:solid}
div.doclinks1{float:left; /*margin-left:10px;*/}
div.doclinks2{float:right;/* margin-right:10px;*/}

/*to create a link table */
div.doclinksA{overflow:auto; font-weight:900;padding:20px;}
div.doclinksB{overflow:auto; font-weight:900;padding:20px;}/*end*/

div#minipics{padding-bottom:40px}
div#minipics ul{list-style-type: none;margin:0 15px 0 150px;padding:0; overflow:auto}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #BBD9EE}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px; border:0px}
div.img a:hover img {border: 1px solid #0000ff}

ul.picsnav,ul.picsnav li{margin:0;padding:0;list-style-type:none}
ul.picsnav li{width: 9em;}
ul.picsnav a{display:block; color:#ffffff; text-align:center ;font-weight:bold;background: #BBD9EE;
    text-decoration:none;text-align:center}
ul.picsnav a:hover{background: #ef8fea;color:#FFF}

div#footer{text-align: center;font-size: 90%;background: #8395CB;color: #FFF;margin:50px 20px 10px 20px;padding:  0}
div#footer-sitemap{text-align: center;font-size: 90%;background: #8395CB;color: #FFF;margin:0 0px 10px 0px;padding:  0}

div#news2{width: 380px;margin: 0 auto; margin-bottom:50px}
div#news2 div{float: left;width: 180px;margin:0 0 5px 5px; padding-bottom:10px; padding-top:10px; text-align:center}
div#news2 a {color:#ffffff;font-weight:bolder; font: 130%; text-decoration:none}
div#news2 a:hover { background-color: #ef8fea}
div.n1{background: #FDC778}
div.n2{background: #75EEB3}
div.n3{background: #8EE6F8}
div.n4{background: #CFCFCF}

#sidebar {position: absolute; top:0; right:0px; width: 195px; background-color:#ffffdd; margin:0 10px 0 0; padding:0; color:#fff}
#sidebar h4 { font-size:100%; font-weight:900; padding: .5em 0 .2em 10px; color:#ffffff; background-image:url(/images/navbar1.png); background-repeat:repeat-y}
ul.sidebar, ul.sidebar li { list-style-type:circle; margin: 10px 10px 0.5em 10px}


#sidebar2 {position: absolute; top:0; left:0; width: 159px; background-color:#ffffdd; color:#FFFFFF; margin: 0 0 0 10px; padding: 0}
#sidebar2 h3 { font-size:100%; font-weight:900; padding: .5em 0 .2em 10px; color:#ffffff; background-image:url(/images/navbar.png); background-repeat:repeat-y}

ul.postnav,ul.postnav li{margin:0;padding:0;list-style-type:none} /* margin o removes ident from IE and opera, padding 0 removes the indent from mozilla and NW7 */
ul.postnav li{width:9em;font-size:100%; margin-left: 10px; margin-right: 10px; margin-bottom:0.5em}
ul.postnav li a{display:block;width:10em;padding:5px .2em;font: bold 100% Verdana,Arial,sans-serif; background-image:url(/images/passivebutton.png); background-repeat:no-repeat;color: #666; text-decoration:none;text-align:center; border-style:solid; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff}
ul.postnav a:hover{ background-image:url(/images/btnactive1.png);color:#fff;
border-color: #aaab9c #fff #fff #ccc;}

#clearnews2{clear:both;height:10px;}/*needed to make room for footer*/ 

#comparison h1 {font-size:200%; padding:1.2em 0 0.7em .7em; background-color:#BC23D3; color:#FFFFFF}

/*tabs*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #CCC;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #CCC;
 border-bottom: none;
 background: #E589FF;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #D942FF;
 border-color: #D942FF;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 color:#D942FF;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; border-top:0px none; background-color:#FFFFFF;
}


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 h1 { color:#BC23D3
}

.tabberlive#tab1 p { margin: 0; margin-top:0;padding: 0 .3em 0.9em;line-height: 200%;text-align:justify
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}