/*liquid2.css for VBA Train.com
By Angela Bond, http://riverswestweb.com , 2007
Fluid layout 700-1000px. Javascript for IE6 width control (JS misplaced)
*/


/*----LAYOUT------------*/
a.Login {color:blue; text-decoration:none; }

body, html {
  margin: 0;
  padding:0;
 font-family:arial, helvitica, sans-serif;
  font-size: 95%;
 background:#FFFFFF url("Images/edger.gif") repeat-x top left;*/
}

h1{color: #1A3163; /*1A3163 is blue, 006600 is green*/
/*font-style: oblique;*/
font-size: 190%;
/*background-color: #FFFF99;*/
/*background-color: #FFFF66;*/
}

h2{/*color: #0033FF; 1A3163 is blue, 006600 is green 993333 is red*/
font-size: 155%;
}

h3{color: #1A3163;
font-size: 120%;
 }

h4{
font-size: 105%;
 }


font.head3{color: #1A3163;
text-align: center;
font-weight: bold;
font-size: 120%;
}

font.faq{color: #007423;
font-weight: bold;
font-size: 100%;
}

font.new{color: #800000;
vertical-align: top;
text-align: center;
word-spacing: 3px;
letter-spacing: 1px;
font-weight: bold;
font-size: 120%;
}

#lefthead {
 font-size: 110%;
 color: #800000;
 font-weight: bold;
 }
 
#wrapper, #header {
 /* background:transparent url("Images/leftfaux.gif") repeat-y top left; */
 margin: 0 auto;
 padding: 0;
 max-width: 1000px;
  min-width: 700px;
}

#wrapper2, #header2 {
 /* background:transparent url("Images/leftfaux.gif") repeat-y top left; */
 margin: 0 auto;
 padding: 0;
 max-width: 800px;
  min-width: 400px;
}

#error {
font-size: 120%;
color: #993333;
 }

/*---left column bg-color. needs work-----------
#wrapper, #left{ background-color: #EDEFF1; }
#right, #nav{   background:#FFFFFF;
  }*/

/*sticks banner image in */
#headwrap{ height: 155px;
   background:#E0E7ED url("Images/edger.gif") repeat-x top left;

  }


#right {
  margin-left: 200px;
  padding:10px 2em 0;
  margin-top: -10px;
  }

#right2 {
  margin-left: 70px;
  padding:10px 2em 0;
  margin-top: -10px;
  }
 
#right3 {
  margin-left: 40px;
  padding:10px 2em 0;
  margin-top: -10px;
  }

#right4 {
  margin-left: 20px;
  padding:10px 2em 0;
  margin-top: -10px;
  }
 
#left {
  position: absolute;
  top: 226px;/*226px*/
  /*left:;*/
  width: 200px;
 }

#leftwide {
  position: absolute;
  top: 226px;/*226px*/
  /*left:;*/
  width: 300px;
 }

#leftwidenew {
  position: absolute;
  top: 250px;/*226px*/
  /*left:;*/
  width: 200px;
 }
  
#left2 {
  position: absolute;
  top: 226px;/*226px*/
  /*left:;*/
  width: 70px;
 }

 #left3 {
  position: absolute;
  top: 226px;/*226px*/
  /*left:;*/
  width: 40px;
 }
 
 #left4 {
  position: absolute;
  top: 226px;/*226px*/
  /*left:;*/
  width: 20px;
 }
 
#clear {
display: inline-block;
clear: both;
height: 170px; }

#footer {
   border-top: 1px solid #4AAD52;
   background-color: #1A3163;
  clear: both;
  text-align: center;
  /*color: #300099;*/
  color: #FFFFFF;
  padding-bottom: 5px;




}

/*------navbar styles---------*/
#nav {padding:2px 0 4px 1.5em; /*url("Images/nav.gif") repeat-x top left; */ height: 45px;  margin:0px 0 0px 0px;
font-size: 110%;
}

#point {display:table; padding:0; margin:0 auto; list-style:none; white-space:nowrap; text-align: center;}
#point li {display:inline; margin:auto; padding:0;/*text-align: center;*/}
#point li a { font-family:arial; font-size:.9em; font-weight: 500; height:2.5em; line-height:2.5em; letter-spacing: 1px; padding: .8em 1em .3em ; text-decoration:none; color:#1A3163; /* background:#92B401;  url(grad.gif) repeat-x bottom left; border-right:1px solid #798B00; border-left:1px solid #3B8B00;*/}
#point li a:hover, #point li a.current {background:transparent url("Images/arrow.gif") no-repeat center top; color:#4AAD52;}
#point li a:hover b, #point li a.current b {display:block; float:left; background:transparent url(up_arrow.gif) no-repeat center bottom; cursor:pointer}

#pointx {padding:0; margin:0 auto; list-style:none; text-align: left;}
#pointx li {margin:auto; padding:0; text-align: left;}
#pointx li a { font-family:arial; font-size:.9em; font-weight: 500; height:2.5em; line-height:2.5em; letter-spacing: 1px; text-decoration:none; color:#1A3163;}
#pointx li a:hover, #point li a.current {background:transparent url("Images/arrow.gif") no-repeat middle; color:#4AAD52;}
#pointx li a:hover b, #point li a.current b {display:block; float:left; background:transparent url(up_arrow.gif) no-repeat center bottom; cursor:pointer}

/*-------"template" styles----------------*/
#header .byline {
  font-size:1em;
  font-style: oblique;
  color: #FEFF99;
  float: right;
  margin-top: 120px;
  margin-left: -40px;
  padding-right: 50px;
  }

.logo {
  float: left;
  margin-left: -40px;
  /*margin-top: 1em;  */
}

#header h1{
  padding:0 0 0 25px;
  margin: 0;
  float: left;

}

/*------Content Styling-------------*/
.content p {
  font-size: .9em;
  line-height: 1.3em;
  padding-left: 1.2em;
  }


#footer p{ margin-left: 190px; }
#footer a { font-size: .8em;
    padding:0 0 5px 0;
    color: #FEFF99;
   }


#leftcontent{
text-align: center;
 padding-left: 14px;
    padding-right: 14px;
    }


a img {border: none;}


.small{ font-size:.8em !important; color: #666666; }
.offerbox { margin: 10px; }
.snazzylogin {
margin-top: 5px !important; /* this limit moves login up and down. Was larger */

}
/*---------Rounded Box Styles---------------------*/
.xsnazzy h1, .zsnazzy h1, .xsnazzy .xboxcontent h1  {
margin:0;
font-size:1em !important;
padding:0 10px 5px 10px;
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0;
padding:5px 10px;
/*font-size: small;*/
}
.xsnazzy {
background: #FFFFFF;
width:180px;
float:left;
margin:15px 5px;

}

.xtop, .xbottom {
display:block;
background:transparent;
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:transparent; /*#FFF*/
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px;
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px;
margin:0 1px;
}

.xboxcontent {
display:block;
border:0 solid #444;
border-width:0 1px;
height:auto;
}
* html .xboxcontent {
height:1px;
}

.colora {
background:#FFF !important;
color:#300099 !important;
}
.colorb {
background: #FEFF99 ;
color:#300099;
}



/*------Just in case I need it--------------*/
/*h1{
font-size: 1.8em "Courier New", Courier, monospace;
font-weight: bold;
}
h2{
  font: 1.6em "Courier New", Courier, monospace;
  font-weight: bold;
}
h3{
  font: 1.4em "Courier New", Courier, monospace;
  font-weight: bold;
}
h4{
  font: 1.3em "Courier New", Courier, monospace;
  font-weight: bold;
}
h5{
  font: 1.2em "Courier New", Courier, monospace;
  font-weight: bold;
}
h6{
  font: 1.1em "Courier New", Courier, monospace;
  font-weight: bold;
}
*/

/*




#leftlinks { list-style-type: none;
     margin:0; padding: .5em 0;
     text-align: center;
     }





#sidenav ul{
 list-style-type: none;
 margin-left: 1em;
 padding-left: 0;
}

#sidenav li {
  font-size: .8em;
  margin-bottom: .3em;
        }

#sidenav a:hover {
   color: #CC00FF;
}

#sidenav.head {
  color: #000097;
  border-bottom: 1px dashed #000097;
  font-family: "Courier New", Courier, monospace;
}


#sidenav h2{
  font-size: 1.2em;
 }

#sidenav h3 {
   font-size: 1.0em;
  }










*/