body
{
  margin: 0px;
  font-family: verdana, tahoma;
  font-size: 100%;
  line-height: 20px;
  background: url("../images/background.gif") repeat-y center #f2f8fe;  
}

img
{
  border: 0px;
}
.images_border {
/*	width:220px;
	height:165px;*/
    position: relative;
	padding:5px;
	margin:0px 25px 0px 0px;
	background-color:#006600;
	display:block;
	float:left; 
    border-top-left-radius: 10px 5px;
    border-top-right-radius: 10px 5px;
    border-bottom-left-radius: 10px 5px;
    border-bottom-right-radius: 10px 5px;
}
.images_border:hover {
	background-color:#DFDFDF;
}
.images_border img {
	width:100%;
	height:100%;
}
.images_border_1 {
/*	width:220px;
	height:165px;*/
	padding:5px;
	margin:0px 25px 0px 0px;
	background-color:#FFFFFF;
	display:block;
	float:left;
}
.images_border_1:hover {
	background-color:#FFFFFF;
}
.images_border_2 {
/*	width:220px;
	height:165px;*/
	padding:5px;
	margin:0px 25px 0px 0px;
	background-color:#FFFFFF;
	display:block;
	float:right;
}
.images_border_2:hover {
	background-color:#FFFFFF;
}

.images_border_r {

	padding:5px;
	margin: 10px 10px 10px 10px;
	background-color:#006600;
	display:block;
/*	float:right; */
    border-top-left-radius: 10px 5px;
    border-top-right-radius: 10px 5px;
    border-bottom-left-radius: 10px 5px;
    border-bottom-right-radius: 10px 5px;
}
p
{
  margin-top: 14px;
  margin-bottom: 14px;
}

strong
{
  color: #555;
}

h1
{
  color: #6084b8;
  font-size: 145%;
  font-family: verdana, tahoma;
  margin-top: 1px;
  margin-bottom: 11px;

  font-weight: normal;
}

h2
{
  color: #6084B8;
  font-size: 110%;
  font-family: verdana, tahoma;
}

form
{
  margin: 0px;
  padding: 0px;
}

acronym 
{ 
  border-bottom: 1px dotted #999999;
  cursor: help;
}
    
a
{
  color: #5986cf;
  text-decoration: none;

}

a:visited
{
  color: #4F76AF;
}

a:hover
{
  color: #4F76AF;
  text-decoration: underline;
}

.alert
{
  background: #fff6bf url("../images/alert-mark.gif") center no-repeat;
  background-position: 10px 50%; 
  text-align: left;
  padding: 7px 20px 7px 35px;
  border: 1px solid #ffd324;
  border-bottom:1px solid #ffd324;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  color: #333;

}

p#subjectintro, div#subjectintro
{
  color: #555;
  font-size: 12px;
}

div#subjectintro p
{
  margin-top: 2px;
  margin-bottom: 2px;
}
 
#infomsg
{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  clear: both;
  color: #555;
  position: relative;
  top: 10px;
  padding-top: 10px;
  padding-left: 20px;
  width: 693px;
  background: url("../images/info-back.gif") no-repeat;
  font-family: verdana, tahoma;
  font-size: 14px;
  height: 28px;
  letter-spacing: 1px;
  margin-bottom: 21px;
}

.infobox
{
  background-color: #f5d2cf;
  border: 1px solid #c8807c;
  width: 380px;
  padding: 6px;
}

#logo
{
  width: 175px;
  float: left;
  margin-top: 17px;

}

#headerblock
{
  width: 970px;
  height: 110px;
  margin: 0px auto; 
  vertical-align: top;
  text-align: left;
  background: url("../images/brickwork.jpg");
  color: #006600;
  font-size: 90%;
  padding-right: 30px;
  padding-left: -20px;  
}

#headerblock a
{
  color: #5986cf;
}

#headerblock a:hover
{
  color: #000;
  text-decoration: underline;
}


div#menublock
{
  width: 1000px;
  margin: 0px auto;
  background: url("../images/menu-back.png") no-repeat ;

/*  height: 45px; */
  height: 40px;
  position: center;
  padding-left: 0px; 
/*  padding-left: 10px;  */

/*  font-size: 120%; */
  font-size: 100%;

  z-index: 1;
}

div.menuitem, div.menuitemex
{

  float: left;
  margin-bottom: 2px;
  position: relative;
  z-index: 1;

}


div.menuitemex img
{
  margin-right: 5px;
  display: block;
  width: 12px;
  float: right;
  position: relative;
  top: 2px;
}

div.menuitem a, div.menuitemex a
{
  margin-top: 2px;
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 2px;
/*  width: 104px; */
  width: 80px;
  border-right: #4f7ac1 solid 1px; 
  border-left: #92b4ed solid 1px;
  text-align: center;
  height: 24px;
  padding-top: 12px;
 
}

div.menuitem a:visited, div.menuitemex a:visited
{

  color: #fff;

}



div.menuitem a:hover, div.menuitemex a:hover
{
  text-decoration: none;
  color: #fff;
/*  width: 104px;*/
  width: 80px;
  display: block;
  height: 24px;

}

.otherbutton a:hover
{
  background: url("../images/menu-item-back.png") repeat-x;
}

.homebutton a:hover
{
  background: url("../images/menu-item-back-home.png") no-repeat left;
}


div.menuitemex a:hover
{
  background: none;
  color: #000;

}

.subitems
{
  display: none;
  position: absolute;
  left: 4px; 
  top: 30px;
  width: 440px;
  text-align: left;
  padding:10px;
  height: 260px;

  margin: 2px;
  margin-top: 20px;
  color: #000;
  background: url("../images/dropdown-back.png") no-repeat top left;
}


.subitems a
{
  color: #000;
}

.subsubitems
{
  display: none;
  position: absolute;
  left: 4px; 
  top: 15px;
  width: 120px;
  background-color: #f5d2cf;
  text-align: left;
  padding:3px;
  border: 1px solid #000;
  margin: 2px;
  color: #000;
}

.markmenu
{
  text-align: right;
}

.menuitemex:hover div, .menuitemex.over div
{
  display: block;
} 



.subitems
{
  float: none;
  top: -15px;
  left: -2px;
 
}



.menuitemex ul

{
  z-index: 1000;
  left: 0px;
  top: 0px;
  width: 137px;
  float: none;
  list-style: none; 
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
}  

html>body .menuitemex ul
{
    top: 1px;
}

.menuitemex li a, .menuitemex li a:visited
{
  position: relative;

  float: none;
  border: 0px;
  margin:0px;
  padding:0px;
  text-align:left;
  width: 133px;
  padding: 1px;
  border: 0;  
  color: #5986cf;
  font-size: 12px;
  height: 17px;

} 

.menuitemex li a:hover
{
 
  text-decoration: none;
  color: #000;
  background: none;
  width: 133px;
  border-bottom: 0px; 
  padding: 1px;
  border: 0;
  height: 17px;  
}  

.menuitemex a:hover
{
  color: #000;
}

#socialmenubuttons
{
  float: right;
  margin-right: 22px;
  margin-top: 7px;
}


#signupmenubutton
{
  float: right;
  margin-right: 7px;
  margin-top: 6px;
}


#toplinks
{
  margin:0;
  width: 400px;
  text-align: right;
  float: right;
  margin-top: 6px;
  font-size: 11px;
  color: #000000;
}
#toplinks a
{
  color: #000000;
}

#postnote
{
  float: left;
  width: 170px;
  position: relative;
  top: 55px;
  left: 10px;
}

#maincontent
{
  width: 966px;
  margin: 0px auto;
  clear: both;
  margin-top: 20px;
  padding: 5px;
}

#maincontentleft
{
/*  width: 240px; */
  margin: 0px auto;
  clear: both;
  float: left;
  background-color: #006600;
  color: #ffffff;
  padding-top: 8px;
  padding-right: 8px;
  font-size: 88%;
  border-top-left-radius: 10px 5px;
  border-top-right-radius: 10px 5px;
  border-bottom-left-radius: 10px 5px;
  border-bottom-right-radius: 10px 5px;
}
#maincontentleft h1
{
  background-color: #FFFFFF;
  padding: 8px;
  margin: 10px;
  border-top-left-radius: 10px 5px;
  border-top-right-radius: 10px 5px;
  border-bottom-left-radius: 10px 5px;
  border-bottom-right-radius: 10px 5px;
  border-right: #4f7ac1 solid 1px; 
  border-left: #92b4ed solid 1px;
  font-size: 18px;
  font-weight: bold;
}
#maincontentmiddle
{
  width: 660px;
  float: left;
  padding: 8px;
  margin: 10px;
  font-size: 88%;
  }
#maincontentmiddle1
{
  width: 300px;
  float: left;
  padding: 8px;
}
#maincontentmiddle ul li
{
/*  font-size: 88%; */
  list-style: none;
  list-style-image:url("../images/check-1.png");
}
#maincontentmiddle1 p
{
  font-size: 100%;
}
#maincontentmiddle1 ul li
{
  font-size: 88%;
}
#maincontentmiddle2
{
  width: 300px;
  float: left;
  padding: 8px;
}
#maincontentmiddle2 p
{
  font-size: 100%;
}
#maincontentmiddle2 ul li
{
/*  font-size: 88%; */
  list-style: none;
  list-style-image:url("../images/check-1.png");
}
#maincontentright
{
  clear: both;
  width: 60px;
  margin: 0px auto;
  float: left;
  margin-top: 10px;
  margin-left: 900px;
  margin-right: 0px;
  vertical-align: top;
  position: relative;
}

#footerblock
{

  width: 968px;
  margin: 0px auto;
  clear: both;

  background: url("../images/footer-back.png") repeat-x;
  color: #fff;
  height: 42px;
/*  padding: 3px;*/
  padding: 5px;
  padding-left: 20px;  
  padding-top: 8px;
  font-size: 88%;
  position: relative;
  left: -18px;
  top: 7px;
/*  width: 966px; */
  margin-top: 20px;
    border-top-left-radius: 10px 5px;
    border-top-right-radius: 10px 5px;
    border-bottom-left-radius: 10px 5px;
    border-bottom-right-radius: 10px 5px;
}

#footerblock a
{
  color: #ccc;
}

#footerlogo
{
  margin-top: 0px;
  margin-left: 0px;
  width: 100px;
  float: left;
}

#footersocial
{
  margin-top: 13px;
  margin-left: 40px;
  float: left;
  width: 200px;
}

#footertext
{
  text-align: right;
  float: right;
  width: 810px;
  margin-top: 2px;
}

#footerloadtime
{
  text-align: right;
  float: right;
  width: 550px;
  margin-top: 11px;
  font-style: italic;
  color: #a0cdff;
  font-size: 11px;
}

.contactbut, .infobut, .contactbutlarge, .contactbutprofile
{
  
  border: 1px #CFDEF5 solid;
  width: 60px;
  float: left;
  height: 15px;
  padding: 1px;
  font-size: 10px;
}

.contactbut
{
  width: 100px;
}

.contactbutlarge
{
  width: 130px;
    height: 20px;
}

.contactbutprofile
{
  width: 238px;
    height: 35px;
 border: 0;
 padding: 0;
 position: relative;
 left: -2px;
}
  
.contactbut a, .infobut a, .contactbutlarge a, .contactbutprofile a
{
  text-align: center;
  display: block;
  width: 60px;
  background-color: #F1F4FA;
  height: 15px;
  padding: 0px;
  font-size: 10px;
}

.contactbutprofile a
{
  color: #fff;

}

.contactbut a:hover, .infobut a:hover, .contactbutlarge a:hover, .contactbutprofile a:hover
{
  width: 60px;
  text-align: center;
  background-color: #cfe5f2;
  height: 15px;
  padding: 0px;
  text-decoration: none;
  color: #000;
}

.contactbutprofile a:hover
{
  color: #ddd;
}

.contactbutlarge a, .contactbutlarge a:hover
{
  width: 130px;
  font-size: 11px;
  height: 18px;
  padding-top: 2px;
}

.contactbutprofile a, .contactbutprofile a:hover
{
  width: 238px;
  font-size: 18px;
  font-weight: bold;
  height: 29px;
  padding-top: 6px;
    background: url("../images/button-green-large.gif") no-repeat;
}


.contactbut a, .contactbut a:hover
{
  width: 100px;
}

.infobut, .infobut a, .infobut a:hover
{
  width: 60px;
}

p#location
{
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  top: -12px;
}

p#location a, p#location:visited
{
  color: #999;
}

.important
{
  color: #f00;
}

.pagelist
{
  width: 700px;
}

.faded
{
  color: #777;
  font-style: italic;
  background-color: #000000;
  width: 400px;
  padding: 10px;
  font-family: Georgia, verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 15px;
}

.pagelisthighlight
{
  background-color: #FCECEA;
  padding: 3px;
}


.formtitle, .formtitlewide, .formtitlewider, .formtitlefeatured
{
  background-color: #CFDEF5;
/*  width: 342px;*/
  padding: 2px;
  font-weight: bold;
  margin-top:20px;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 12px;
  padding: 4px;
  color: #fff;
  background: url("../images/small-blue-panel-back.png") repeat-x;
  height: 17px;
}

.formtitlewide a, formtitlewide a:visited
{
  color: #fff;
}

.formtitlewide
{
  width:544px;
}

.formtitlewider
{
  width:742px;
}

.formtitlefeatured
{
  background: url("../images/small-green-panel-back.png") repeat-x;
}

.formcontent, .formcontentwide, .formcontentwider, formcontentwidefeatured
{
  width: 346px; padding: 2px;
  margin-bottom: 16px;
  clear: both;
  margin-top: 4px;
  padding-top: 7px;
  border-left: 1px #ebebeb solid;
  border-right: 1px #ebebeb solid;
  border-bottom: 1px #ebebeb solid;  
}

.formcontentwide
{
  width: 542px;
  margin-top: 1px;
}

.formcontentwider
{
  width: 746px;
  margin-top: 1px;
}

.formcontentwidefeatured
{
  
}

.formcontentwidefeatured a, .formcontentwidefeatured a:visited
{
  color: #c1130b;
}

.formcontentwidefeatured .contactbutlarge
{
  border: 1px solid #f5d2cf;
}

.formcontentwidefeatured .contactbutlarge a
{
  background: #fdecec;
  color: #333;
  border: 0;    
}

.formcontentwidefeatured .profileimage
{
  border: 1px solid #f5d2cf;
}

.formcontent input, .formcontent textarea, .formcontentwide input, .formcontentwide textarea
{


}



.pointright
{

}

#quicksearch
{
  background: url("../images/quicksearch-back.jpg") no-repeat;
  padding: 17px;
  border: 2px solid #555;
  clear: both;
  width: 928px;
  font-size: 14px;
  height: 24px;
}

#searchinfo, .searchinfo
{
  font-size: 11px;
}

.highlighttable
{
  border-collapse: collapse;
}

.highlighttable th
{
  background: url("../images/table-green-panel-back.png") ;
  border-bottom: 1px #eee solid;
  padding: 4px;
  padding-bottom: 5px;
  padding-top: 5px;  

  color: #fff;

    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 14px;
    padding-left: 3px;


}

.highlighttable td
{
  border-top: 1px #fff solid;
  border-bottom: 1px #fff solid;
  padding:4px;
  color: #444; 
  background-color: #F5FBFF;


}

.highlighttable th
{
 
  text-align: left;
}

.membertypes
{
  border-collapse: collapse;
}

.membertypes th
{

  border-bottom: 1px #444 solid;
  text-align: left;
  padding: 4px;
  color: #1c3356;
  background-color: #cfdef5;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 14px;
  padding-left: 0px;

}

.membertypes td
{
  border-top: 1px #fff solid;
  border-bottom: 1px #ddd solid;
  padding: 2px;
  color: #444; 

}

.membertypes .header
{
  font-weight: bold;
  background-color: #eee;
  border-right: 1px solid #999;

}

.statstable
{
  border-collapse: collapse;
  margin-bottom: 10px;
  margin-left: 3px;
  margin-top: 2px;
  margin-left: 20px;
}

.statstable th
{

  border-bottom: 1px #888 solid;
  padding: 4px;
  color: #666;
  background-color: #ddd;
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;

}

.statstable td
{
  border-top: 1px #fff solid;
  border-bottom: 1px #ddd solid;
  padding: 2px;
  color: #444; 
  background-color: #F5FBFF;


}

.statstable th
{
 
  text-align: left;
}

optgroup .cat
{
  background-color: #eee;
}

option.countyheader
{
  background-color:#F5FBFF;
  color: #111;
}

option.countymainheader
{
  margin-top: 11px;
  border-top: 2px #666 solid;
  font-weight: bold;
  background-color:#F5FBFF;
  color: #111;
}

ul.searchsubjects
{
  background-color: #F1F4FA;
  padding: 6px;
  border-right: 1px solid #c3d5f0;
  border-bottom: 1px solid #c3d5f0;  
  clear: both;
  margin-top: 10px;
    float: left;
    width: 705px;
    margin: 0px;
    
    margin-bottom: 20px;
}

ul.searchsubjects li
{
  list-style:none;
  width: 136px;
  float: left;
  padding: 2px;
  margin: 0px;
  font-size: 11px;

}

ul.browsesubjects
{
  padding: 6px;
  clear: both;
     
  margin: 0px;
  margin-top: 20px;


  margin-bottom: 20px;
}

ul.browsesubjects li
{
  list-style:none;
  width: 156px;
  float: left;
  padding: 2px;
  margin: 0px;
  font-size: 11px;
 
}

p.subjectblock
{
  margin-top: 6px;
  margin-bottom: 6px;
}

.highlight
{
  padding: 4px;
  background-color: #f5d2cf;
    margin-bottom: 10px;
  font-size: 11px;

  
}

.highlightmembers
{
  padding: 4px;
  background-color: #cfe5f2;
    margin-bottom: 10px;
  font-size: 11px;
  border: 1px solid #7aa3e5;
}



.highlightmembers a
{
  color: #555;
}


#paidhighlight
{
  padding: 11px;
  background-color: #f5d2cf;
  width: 310px;
  height: 75px;
  font-size: 12px;
  float: right;
  margin-right: 0px;
  padding-left: 15px;
  color: #555;
  margin-bottom: 2px;
    background: url("../images/paidmemberinfobox.gif") no-repeat;
}

#paidhighlight a
{
 
}

.soften
{
  border: 1px #dcdcdc solid;
  background: url("../images/form-back.gif") no-repeat;
  padding: 3px;

}

#pagedisplay
{
  float: right;
  font-size: 11px;
  font-style: italic;
  color: #555;
}

.pagenums
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: left;
  clear: both;
  margin-bottom: 5px;
  text-align: right;
  margin-top: 8px;
  float: left;

}

.pagenums li
{
  float: left;

  padding: 1px;
  margin: 2px;


}

.pagenums .skipblock
{
  border: 0px;
  padding: 0px;
  padding-top: 4px;
  margin-right: 2px;
  left: -2px;
  position: relative; 
}

.pagenums .currentpage
{
    background-color: #444;
}

.pagenums li a
{
  background: #abd444;
  font-size: 10px;
  height: 14px;
  width: 25px;
  display:block;
  height: 13px;
  padding: 2px 0px;
  padding-top: 2px;
  text-align: center;
  vertical-align: middle;
  color: #333;
  

}

.pagenums li a:hover
{
  background-color: #444;
  text-decoration: none;
  color: #fff;
  
}


.profileimage
{
  float: right;
  padding: 1px;
  margin: 5px;
  border: 1px solid #CFDEF5;  
  background-color: #fff;
}

.manageimage img, .manageimagehighlight img, .manageimageprofile img
{
  margin: 0;
  padding: 1px;
  display:block;
  
}

.manageimage, .manageimageprofile, .manageimagehighlight
{
  display: block;
  float: left;
  padding: 3px;
  margin: 5px;
  border: 1px solid #CFDEF5;  
  background-color: #fff;
}

.manageimageprofile
{
   margin: 1px;
   padding: 1px;
   border: 0;
   margin-right: 11px;
 }

.manageimagehighlight
{
  border: 2px solid #7aa3e5; 
  padding: 2px;
  background: #7aa3e5;
 }

.manageimage:hover, .manageimagehighlight:hover, .manageimageprofile:hover
{
  display: block;
  float: left;
  padding: 3px;
  margin: 5px;
  border: 1px solid #555;  
  background-color: #fff;
  
}

.manageimageprofile:hover
{
  margin: 0;
   padding: 1px;
  margin-right: 10px;   
}

.manageimagehighlight:hover
{
  border: 2px solid #666; 
  background: #666;
  padding: 2px;
}

.manageimage img, .manageimagehighlight img, .manageimageprofile img
{
  border: 0;
  padding: 0;
}  


#membertop
{
  background: #7097d5;
  width: 474px;
  float: right;
  padding: 4px;
  text-align: left;
  margin-top: 8px;
  color: #cfe5f2;
}

#membertop a
{
  color: #fff;
}

#membertop a:hover
{
  color: #fff;
}

#memberbottom
{
  margin-top: 1px;
  background: #cfe5f2;
  width: 474px;
  float: right;
  padding: 4px;
  text-align: left;
  color: #fff;
}

#memberbottom a
{
  color: #294d87;
}

#memberbottom a:hover
{
  color: #000;
  text-decoration: none;

}

.genbutton, .accbutton
{
  float: left;
  clear: right;
  margin-right: 8px;
  height: 22px; 
  width: 108px;
  text-align: center;
  border: 1px solid #cfdef5;
  margin-bottom: 10px;
  
}

.accbutton
{
  border: 1px solid #11811c;
  width: 188px;  

}  

.genbutton a , .accbutton a
{
  display: block;
  width: 100px;
  height: 14px;    
  padding: 3px;
  background-color: #f1f4fa;
  color: #6376af;
  font-size: 10px;
  margin: 1px;
}

.accbutton a
{
  background-color: #00ca30;
  color: #fff;  
  width: 180px;  
  font-weight: bold;
  font-size: 12px;  

}

.genbutton a:hover, .accbutton a:hover
{
  text-decoration: none;
  background-color: #cfe5f2;
  color: #000;
}

.accbutton a:hover
{
  background-color: #11811c;
  color: #fff;
}
.profilemap
{
  width: 655px;
  height: 244px;
  border: 1px solid #CFDEF5;  
  margin-top: 20px;
}

.promotabstudent
{
  width: 339px;
  height: 171px;
  background: url("../images/tab-back-student.gif") no-repeat;
  float: left;
  color: #555;
  margin-top: 10px;
}

.promotabstudent h2, .promotabtutor h2
{
  color: #777;
  font-size: 18px;
  margin-top: 30px;
  font-weight: normal;
  text-align: center;
}

.promotabstudent li, .promotabtutor li
{

}

.promotabstudent ul, .promotabtutor ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 17px;
  margin-left: 10px;
  margin-bottom: 7px;
}

.promotabtutor
{
  width: 339px;
  height: 171px;
  background: url("../images/tab-back-tutor.gif") no-repeat;
  float: left;
  margin-left: 37px;
  color: #555;  
  margin-top: 10px;  
}

.accountbox
{
  width: 430px;
  height: 254px;
  padding-right: 20px;
  background: url("../images/accountbox.gif") no-repeat;
  float: left;
  color: #555;
  margin-top: 10px;
  margin-left: 240px;
}

.accountbox h2
{
  color: #777;
  font-size: 18px;
  margin-top: 10px;
  font-weight: normal;
  text-align: center;
}

.accountbox li
{

}

.accountbox ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 17px;
  margin-left: 10px;
  margin-bottom: 7px;
}

#sorttext
{
  float: left;
  width: 70px;
  height: 21px;
  padding-top: 5px;
  font-weight: bold;
  position: relative;
  top: 11px;
}

.joinbutton,.sortbutton, .sortbuttonsel
{
  margin-left:214px;
}

.sortbutton, .sortbuttonsel
{
 margin-left: 0;
 margin-right:4px;
  float: left;
  position: relative;
  top: 11px;  
 
}

.joinbutton a,.sortbutton a, .sortbuttonsel a
{
  width: 109px;
  height: 20px;
  display: block;
  font-size: 16px;
  background-color: #cfe5f2;
  border: 2px solid #c8807c;
  color: #7aa3e5;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
}

.sortbutton a, .sortbuttonsel a
{
  border: 0;
  padding-top:4px;
    height: 19px;
  font-size: 12px;
}

.sortbuttonsel a
{
   height: 17px;
  border-bottom: 2px solid #666;
}

.joinbutton a:hover,.sortbutton a:hover, .sortbuttonsel a:hover
{
  background-color: #7aa3e5;
  border: 2px solid #444;
  color: #fff;
  text-decoration: none;
}

.sortbutton a:hover, .sortbuttonsel a:hover
{
  border: 0;
}

.sortbuttonsel a:hover
{
  border-bottom: 2px solid #666;
}

.frontleftpanel
{
  float: left;
  width: 710px;
}


.frontrightpanel
{
  float: right;
  width: 254px;
  
}

.servicepanel
{
  width: 689px;
  height: 227px;
  background: url("../images/service-panel-back.jpg") no-repeat;   
  padding: 13px;
  padding-left: 9px;
  padding-top: 10px;

}

#servicepanelstudents
{
  font-size: 11px;
  float: left;
  width: 337px;
  height: 226px;
  background: url("../images/service-panel-students.jpg") no-repeat;  
}

#servicepaneltutors
{
  float: left;
  font-size: 11px;  
  margin-left: 6px;
  width: 337px;
  height: 226px;
  background: url("../images/service-panel-tutors.jpg") no-repeat;  
}

#fullfixedpanel
{
  float: left;
  font-size: 11px;  
  margin-left: 0px;
  position: relative;
  left: -1px;
  width: 664px;
  height: 226px;
  background: url("../images/fixed-panel.png") no-repeat;  
  padding-left: 20px;
}

#servicepanelstudents h2, #servicepaneltutors h2
{
  margin-left: 114px;
  margin-top: 26px;
  font-size: 17px;
  color: #294d87;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#servicepaneltutors h2
{
  margin-left: 128px;
}

#servicepanelstudents h3, #servicepaneltutors h3
{
  margin-left: 114px;
  font-size: 13px;
  color: #aaa;
  margin-top: 1px;
}

#servicepaneltutors h3
{
  margin-left: 128px;
}

#servicepanelstudents ul, #servicepaneltutors ul
{
  margin: 0;
  padding: 0;
  margin-bottom: 11px;
  margin-left: 118px;  
  padding: 10px;
  height: 90px;
  clear: both;
}

#servicepaneltutors ul
{
  margin-left: 133px;
  
}

#servicepanelstudents li, #servicepaneltutors li
{
  padding-bottom: 3px;
  list-style: none;
  list-style-image:url("../images/list-point02.gif");  
  font-size: 12px;
}

.servicepanelbutton
{

  margin-left: 230px;
  position: relative;
  top: -20px;
}

.servicepanelbutton a
{
  display:block;
  width: 97px;
  height: 35px;
  background: url("../images/button-joinnow.gif") no-repeat;  
}

.servicepanelbutton a:hover
{
  width:97px;
  height: 35px;
  background: url("../images/button-joinnow-hover.gif") no-repeat;  
}

.searchbutton a
{
  display:block;
  width: 76px;
  height: 30px;
  background: url("../images/button-search.gif") no-repeat;  
}

.searchbutton a:hover
{
  width:76px;
  height: 30px;
  background: url("../images/button-search-hover.gif") no-repeat;  
}

.signinbutton a
{
  display:block;
  width: 99px;
  height: 35px;
  background: url("../images/button-signin.gif") no-repeat;  
}

.signinbutton a:hover
{
  width:99px;
  height: 35px;
  background: url("../images/button-signin-hover.gif") no-repeat;  
}



.buttext
{
  display:none;
}

.recentpanel
{
  width: 684px;
  height: 204px;
  background: url("../images/recent-panel-back.gif") no-repeat;   
  padding: 13px;
}

.recentpanel h2
{
  margin: 0;
  color: #333;
  padding-top: 5px;
  font-size: 17px;
  
}

.midbluepanelheader, .fullbluepanelheader, .fullgreenpanelheader, .widerfullpanelheader
{
  width: 345px;
  height:28px;
  background: url("../images/mid-blue-panel-back.png") no-repeat; 
  font-size: 18px;
  color: #fff;
  padding-top: 5px;
  padding-left: 9px;
  margin-top: 10px;
}

.fullbluepanelheader
{
  width: 691px;
  background: url("../images/full-blue-panel-back.png") no-repeat;  
}

.widerfullpanelheader
{
  width:957px;
  background: url("../images/wider-blue-panel-back.png") no-repeat;  
}

.fullbluepanelheader a, .fullbluepanelheader a:visited, .fullgreenpanelheader a, .fullgreenpanelheader a:visited
{
  color: #ddd;
}

.fullgreenpanelheader
{
  width: 691px;
  background: url("../images/full-green-panel-back.png") no-repeat;  
}

.midbluepanelcontent, .fullbluepanelcontent, .widerbluepanelcontent
{
  padding: 12px;
  padding-top: 15px;
  padding-left: 18px;
  padding-right: 18px;  
  width: 307px;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;   
}

.fullbluepanelcontent
{
  width: 662px;
}

.widerbluepanelcontent
{
  width: 925px;
}

.midbluepanelfooter, .fullbluepanelfooter, .fullbluepanelfootersmall, .panelmidfooter, .widerbluepanelfootersmall
{
  width: 345px;
  height:28px;
  background: url("../images/mid-blue-panel-base.png") no-repeat; 
  font-size: 12px;
  color: #555;
  padding-top: 9px;
  padding-left: 9px;

}

.fullbluepanelfooter
{
  width: 691px;
  background: url("../images/full-blue-panel-base.png") no-repeat; 
}


.panelmidfooter
{
  background: url("../images/mid-panel-base.png") no-repeat; 
    height:18px;
}


.fullbluepanelfootersmall
{
  width: 691px;
  background: url("../images/full-blue-panel-base-small.png") no-repeat; 
  height: 10px;
}

.widerbluepanelfootersmall
{
  width: 954px;
  background: url("../images/wider-blue-panel-base-small.png") no-repeat; 
  height: 10px;
}



.panelheader
{
  width: 250px;
  height:25px;
  background: url("../images/side-panel-header-back.gif") no-repeat; 
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding-top: 8px;
  padding-left: 9px;
  margin-top: 10px;

}

.panelheaderimage
{
  position: relative;
  top: -1px;
  width: 25px;
  float: left;
}

.panelheadertitle
{
  float: left;
}

.panelcontent
{
  width: 238px;
  border-bottom: 2px solid #fff;
  color: #000;
  padding: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;  
  margin-bottom: 0; 
  padding-top: 10px;
  
}

.panelfooter
{
  width: 250px;
  height:7px;
  background: url("../images/side-panel-footer-back.gif") no-repeat; 
  margin-bottom: 10px;
}

.panelfooterfull
{
  width: 235px;
  height:24px;
  background: url("../images/side-panel-footer-back2.gif") no-repeat; 
  margin-bottom: 10px;
  text-align: right;
  padding-right: 15px;
  padding-top: 8px;
}

table.panelform
{
  font-size: 15px;
  width: 235px;
}

table.panelform tr
{
  height: 36px;
}

.textpanel
{
  width: 329px;
  height: 222px;
  float: left;
  color: #555;  
  margin-bottom: 10px;
}

.textpanel h2
{
  color: #666;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 2px;
}

.subjectpanel
{
  width: 318px;
  height: 222px;
  background: url("../images/subject-panel-back.gif") no-repeat;
  float: right;
  margin-left: 28px;
  color: #555;  
  margin-bottom: 10px;
  padding: 7px;
  padding-right: 17px;
  font-size: 11px;
  color: #555;
}

.subjectpanel h2
{
  color: #2b5ea7;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin: 0px;
  margin-top: 3px;
  margin-bottom: 27px;
}

.forminputtext
{
  font-size: 14px;
  width: 160px;
  color: #555;
  border: 1px solid #dcdcdc;
    background: url("../images/form-back.gif") no-repeat;
    padding: 3px;
}

.forminputtextd
{
  font-size: 16px;
  width: 160px;
  color: #555;
  border: 1px solid #dcdcdc;
    background: url("../images/form-back.gif") no-repeat;
}

.forminputtext:focus
{
   border: 1px solid #739fde;
}

.forminputtextd:focus
{
   border: 1px solid #739fde;
}

.arrow
{
  position: relative;
  top: -1px;
}

div#nearbys
{
  border-right: 2px #444 solid;
  border-left: 2px #444 solid;
  border-bottom: 2px #444 solid;  

  padding: 3px;
  padding-left: 17px;
  position: relative;
  font-size: 11px;
  background-color: #eee;
  margin-bottom: 12px;
}

div#locationlist ul
{
  width: 200px;
  margin: 0px;
  padding: 0px;


}

div#locationlist li
{
  list-style: none;

}

div#locationlist li a 
{
  display:block;
 background: url("../images/arrow-right3.gif") no-repeat 0px 5px;  
  padding-left: 10px; 
}

div#locationlist li a:hover
{
  display:block;
 background: url("../images/arrow-right4.gif") no-repeat 0px 5px;  
  padding-left: 10px; 
  text-decoration: none;
  color: #000;
}

div#locationlist h2
{
  width: 240px;
}

.subjectlist
{

  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;

}

.subjectlist li
{
  list-style: none;
  width: 241px;
float: left;
}

.subjectlist li a 
{
  display:block;
  width: 175px;
  
  background: url("../images/arrow-right3.gif") no-repeat 0px 5px;  
  padding-left: 10px; 
  float: left;
}

.subjectlist li a:hover
{
  display:block;
  background: url("../images/arrow-right4.gif") no-repeat 0px 5px;  
  padding-left: 10px; 
  text-decoration: none;
  color: #000;
}


table.subjecttable
{
  margin-top: 31px;
  margin-bottom: 16px;  
}

table.subjecttable th
{
  text-align: left;
   padding: 4px;
}

table.subjecttable td
{
 text-align: left;
  padding: 4px;
}

.profileleftside
{
  width: 660px;
  position: relative;

  float: left;
  
}

.profilerightside
{
  width: 253px;
  float: right;
}

.profileoptions
{
  border: 1px #ccc solid;
  padding: 9px;
}

.profileoptions h2
{ 
  margin-bottom: 0px;
  margin-top:8px;
}

#txtsubject
{
  width: 200px;
}

div.suggestions
{
  border: 1px solid black;
  position: absolute;
}

div.suggestions div
{
  cursor: default;
  padding: 0px 3px;
    background-color: #fff;
  width: 201px;
}

div.suggestions div.current
{
  background-color: #3366cc; 
  color: white;
}

p.date
{
 color: #777;
 font-size: 11px;
 font-style: italic;
 border-bottom: 1px solid #ccc;
 padding-bottom: 3px;
 }
 
h2.mediatitle
{
  color: #444;
  font-size: 15px;
}


#currUploadstext 
{
  color: #666;
  font-style: italic;
 padding-bottom: 30px;
  height: 80px;
  float: left;
  clear: right;
     margin-top: 7px;
}

#currUploads
{
  margin-top: 15px;
}

#currUploads img
{
  border: 1px solid #999;
  padding: 1px;
  margin-right: 7px;
  float: left;
  margin-top: 7px;
}

#iUploadFrame
{
  padding: 0;
  margin: 0;
}

#imageform lable
{
  float: left;
  width: 100px;

}

#imageform imageformentry
{
  float: left;
}

#promobutton
{
  position: relative;
  top: -61px;
  float: right;
  margin-bottom: -58px;
}

.counter
{
  float:right;
   margin-right: 10px;
   color: #555;
}

.popularlinks
{
    background: url("../images/faded-full-panel-back.png") repeat-x;
    height: 221px;
    width: 1000px;
    position: relative;
    left: -18px;
    top: 6px;
}

.popularlinkgroup
{
  position: relative;
  top: 20px;
  left: 20px;
  width: 200px;
  float: left;
}

.popularlinkgroup h2
{
  color: #000;
  margin-top: 3px;
}

.popularlinkgroup ul, .panelcontent ul
{
  margin: 0;
  padding: 0;
  margin-left: 14px;
}

.popularlinkgroup li, .panelcontent li
{
  list-style: none;
  list-style-image:url("../images/list-point01.gif");
  padding-top: 2px;
  
}

.popularlinkgroup li a:hover, .panelcontent li a:hover
{
  text-decoration: none;
  color: #000;
}

.popularlinkgroup li:hover, .panelcontent li:hover
{
  list-style-image:url("../images/list-point01a.gif");
 
}


.panelcontent li
{
  padding-top: 0;
  padding-bottom: 8px;
}

.popularalllinksmain
{
  width: 220px;
 height: 28px;
}

.popularalllinks
{
  margin-top: 6px;
  background: url("../images/all-link-back.gif") no-repeat;
  height: 23px;
  padding-top: 5px;
  padding-left: 7px;
  float: left;
  padding-right: 5px;
}

.popularalllinksend
{
  background: url("../images/all-link-back-end.gif") no-repeat;
  height: 28px;  
  width: 20px;   
  float: left;
  position: relative;
  top: 6px;
}

.plainlist
{
  margin: 0;
  padding: 0;
}

.plainlist li
{
  list-style: none;
  padding-bottom: 2px;
}

.subcatbox
{
  float: left;
  margin-left: 4px;
  margin-bottom: 4px;
}

.subcatbox a
{
  display:block;
  width: 97px;
  height: 97px;
 
}

.iticon a
{
  background: url("../images/explore-it.gif") no-repeat; 
}

.iticon a:hover
{
  background: url("../images/explore-it-hover.gif") no-repeat;  
}

.healthicon a
{
  background: url("../images/explore-health.gif") no-repeat; 
}

.healthicon a:hover
{
  background: url("../images/explore-health-hover.gif") no-repeat;  
}

.articon a
{
  background: url("../images/explore-art.gif") no-repeat; 
}

.articon a:hover
{
  background: url("../images/explore-art-hover.gif") no-repeat;  
}

.musicicon a
{
  background: url("../images/explore-music.gif") no-repeat; 
}

.musicicon a:hover
{
  background: url("../images/explore-music-hover.gif") no-repeat;  
}

.languageicon a
{
  background: url("../images/explore-languages.gif") no-repeat; 
}

.languageicon a:hover
{
  background: url("../images/explore-languages-hover.gif") no-repeat;  
}

.academicicon a
{
  background: url("../images/explore-academic.gif") no-repeat; 
}

.academicicon a:hover
{
  background: url("../images/explore-academic-hover.gif") no-repeat;  
}

.recenttutor
{
  margin-top: 10px;
  margin-right: 5px;
  width: 165px;
  height: 200px;
  float: left;
}

.recenttutorphoto
{
  border: 1px solid #eee;
  padding: 1px;
  width: 160px;
  height: 120px;
}

.recenttutorphoto:hover
{
  border: 1px solid #aaa;
}

.recenttutorinfo
{
  text-align: center;
}

.levels
{
  font-size: 11px;
  color: #555;
  text-align: right;
  margin-top: 2px;
}

div#enquiryblock
{
  background: #cfe5f2;
  padding: 6px;
  width: 600px;
  margin-bottom: 10px;
  border-bottom: 1px solid #8bb6cf;
    border-right: 1px solid #8bb6cf;
}

.mesender
{
  background: #eee;
}

#enquiryfrom
{
  font-weight: bold;
  float: left;
  height: 20px;
}
#enquiryto
{

  color: #444;
  float: left;
  margin-left: 6px;
  position: relative;
    height: 20px;
}

#enquirydate
{
  clear: left;
  font-size: 10px;
  border-bottom: #fff solid 1px;
  padding-bottom: 3px;
  font-style: italic;
  color: #555;
  margin-top: 4px;
  
}

#enquirymessage
{
 
}
#helppanel
{
  background: url("../images/help-panel-back.png") no-repeat;  
  float: right;
  width: 286px;
  height: 540px;

  margin-bottom: 11px;
  position: relative;
  left: 5px;
  top: -10px;
  padding-top: 46px;
  padding-left: 35px;
  padding-right: 30px;
  color: #333;
}

#helppanel h3
{
  color: #444;
  padding-left: 35px;
  padding-top: 5px;
  height: 30px;
  margin-top: 5px;
}

#articleformat
{
  font-size: 15px;
  line-height: 19px;
}