/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #fff;
		font: small Trebuchet MS, Arial, Verdana;
		height:100%;
		
		background-image:url(../images/line.gif);
		background-repeat:repeat-y;
		background-position:left;
		
		}
		
/*  --------- 2. structure  --------- */

#sidebar {
	/*background-color:#EFEFEF;*/
	position:absolute;
	/*height:100%;*/
	width: 180px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	display: inline;
	left: 0px;
	top: 51px;
}

.header
{
	position:absolute;
	height:50px;
	width:100%;
	top:0px;
	left:0px;
	right:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	background-image:url(../images/gradient2.gif);	
	background-position:top left;
    background-repeat: repeat-x;    
	
	
}

.header h1
{
	width:100%;
	height:151px;
    background-image:url(../images/tile.gif);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content {
		margin-left:210px;
		margin-top:50px;
		
		padding: 12px 40px 0px 30px;
		
		 
}

#content #schoolprofile{

width:100%;
height:34px;

}
#content #page
{
    clear:both;
    float:left;
    height:auto;
    width:99%;
    margin: 0px 0px 20px 0px;
    border:#000066 solid 1px;
    padding: 5px;
}

#content #pageinfo
{
    clear:both;
    float:left;
    height:auto;
    width:99%;
    padding: 5px;
}

#content #pageinfo ul li
{
    list-style-type: none;
}

#content #page #schoolprofile #schoolimg{
float:left;
		background-image:url(../images/school.gif);
		background-repeat:no-repeat;
		height: 32px;
		width:34px;
}

#schoolimg
{
	margin-right:5px;	
}

#content #page #schoolprofile #settingsimg{
float:left;
		background-image:url(../images/settings.gif);
		background-repeat:no-repeat;
		height: 32px;
		width:34px;
}

#settingsimg
{
	margin-right:5px;	
}


#content #page #schoolprofile #messagesimg{
float:left;
		background-image:url(../images/mail.gif);
		background-repeat:no-repeat;
		height: 32px;
		width:34px;
}

#messagesimg
{
	margin-right:5px;	
}


#content #page #schoolprofile #contentimg{
float:left;
		background-image:url(../images/upload.gif);
		background-repeat:no-repeat;
		height: 32px;
		width:34px;
}

#contentimg
{
	margin-right:5px;	
}

#content #page  #schoolprofile #schooltitle{

		padding-top: 2px;	
		font: bold 125% Trebuchet MS, Arial, Verdana;
		color: #000066;

}

#content #page #profileboxleft{
float:left;
margin-bottom:45px;
border-top:#000066 solid 1px;
/*border-left:#000066 solid 1px;
border-bottom:#000066 solid 1px;*/
border-right:#000066 dashed 1px;
height:auto;
width:50%;
}

#profileboxleft ul li
{
list-style-type: square;
}
#profileboxleft a
{
color: #0000FF;
text-decoration: none;
}

#profileboxleft a:hover, li a:hover
{
text-decoration: underline;
cursor: pointer; 	
}

#content #page #profileboxleft #profilethumb{
float:left;
width:190px;

 padding: 23px 15px 23px 15px;
}


a.pointer
{
	cursor: pointer; 	
}
.pointer a:hover
{
    color: #000066;
}
	


#content #page #profileboxleft #profilethumb #mailer{
float:left;

}


#content #page #profileboxright{
float:left;
margin-bottom:45px;
border-top:#000066 solid 1px;
/*border-bottom:#000066 solid 1px;
border-right:#000066 solid 1px;*/
height:auto;
width:49%;
}

#content #page #ajaxgeneratedcontent {
display: none;
}

#content #samplegraphic{

	clear:both;
	
	float:left;
height:auto;
width:99%;

margin: 0px 0px 20px 0px;

border:#000066 solid 1px;


}

#content #samplegraphic #header{
background-image:url(../images/gradient.gif);
background-repeat:repeat-x;
		
height: 24px;

padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
font: bold 125% Trebuchet MS, Arial, Verdana;


}

#content #loginbox{
	clear:both;
	float:left;
height:auto;
width:250px;
margin: 0px 0px 20px 0px;
border:#000066 solid 1px;
}

#content #loginbox #header{
background-image:url(../images/gradient.gif);
background-repeat:repeat-x;
		
height: 24px;

padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
font: bold 125% Trebuchet MS, Arial, Verdana;


}



#content #messagebox{
clear:both;
float:left;
height:auto;
width:99%;
margin: 0px 0px 20px 0px;
border:#a7a7a7 solid 1px;
}

#content #messagebox #header{
background-image:url(../images/greybar.gif);
background-repeat:repeat-x;	
height: 24px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
font: bold 125% Trebuchet MS, Arial, Verdana;
}





#content #messageboxgreen{
clear:both;
float:left;
height:auto;
width:99%;
margin: 0px 0px 20px 0px;
border:#17b436 solid 1px;
}

#content #messageboxgreen #header{
background-image:url(../images/greenbar.gif);
background-repeat:repeat-x;	
height: 24px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
font: bold 125% Trebuchet MS, Arial, Verdana;
}

#content #messageboxred{
clear:both;
float:left;
height:auto;
width:99%;
margin: 0px 0px 20px 0px;
border:#b41736 solid 1px;
}




#messageboxredlogin{
clear:both;
float:left;
height:auto;
position:absolute;
top:600px;
left:240px;
width:500px;
margin: 0px 0px 20px 0px;
border:#b41736 solid 1px;
}

#messageboxredlogin #header{
background-image:url(../images/redbar.gif);
background-repeat:repeat-x;	
height: 24px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
font: bold 125% Trebuchet MS, Arial, Verdana;
}


#content #messageboxred #header{
background-image:url(../images/redbar.gif);
background-repeat:repeat-x;	
height: 24px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
font: bold 125% Trebuchet MS, Arial, Verdana;
}

#samplegraphic #header img
{
	border:none;
	padding: 0px 0px 0px 0px;
	margin: -22px 0px 0px 0px;
	float:right;
		 
}



#samplegraphiccontent
{
	padding: 5px 5px 5px 5px;
	
}

#settingscontent
{
	padding: 5px 5px 5px 5px;	
}

#settingscontent input
{
    border: 1px solid #000066;
    padding: 1px;
}

#content #samplegraphic img{

border:#000066 solid 1px;
}


#footer {
		clear: both;
		padding: 0px;
		margin: 0px;

		}

/* ---------- 3. links and navigation ---------- */

#content #crumb {
margin:0px 0px 12px 0px;
padding:0px;

}

#content #crumb a:link, #content #crumb a:visited {
	text-decoration: none;
	color:#0000FF;
}


#content #crumb a:hover{
text-decoration:underline;
}

#content #crumb .current{
text-decoration:underline; 
font-weight:bold;
}



#navigation 
{
		float:left;
		background: #fff;
		border: 1px solid #DDDDDD;
		height:auto;		
		font:bold 14px Trebuchet MS, Arial, Verdana;
		margin: 25px 0px 0px 5px;
		padding: 0px 0px 0px 0px;
}		

#navigation #header {
background-image:url(../images/gradient.gif);
background-repeat:repeat-x;
		
height: 21px;

padding: 6px 6px;
margin: 0px 0px 22px 0px;
color:#FFFFFF;

}

#navigation #header img {
float:left;
width:10px;
padding: 2px 10px 0px 8px;
}


#navigation .link {
float:left;
vertical-align:middle;
padding: 0px 0px 0px 14px;
height: 33px;
		width:160px;
margin: 0px 0px 15px 0px;

}

#navigation .link img {
float:left;
height: 33px;
padding: 0px 10px 0px 0px;

}

	
#navigation a:link, #navigation a:visited {
	text-decoration: none;
	color:#0000FF;
}

#navigation a:hover{
text-decoration:underline;
}
		

/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
		font: bold 125% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
		}

p {
		font-size: 93%;
		line-height: 1.3em;
		margin-bottom: 1em;
		}

		
#footer p {
		margin-bottom: 0;
		}



#websample
{
	margin-left:10px;
	padding-bottom:10px;
	padding-right:5px;
	float:left;	
}




.loginform
{
	float:left;
	height:auto;
	width:240px;
}

.logintext
{
	float:right;
	height:auto;
	width:400px;	
}

/* ---------- 5. tables and stuff ---------- */
table th
{
	text-align: right;	
	padding-right: 10px;
}

fieldset
{
	width: 80%;
	margin: 10px auto;
	padding: 10px;	
}

#edit_contact
{
	border: solid thin #848484;	
	margin: 10px auto;
	width: 90%;	
	padding: 10px 0;
}

#edit_contact table
{
	margin-right: 10px;
	width: 95%;
	text-align: right;	
}

#edit_contact img
{
	border: none !important;	
}

.validationerror
{
	font-size: 0.8em;
	color: red;	
}

#contactstable thead th
{
	text-align: left;	
}

#contactstable tbody tr td
{
	padding: 2px 0;	
}