/* Default CSS Stylesheet for a new Web Application project */


body
{
	font-size: 80%;
	color: #666666;
	font-family: Arial, Helvetica, Sans-Serif;
	background:gray;
	margin:auto;
	text-align:center;
}

#ContainerLayer {width: 800px; float: left; TOP: 0px;
                background:white; 
				margin: 10px 20% 0 20%;  
				text-align:left;
				position: relative;
	left: 0px;
}

/*html>body 
{	font-size: small;
	font-family: Arial;
	color: dimgray;
}*/



a:link
{
	color: #336699;
	
	text-decoration: underline;
}

a:active {
	
	color: #336699;
	text-decoration: underline;
}

a:hover {

	color: #336699;
	text-decoration: none;
}


a:visited {
	
	color: #336699;
	text-decoration: underline;
}
a:hover {
	
	color: #336699;
	text-decoration:none;
}



a.style1:active
{
	font-size: 70%;
	color: #666666;
	line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}
a.style1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

a.style1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

	}
a.style1:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}	

#Layer1 {
	float:left;
	width:96px;
	height:30px;
margin-left: 4px;
		}
		
#Layer1 a:visited, #Layer1 a:active, #Layer1 a:link, #Layer1 a
{
	background-image: url(http://www.build-online.org.uk/images/pink.gif);
	background-repeat: repeat-x;
	width: 96px;
	height:30px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 23px;
	
}

#IEDiv #Layer1 a:visited, #IEDiv #Layer1 a:active, #IEDiv #Layer1 a:link, #IEDiv #Layer1 a
{
	line-height: 40px;
}
#Layer1 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}

	
#Layer2 {
	float:left;
	width:82px;
	height:30px;	
}

#Layer2 a, #Layer2 a:active, #Layer2 a:link, #Layer2 a:visited 
{
	background-image: url(http://www.build-online.org.uk/images/red.gif);
	background-repeat: repeat-x;
	width: 82px;
	height:30px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 14px;
}
#IEDiv #Layer2 a:visited, #IEDiv #Layer2 a:active, #IEDiv #Layer2 a:link, #IEDiv #Layer2 a
{
	line-height: 40px;
}
#Layer2 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}

#Layer3 {
	width:97px;
	height:30px;
	float:left;
}
#Layer3 a, #Layer3 a:active, #Layer3 a:link, #Layer3 a:visited 
{	background-image: url('http://www.build-online.org.uk/images/yellow.gif');
	background-repeat: repeat-x;
	width: 97px;
	height:45px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 22px;
 }
 
 #IEDiv #Layer3 a:visited, #IEDiv #Layer3 a:active, #IEDiv #Layer3 a:link, #IEDiv #Layer3 a
{
	line-height: 40px;
}
#Layer3 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}


#Layer4 {
	float:left;
	width:77px;
	height:30px;
	
}
#Layer4 a, #Layer4 a:active, #Layer4 a:link,  #Layer4 a:visited 
{
	background-image: url(http://www.build-online.org.uk/images/celeste.gif);
	background-repeat: repeat-x;
	width: 77px;
	height:30px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 23px;
}
#Layer4 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}
#IEDiv #Layer4 a:visited, #IEDiv #Layer4 a:active, #IEDiv #Layer4 a:link, #IEDiv #Layer4 a
{
	line-height: 40px;
}

#Layer5 {
	float:left;
	width:119px;
	height:30px;	
}

#Layer5 a, #Layer5 a:active, #Layer5 a:link, #Layer5 a:visited 
{	background-image: url(http://www.build-online.org.uk/images/purple.gif);
	background-repeat: repeat-x;
	width: 119px;
	height:30px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 10px;
}
#IEDiv #Layer5 a:visited, #IEDiv #Layer5 a:active, #IEDiv #Layer5 a:link, #IEDiv #Layer5 a
{
	line-height: 40px;
}
#Layer5 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}

	
#Layer6 {
	
	width:95px;
	height:30px;
	float:left;
}
#Layer6 a, #Layer6 a:active, #Layer6 a:link, #Layer6 a:visited 
{	background-image: url(http://www.build-online.org.uk/images/darkpink.gif);
	background-repeat: repeat-x;
	width: 95px;
	height:30px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 22px;
}
#IEDiv #Layer6 a:visited, #IEDiv #Layer6 a:active, #IEDiv #Layer6 a:link, #IEDiv #Layer6 a
{
	line-height: 40px;
}
#Layer6 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}


#Layer7 {
	width:119px;
	height:30px;
	float:left;
}

#Layer7 a, #Layer7 a:active, #Layer7 a:link, #Layer7 a:visited 
{
	background-image: url(http://www.build-online.org.uk/images/green.gif);
	background-repeat: repeat-x;
	width: 119px;
	height:30px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 10px;
}

#IEDiv #Layer7 a:visited, #IEDiv #Layer7 a:active, #IEDiv #Layer7 a:link, #IEDiv #Layer7 a
{
	line-height: 40px;
}
#Layer7 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}

#Layer8 {
	float:left;
	width:110px;
	height:30px;
}
#Layer8 a, #Layer8 a:link, #Layer8a:active, #Layer8 a:visited
{
	background-image: url('http://www.build-online.org.uk/images/orange.gif');
	background-repeat: repeat-x;
	width: 110px;
	height: 30px;
	font-size: 70%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 11px 22px;
}
#IEDiv #Layer8 a:visited, #IEDiv #Layer8 a:active, #IEDiv #Layer8 a:link, #IEDiv #Layer8 a
{
	line-height: 40px;
}
#Layer8 a:hover {background-image: url(http://www.build-online.org.uk/images/grey.gif);}

.clearit {float:none;}
#LayerText 
{
	
	width:639px;
	height:100%;
	z-index:11;
	top: 192px;
	overflow: visible;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-left: 5px;
	padding-left: 5px;
}

#AccessibilityLayer
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 80%;
	z-index: 1;
	left: 15%;
	padding-bottom: 0px;
	margin: 0px;
	overflow: visible;
	width: 800px;
	padding-top: 0px;
	top: 19px;
	height: 100%;
	text-indent: 5px;
}
/*html > body #AccessibilityLayer
{
	font-size: x-small;
	position:absolute;
	width:800px;
	height:100%;
	z-index:1;
	left: 15%;
	top: 19px;
	overflow: visible;
	margin: 0px;
	padding: 0px;
}*/


.sideHead
{
	font-weight: bold;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}
.footerstyle
{
	font-size: 70%;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
h1
{
	font-size: 160%;
	color: #012953;
	font-family: Arial, Helvetica, sans-serif;
}

h2
{
	font-size: 120%;
	color: #012953;
	font-family: Arial, Helvetica, sans-serif;
}



a.style2
{
	font-size: 100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

/*html>body a.style2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:small;
	color: #000000;
}*/

a.style2:hover 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #000000;
}

/*html>body a.style2:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:small;
	color: #000000;
}*/


a.style2:visited 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #000000;
}

/*html>body a.style2:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:small;
	color: #000000;
}
*/

#NavBar 
{
	width: 800px; margin-top: 120px;
}

#IEDiv #NavBar {margin-top: 110px;}

#footer
{
	width: 98%;
	float:left;
	margin-top: 5px;
	padding-top: 5px;
	border-top:solid #dedede 1px;
	font-size: 70%;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-right: 3px;
}

#TextBox 
{float:left;
 margin-top: 5px;
 margin-bottom: 5px;
 width: 796px;
 padding-left:10px;
 padding-right: 10px;

}

#GreyBorderDiv {width: 626px; float:left; height:100%; padding:4px; border-left:#dedede solid 1px;}
#IEDiv #GreyBorderDiv {padding-top: 10px;}

.divAdmin {text-align: left;BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; Z-INDEX: 101; LEFT: 112px; BORDER-LEFT: #666666 1px solid; WIDTH: 592px; BORDER-BOTTOM: #666666 1px solid; POSITION: absolute; TOP: 12px; min-height: 296px; background: #fff; padding: 5px 5px;	}
label
{
	font-size: x-small;
	color: #000000;
	font-weight: bold;
}
.LoginControl
{
	background-color:#F7F7DE; 
	border-color:#CCCC99;
	border-style:solid;
    border-width:1px;
    font-family:Verdana; 
    font-size:10px;     
}
.HeadCaptions
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}