/*LAYOUT**********************/
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
font: 78%/1.8  Arial, Helvetica, sans-serif;
background-color: #fff;
}


/*INDEX SPLASH PAGE***************************/
body#index{
margin: 0;
padding: 0;
border: 0;
text-align:center;
min-height:100%;
height:100%;
background-color: #23291a;
overflow: hidden;
min-width:800px;
}

#indexcontainer {
margin-left: auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
background-image:url('images/indexbg.jpg');
background-repeat: no-repeat;
background-position: center;
height:660px;
width:790px;
padding: 0 0 0 0;
}

#indexmain {
 font-size:1.3em;
line-height:1.4em;
color:#8db054;
font-weight:bold;
text-align:center;
position:relative;
top:360px;
height:200px;
padding-top:100px;

}

#indexfooter {
padding: 8px 4px 6px 4px;
background-color:#23291a;
color:#8db054;
text-align:center;
font-size:1em;
position:relative;
top:310px;
height:32px;
margin-right: auto;	
margin-left: auto;
margin-top: 10px;
margin-bottom: 0px;
}

/*MAIN****/
#contentleft, #contenttop{
position: absolute; 
top: 0px; 
left: 0; 
width: 150px; /*Width of left frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #a7a7a7;
background-image:url(images/barbg.jpg);
background-repeat:repeat;
color: #fff;
}

 #contentleft{
 background-image:url(images/barbg.jpg);
background-repeat:no-repeat;
height:100%;
min-height:100%;
background-color: #23291a;
 }
#contenttop{ 
left: 150px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width:auto;
height:100px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #fff;
background-image:url(images/headerlogobg.jpg);
background-position:left;
background-repeat:repeat-y;
padding:0px;
}

#maincontent{
position: fixed; 
left: 150px; /*Set left value to WidthOfLeftFrameDiv*/
top: 100px; /*Set top value to HeightOfTopFrameDiv*/
bottom:0px;
right: 0;
margin:0px;
overflow: auto; 
background: #fff;
border-top: 5px solid #8db054;
min-width:500px;
}
#maincontent img{
margin:10px;
}
.innertube{
margin: 18px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
#imagecontainer {
text-align: center;
}

#imagecontainer img{
padding: 8px;
margin: 10px;
border:0;
}

#imagecontainer a{
border:0;
}


* html body{ /*IE6 hack*/
padding: 100px 8px 8px 150px; overflow: auto; 
  /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html, body{ /*IE6 hack*/
overflow: auto; 
  /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height:100%;
width: 100%;
}


#footer {
position:relative;
bottom:0;
padding: 8px 4px 10px 4px;
background-color:#23291a;
color:#fff;
text-align:center;
font-size:1em;
border-top: 5px solid #8db054;
height:60px;
margin:14px 0 0 0;
min-width:500px;
}

.spacer{ 
clear: both; 
padding: 20px 0; 
} 


/* TEXT STYLES **********************/
 p {
 color:#23291a;
    font-size:1.2em;
	line-height:1.3em;
}
li{
 color:#23291a;
    font-size:1.2em;
	line-height:1.4em;
}


h1 {
font-size: 1.9em;
color: #23291a;
font-family:Arial rounded MT bold;
padding:4px;
border-bottom: 2px solid #8db054;
}

h2 {
font-size: 1.6em;
color: #8db054;
padding:4px;
font-family:Arial rounded MT bold;
border-bottom: 2px dashed #23291a;
}
 textarea {
color: #23291a;
background: #fbf9c7;
border-width: 1px;
border-color: #23291a;
border-style: solid;
}
.submit input
{
color: #000;
background:  #8db054;
border: 2px outset #23291a;
} 

#maincontent p a:link{
color:#8db054;
	text-decoration: none;
}
#maincontent p a:visited{
color:#8db054;
	text-decoration: none;

}
#maincontent p a:hover{
color:#8db054;
border-bottom:1px dashed #23291a;
text-decoration: none;
}
#maincontent p a:active{
color:#8db054;border-bottom:1px dashed #23291a;
	text-decoration: none;
}




#indexmain a:link,#indexmain a:visited{
 font-size:1.5em;
line-height:1.7em;
color:#8db054;
text-decoration:none;
}

#indexmain a:hover,#indexmain a:active{
 font-size:1.5em;
line-height:1.7em;
color:#8db054;
text-decoration:none;
border-bottom:2px dashed #23291a;
}



#maincontent li{
line-height: 1.9em;
background-repeat: no-repeat;
background-position: 0 7px;
 padding-left: 18px;
 list-style-type: none;
 font-weight:bold;
}
#maincontent li  a:link{
color:#ff0000;
	text-decoration: none;
}
#maincontent li a:visited{
color:#ff0000;
	text-decoration: none;

}
#maincontent li a:hover{
color:#ff0000;
border-bottom:1px dashed #23291a;
text-decoration: none;
}
#maincontent li a:active{
color:#ff0000;border-bottom:1px dashed #23291a;
	text-decoration: none;
}

#maincontent table a:link{
color:#ff0000;
	text-decoration: none;
}
#maincontent table a:visited{
color:#ff0000;
	text-decoration: none;

}
#maincontent table a:hover{
color:#ff0000;
border-bottom:1px dashed #23291a;
text-decoration: none;
}
#maincontent table a:active{
color:#ff0000;border-bottom:1px dashed #23291a;
	text-decoration: none;
}


.dark{
color:#23291a;
background-image: url(/images/bullet.gif);
}

.light {
color:#8db054;
background-image: url(/images/bulletlight.gif);
}


#footer a:link {
text-decoration: none;
color:#8db054;

}
#footer a:visited {
text-decoration: none;
color:#8db054;
}
#footer a:hover {
text-decoration:none;
color:#8db054;
border-bottom: 1px dashed  #8db054;
}
#footer a:active {
text-decoration: none;
color:#8db054;
border-bottom: 1px dashed #8db054;
}

/*left-hand menu */

#blueblock{
position:relative;
top:110px;
width: 150px;
padding: 0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
/*background-color: #707370;*/
color: #23291a;
font-weight:bold;
}

* html #blueblock{ /*IE 6 only */
w\idth: 132px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
border-bottom: 1px solid #23291a;
}

#blueblock li {
border-top: 1px solid #23291a;
margin: 0;

}

#blueblock li a{
display: block;
padding: 4px 5px 4px 5px;
/*background-color: #a7a7a7;*/
background-image:url(images/trans.png);
background-repeat:repeat;
color: #fff;
text-decoration: none;
width: 100%;
border-right: 8px solid #23291a;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background-image:url(images/transroll.png);
background-repeat:repeat;
border-right: 8px solid #8db054;
color: #23291a;
}

body#profile a#profilenav,
body#benefits a#benefitsnav,
body#standard a#standardenav,
body#pricing a#pricingnav,
body#free a#freenav,
body#contact a#contactnav,
body#links a#linksnav
{
background-image:url(images/navscreen.png);
background-repeat:repeat-y;
color: #23291a;
border-right: 8px solid #8db054;
}

/*header navigation */
#navcontainer {
position:absolute;
top:10px;
font-size:0.9em;
z-index:200;
left:0px;
}

@media print {
#navcontainer {
display:none;}
}

#navlist li
{
display: inline;
list-style-type: none;
z-index:20;
margin-right: 9px;
font-size:1.2em;
font-weight:bold;
}

#navlist li a{
padding-bottom: 4px;
color: #23291a;
text-decoration:none;
margin-right: 10px;
font-size:1.2em;
}

#navlist  li a:hover{
font-size:1.2em;
text-decoration:none;
border-bottom:1px dashed #8db054; 
}
#navlist  li a:active{
font-size:1.2em;
text-decoration:none;
border-bottom:1px dashed #8db054; 
}



/* contact form */

div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th    { margin: 0px; padding: 0px; }

div.contact_form table { border-collapse: collapse; }
div.contact_form th    { padding: 0px 10px 3px 0px; vertical-align: top; text-align: left; }
div.contact_form td    { padding: 0px  0px 3px 0px; }