@charset "utf-8";
/* New Managers CSS Document */

body {
margin: 0;
padding: 0;
background: #fff;
/* typeface used throughout the site */ font-family: Verdana;
/* do not touch this bit - set the font size lower down at the p tag */font-size:100%;
line-height:1.0em; /* 16x1.125=18px */
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
/* typeface colour throughout the site */color: #000000;
background-color: #fff;
background-image:url(images/bg.gif);
background-attachment:scroll;
background-position:top center;
background-repeat:repeat-x;
}

img {border:none; font-size: 0.7em;color:#979696;}

/* the p tag - specific formatting for paragraphs of text */ p {font-size: 0.7em; /* 16x0.5=8px */ padding:0px 20px 0px 0px; margin:0px; }
/* link state for paragraphs of text */ p a{color:#0077cc;text-decoration:underline;}
/* visited link state for paragraphs  */p a:visited{color:#0077cc;text-decoration:underline;}
/* hover state for text for paragraphs */p a:hover{color:#4c4c4c;text-decoration:underline;}

/* top main horizontal navigation text - the same structure as above for link, visited and hover states */
.mainnav {  font-weight:bold; text-decoration:none; padding:0px; margin:0px;}
.mainnav a{color:#0077cc;text-decoration:none;font-weight:bold; padding:0px; margin:0px;}
.mainnav a:visited{color:#0077cc;text-decoration:none;font-weight:bold;}
.mainnav a:hover{color:##4c4c4c;text-decoration:none;font-weight:bold;}

.grey {color:#979696;text-decoration:none;}
.grey a{color:#979696;text-decoration:underline;}
.grey a:visited{color:#979696;text-decoration:underline;}
.grey a:hover{color:#4c4c4c;text-decoration:underline;}

/* text at the very bottom of the page for copyright info */
.copyright {font-size: 0.6em; color:#b0b0b0;text-decoration:none; margin-bottom: 20px;}
.copyright a{color:#b0b0b0;text-decoration:none;}
.copyright a:visited{color:#b0b0b0;text-decoration:none;}
.copyright a:hover{color:#979696;text-decoration:none;}

#wrapper{position:relative;width: 740px;margin: 0px auto;}
#logintab{position:relative;top: 0px; left: 350px; width:360px; height:40px; /*background-image:url(images/logintab.gif); background-repeat:no-repeat;*/}
#logintab_form{position:relative;top: 15px; left:12px;}
.login { font-size: 0.7em; background-color: #fff; border: 1px solid #787878; padding-left:0px; float:left; width:135px;}
.password { font-size: 0.7em; background-color: #fff; border: 1px solid #787878; margin-left:10px; float:left; width:130px;}

#logo{position:absolute;left: 0px;top: 60px;}

#nav_home{position:absolute;left: 233px;top: 96px; width:50px;}
#nav_about{
	position:absolute;
	left: 308px;
	top: 95px;
	width:102px;
	height: 17px;
}
#nav_lessons{position:absolute;left: 405px;top: 96px;width:110px;}
#nav_skills{position:absolute;left: 506px;top: 96px;width:110px;}
#nav_members{position:absolute;left: 610px;top: 96px;width:110px;}

#nav_contact{position:absolute;left: 625px;top: 96px;width:100px;}

/* subnav is the styling for the left hand sub navigation section */
#subnav {
font-size: 0.7em;
   margin: 0;
   padding-left: 0;
   list-style-type: none;
}
#subnav li {
   margin-bottom: 0px;
}
#subnav a {
/* background colour for a link of subnav */   background: #fafafa;
/* typeface colour for a link  of subnav*/   color: #02028A;
   display: block;
   border-left: 4px solid #dfdfdf;
   border-bottom: 1px solid #e7e7e7;
   border-top: 1px solid #fff;
   padding: 1px 0px 1px 10px;
   text-decoration:none;
}
#subnav a:hover {
/* background colour on hover of subnav */   background: #0060a4;
/* typeface colour on hover of subnav */   color: #fff;
   text-decoration: none;
   	   border-left: 4px solid #272525;
   border-right: 1px solid #e7e7e7;
   border-bottom: 1px solid #e7e7e7;
   border-top: 1px solid #fff;
}

#content{position:relative;left: 0px;top: 120px; float:left; width: 700px;}
#content_left{position:relative;left: 0px;top: 0px; /* width of left hand sub navigation */width:200px;float:left;}
#content_right{position:relative;left: 32px;top: 0px; width:470px;float:left;}

#row1 {position:relative;left: 0px;top: 0px; width: 470px;float:left;}
#content_c1{position:relative;left: 0px;top: 0px; width:230px;float:left;}
#content_c2{position:relative;left: 5px;top: 0px; width:230px;float:left;}

.signup { font-size: 0.8em; background-color: #fff; border: 1px solid #787878; padding-left:4px; float:left; width:120px;}
.butt_submit {margin-left:10px;}

#footer { position:relative; padding: 14px 0; background: #fff; float:left; top: 0ps; left: 0px; width: 700px; text-align:left;}
#footrow {position:relative;left: 0px;top: 0px; width: 700px;float:left; border-top: 1px solid #0077cc; padding: 20px 0px;}
#foot_c1{position:relative;left: 0px;top: 0px; width:230px;float:left; padding:0px;}
#foot_c2{position:relative;left: 5px;top: 0px; width:230px;float:left;}
#foot_c3{position:relative;left: 5px;top: 0px; width:230px;float:left;}

.footerlist { margin: 0px; padding-left: 0px; list-style-type: circle; }

H1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0077cc;
	line-height: 18px;
	margin-bottom: 0px
}
	
H2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0077cc;
	line-height: 16px;
	margin-bottom: 0px
}

.oak1 {
	background-color: #FFFFFF;
	line-height:14px;
	font-size:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px #0077CC solid;
	margin-top: 10px;
	margin-right: 95px;
	margin-bottom: 10px;
	margin-left: 60px;
		
}