/* CSS Document */

body
{
margin-top: 5px;
padding: 0;
font-family: georgia, times, "times new roman", serif; 
color: #000;
background-color: #ffffff;
} 

/*the left column*/

div#banner
{
width: 953px;
height: 138px;
margin: 0 auto 0 auto;
}

/*left columb insides*/

.divleftnav
{
display:block;
width: 193px;
float:left;
}

ul.left
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
display: block;
}

li.left
{
display:inline;
}

.leftnavbutton
{
float: left;
width: 167px;
height:16px;
background-image: url(newcomponents/sidebutton.jpg);
padding: 5px 13px;
border-bottom: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #284970;
text-decoration: none;
}

.leftnavbutton:hover 
{
background-image: url(newcomponents/sidebuttonroll.jpg);
}


.amazonbox
{
float: left;
width: 192px;
height: 192px;
display: block;
border-top: solid 5px #ffffff;
background-image:url(newcomponents/amazon.jpg);
}


a.amazonbox
{
text-decoration:none;
}

.books1
{
height:100px;
width: 180px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal;
text-transform: none; 
color: #FFFFFF; 
text-decoration: none;
padding: 5px 5px;
}

.books2
{
height:80px;
width: 180px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal;
text-transform: none; 
color: #000033;
text-decoration: none;
padding: 5px 8px;
}

/*

.amazontext1
{
padding: 5px 5px;
background-image: url(components/bullet.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal;
text-transform: none; 
color: #FFFFFF; 
text-decoration: none;
height: 100px;
width: 193px;
}

.amazontext2
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: left;
}

*/




.newsbox
{
float: left;
width: 193px;
height: 165px;
display: block;
border-top: solid 5px #ffffff;
display: block;
background-image: url(newcomponents/commentsbox.gif);
}

.news 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal;
text-transform: none; 
color: #FFFFFF; 
text-decoration: none;
padding: 5px 5px;
}
 
.newsthin 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #003366; 
text-decoration: none; 
padding: 8px 7px;
}



a.newsthin
{
text-decoration: none; 
}

.emaillink
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #003366; 
text-decoration: none; 
}

.emaillink:hover
{
color: #6EA5C4;
}

.bookmarkbold
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none; 
color: #003366; 
text-decoration: none; 
}

.bookmarkbold:hover
{
color: #6EA5C4;
}

.newsblue 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none; 
color: #003366; 
text-decoration: none; 
padding: 3px 0px;
}

.contactbox
{
float: left;
width: 193px;
height: 120px;
display: block;
border-top: solid 5px #ffffff;
display: block;
background-image: url(newcomponents/contactbox.gif);
border-bottom: solid 5px #ffffff;
}


/* end of left column insides*/



/*top navigation stuff*/

div#nav
{
width: 953px;
height:30px;
margin: 0 auto 0 auto;
}

ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
display: inline;
}

li 
{
display:inline;
}

.button1
{
float: left;
width: 193px;
height:30px;
background-image: url(components/welcome.jpg);
border-right: none;
}

.button2
{
float: left;
width: 83px;
height:30px;
background-image: url(components/button1.jpg);
border-right: none;
}

.button2:hover 
{
background-image:url(components/button1roll.jpg);
}

.button3
{
float: left;
width: 158px;
height:30px;
background-image: url(components/button2.jpg);
border-right: none;
}

.button3:hover 
{
background-image:url(components/button2roll.jpg);
}

.button4
{
float: left;
width: 83px;
height:30px;
background-image: url(components/button3.jpg);
border-right: none;
}

.button4:hover 
{
background-image:url(components/button3roll.jpg);
}

.button5
{
float: left;
width: 101px;
height:30px;
background-image: url(components/button4.jpg);
border-right: none;
}

.button5:hover 
{
background-image:url(components/button4roll.jpg);
}

.button6
{
float: left;
width: 115px;
height:30px;
background-image: url(components/button5.jpg);
border-right: none;
}

.button6:hover 
{
background-image:url(components/button5roll.jpg);
}

.button7
{
float: left;
width: 110px;
height:30px;
background-image: url(components/button6.jpg);
border-right: none;
}

.button7:hover 
{
background-image:url(components/button6roll.jpg);
}

.button8
{
float: left;
width: 104px;
height:30px;
background-image: url(components/button7.jpg);
border-right: none;
}

.button8:hover 
{
background-image:url(components/button7roll.jpg);
}

.buttondivide
{
float: left;
width: 1px;
height:30px;
background-image: url(components/buttonspacer.jpg);
border-right: none;
}
/*end of top navigation stuff*/


/*container*/

div#container
{
background-image:url(newcomponents/loopingbackground.gif);
background-repeat: repeat-y;
width: 953px;
margin: 0 auto 0 auto;
} 

div#container2
{
background-repeat: repeat-y;
background-position: right;
} 

div#navigation
{
float: left;
width: 193px;
border-top: solid 2px #ffffff;
} 

/*right div */
div#more
{
border-top: solid 2px #ffffff;
float: right;
width: 192px;
margin: 0;
color: black;
} 

div#more h3
{
margin-top: 0;
color: #fff;
background-image: url(more_base.jpg);
background-position: right;
background-repeat: repeat-y;
} 


/* the middle div just gets set margins to clear the left and right columns.nomatter how small the middle gets when the browser window chnaged the margins will remain the same.*/


div#content
{
margin-left: 201px;
margin-right: 200px;
border-top: solid 2px #ffffff;
background: #ffffff;
padding: 0px 0px 0px 0px;
} 

/*seems like you have to specify 0 margins forthem not to appear.*/




/*think the clear div goes below main contetn at end of container to gaurantee thefooter will stay away as a sepaerate part.*/

#cleardiv
{
clear: both;
height: 1em;
} 

/*footer stuff*/

div#footer
{
clear: both;
border-top: 34px solid #ffffff;
width: 953px;
height: 114px;
margin: 0 auto 0 auto;
background-image:url(components/footer.jpg);
background-repeat:no-repeat;
} 

.footerlogos
{
width: 953px;
height: 73px;
display: block;
float: left;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #2C688B; 
text-decoration: none; 
text-align: justify;
}

.footertype
{
width: 230px;
height: 10px;
display: inline;
float: left;
position: relative;
bottom: -61px;
}

.footerspacerdiv
{
width: 953px;
height: 12px;
display: block;
float: left;
}

.bottomlinks
{
width: 580px;
height: 20px;
display: block;
float: right;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #004F7D;

}

.w3c1
{
width: 200px;
height: 10px;
float: left;

}

/*end of footer*/



/*main content inside*/

.breadcrumbs
{
float: left;
width: 552px;
height: 25px;
display: block;
background-image: url(newcomponents/breadcrumbnew.jpg);
padding: 6px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
}

.breadcrumbfont
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
}

.breadcrumbfont:hover
{
color: #6EA5C4;
}

.subheader
{
float: left;
width: 552px;
height: 45px;
display: block;
border-bottom: solid 15px #ffffff;
}


.textcontent
{
float: left;
width: 552px;
height: 100px;
display: block;
padding: 0px 0px 0px 2px;
}

p.body
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: justify;
}

.link
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #004F7D;
text-decoration:underline;
text-align: justify;
}

.link:hover
{
color: #6EA5C4;
text-decoration:underline;
}

.bodybold
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: justify;
}

.bodybold:hover
{
color: #6EA5C4;
}

/*form stuff*/


.formdiv
{
float: left;
width: 535px;
height: 200px;
display: block;
background-image: url(components/quickformback2.jpg);
background-repeat:no-repeat;
padding-top: 15px;
padding-left: 25px;
}

.formline1
{
width: 492px;
height: 30px;
display: block;
float: left;
}

.formline2
{
width: 492px;
height: 30px;
display: block;
float: left;
}

.formline3
{
width: 492px;
height: 30px;
display: block;
float: left;
}

.formline4
{
width: 492px;
height: 45px;
float: left;
}

.insideformline1
{
width: 55px;
height: 30px;
float: left;
display:inline;
border-top: 7px solid #ffffff;
}


.insideformline2
{
width: 20px;
height: 30px;
float: left;
display:inline;
}



.formtype
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: justify;

}

.formtypeunderline
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration:underline;
text-align: justify;
}

.submit
{
width: 492px;
height: 30px;
float: left;
display: block;
}

/*end of form stuff*/


.locationboxes
{
float: left;
width: 552px;
display: block;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: justify;
}

.locationbox1
{
float: left;
width: 200px;
display: inline;
}

.locationbox2
{
float: left;
width: 200px;
display: inline;
}

.locationbox3
{
float: left;
width: 150px;
display: inline;
}

.locationbox4
{
float: left;
width: 120px;
display: inline;
}

/*end of main content inside*/



/*right div insides*/

.rightimage1
{
float: right;
width: 192px;
height: 156px;
display: block;
background-image:url(components/imagenav1.jpg);
}

.rightimage1:hover
{
background-image:url(components/imagenav1roll.jpg);
}

.rightimage2
{
float: right;
width: 192px;
height: 156px;
display: block;
border-top: solid #ffffff 3px;
background-image:url(components/imagenav2.jpg);
}

.rightimage2:hover
{
background-image:url(components/imagenav2roll.jpg);
}

.rightimage3
{
float: right;
width: 192px;
height: 156px;
display: block;
border-top: solid #ffffff 3px;
background-image:url(components/imagenav3.jpg);
}

.rightimage3:hover
{
background-image:url(components/imagenav3roll.jpg);
}

.rightimage4
{
float: right;
width: 192px;
height: 156px;
display: block;
border-top: solid #ffffff 3px;
border-bottom: solid #ffffff 5px;
background-image:url(components/imagenav4.jpg);
}

.rightimage4:hover
{
background-image:url(components/imagenav4roll.jpg);
}


div#w3cbuttons
{
clear: both;
border-top: 10px solid #ffffff;
width: 953px;
height: 40px;
margin: 0 auto 0 auto;
background-repeat:no-repeat;
} 

/*register buttons*/

.registertutee
{
float: right;
width: 192px;
height: 156px;
display: block;
background-image:url(newcomponents/sidebutton-register-tutee.jpg);
}

.registertutee:hover
{
background-image:url(newcomponents/sidebutton-register-tutee-r.jpg);
}

.registertutor
{
float: right;
width: 192px;
height: 156px;
display: block;
background-image:url(newcomponents/sidebutton-register-tutor.jpg);
}

.registertutor:hover
{
background-image:url(newcomponents/sidebutton-register-tutor-r.jpg);
}

/*images on pages */

.tuteeimage1
{
float: right;
border-left: solid #ffffff 10px;
}

.tutorimage1
{
float: right;
border-left: solid #ffffff 10px;
}

.tutorimage2
{
float: right;
border-left: solid #ffffff 10px;
border-bottom: solid #ffffff 5px;
}

.formtypelighter
{
color: #536E8C;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
font-variant: normal; 
text-transform: none; 
text-decoration: none; 
text-align: justify;
}


/*new registerbuttons*/

.bigbox
{
width:552px;
display: block;
}



/*register*/

.bigbox
{
float: left;
width: 552px;
height: 180px;
display: block;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: justify;
}

.smallbox1
{
float: left;
width: 220px;
display: inline;
}

.smallbox2
{
float: left;
width: 200px;
display: inline;
}

.spacer
{
float: left;
width: 70px;
height: 20px;
display: inline;
}



/*register buttons2*/


.registertutee2
{
width: 192px;
height: 156px;
display: block;
background-image:url(newcomponents/sidebutton-register-tutee.jpg);
}

.registertutee2:hover
{
background-image:url(newcomponents/sidebutton-register-tutee-r.jpg);
}

.registertutor2
{
width: 192px;
height: 156px;
display: block;
background-image:url(newcomponents/sidebutton-register-tutor.jpg);
}

.registertutor2:hover
{
background-image:url(newcomponents/sidebutton-register-tutor-r.jpg);
}

.map
{
width:534px;
height: 450px;
display:block;
background-image:url(components/map.jpg);
background-repeat: no-repeat;
}
.faqfont
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: justify;
}

.faqfont:hover
{
color: #6EA5C4;
}


/*big form old stuff */

.bigform
{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none; 
color: #000033; 
text-decoration: none; 
text-align: justify;
}