/* CSS Document */
/* CSS Document */

body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:1000px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
	a { text-decoration:none;
	
    }
   
/* Header styles */


    #header {
        clear:both;
        float:left;
        width:100%;
		margin: 5px 0px 0px 0px;
    }

	/* 'widths' sub menu */
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#fff;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-14em; 		/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:26em;         		/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:16em;        		/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		
	}
	.holygrail #col1 {
        margin:1em 5em;     		/* Centre column side padding:
                           	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		min-width:200px;
		background:#fff;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:10em;        		/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:1.4em;         		/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:15em;        		/* Width of right column content (right column width minus left and right padding) */
        margin-right:1em;  		/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:96%;
    }
   
    <!--[if lt IE 7]>
    #col1 {
	    width:100%;
	}
    <![endif]--> 


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

#navcontainer {padding:5px;}
#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  {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}
#navcontainer #header1-bottom .uberlink {
background-color: #A868A7;
background-image:url(/images/btnactive3.png);
background-repeat: no-repeat;
background-position: 0% 50%;
font-weight:bold;
color: #333 !important;
cursor: default;
}


#tagline {font-weight:bold; margin:0; padding:0 0 0 20px; width:300px; 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*/

#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;}
.holygrail #col1 .inner {margin:5px 5px 5px 5px; background:#ffffff}
.holygrail #col1 .inner p {margin: 0; margin-top:0;padding: 0 .3em 0.9em;line-height: 200%;text-align:justify}
.holygrail #col1 .inner a:link { text-decoration:none;}
.holygrail #col1 .inner h1 {color:#BC23D3;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;}
.holygrail #col1 .inner h2 {font-size:160%; padding: 1em 0.3em 0.9em;margin: 0;color:#7138ED; font-family:Arial,Helvetica,sans-serif;text-align:justify}
.holygrail #col1 .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}
.holygrail #col1 .inner h4 { font:Arial, Helvetica, sans-serif; font-size:120%; color:#000099; padding: 0 0 .7em}
.holygrail #col1 .inner h5 { font:Arial, Helvetica, sans-serif; font-size:100%; color:#000099; padding: 0 0 .7em}
.holygrail #col1 .inner li { list-style:}
.holygrail #col1 .inner ul .cirlce{ list-style:circle}
.holygrail #col1 .inner h3 a:link, .holygrail #col1.inner h3 a:visited { color:#245185}
.holygrail #col1 .inner li img { float:left; margin: 0 5px 5px 0; display:block; overflow:auto}
.holygrail #col1 .inner #box{float:right;display:inline;width:150px;margin: 15px 15px 15px 5px;background:#A868A7;text-align:center}
.holygrail #col1 .inner #box p {font-weight:800; color:#ffffff}
.holygrail #col1 .inner #features {background-color:#E5F3FF; margin: 0 5px 0 5px}
.holygrail #col1 .inner #features p {color:#666666;}
div#bettingpics {margin:5px 10px 5px 10px; background-color:#00FFFF; float:left}
.holygrail #col1 .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:0 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}
.footerlinks {text-align:center}
.footerlinks li {float:left;}
.footerlinks a { color:#7138ED;}

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 { width:11em; background-color:#ffffdd; margin:1em 0em 0 0.5em; 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;}
#sidebar a {font-size: 90%}

#sidebar2 {background-color:#ffffdd; color:#ffffff; margin: 1em 0 0 0px; padding:0em}
#sidebar2 h3 {font-size:100%; font-weight:900; padding: .5em 0 .2em .5em; color:#ffffff;}

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:9.4em;font-size:75%; margin-left: .4em; margin-right: 0em; margin-bottom:0.5em;}
ul.postnav li a{display:block;width:11.2em;padding:5px;font: bold 100% Verdana,Arial,sans-serif; background-image:url(/images/passivebutton.png); background-repeat: repeat-x;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); background-repeat:repeat-y;color:#fff;
border-color: #aaab9c #fff #fff #ccc;}

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

#tableh{ font:bold}
#bookiename {color:#BC23D3}

/*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: 0px 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-left: 1px solid #CCC;
 border-right: 0px #fff;
 border-top: 0px #fff;
 border-bottom: none;
 background: #E589FF url(images/tabright.gif) top right no-repeat;
 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 url(images/tabright.gif) top right no-repeat;
 border-color: #ccc;
}

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 url(images/tabright.gif) top right no-repeat;
 border-bottom: 1px solid white;
}

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

.tabberlive .tabbertab a.apply { background:#cccccc url(images/applynow.png); width:85px; height:22px; display:block; margin: 0.3em .3em .3em .3em}


/* 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;
}

#compcontainer { padding:2em; clear:both}