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

* {
		margin: 0;
		padding: 0;
		}

body {
		background:#FFF;
		font: small Trebuchet MS, Arial, Verdana;
		height:100%;
		
		
		
		}
                
#login-body {
		background:#f2f2f2;
		
		}
		
/*  --------- 2. structure  --------- */

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

.header
{
	position:absolute;
	height:125px;
	width:100%;
	top:0px;
	left:0px;
	right:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
    margin: 0 auto;
}
.header-image{
    position: relative;
    height:125px;
	width:1200px;
    background:url(../images/header.png) no-repeat center;	
    margin: 0 auto;
}
#header-image-login{
    
    float:none;
    margin: 10px auto 0px auto;
    display: block;
}

.header_child{
    background:url(../images/header_child.png) no-repeat center;	
    position: absolute;
    right:8%;
    height: 162px;
    width:164px;
    top:5px;
}
#title{
    position:absolute;
    top: 10px;
    left: 400px;
    font-weight: bold;
    font-size:30px;
}
#schooltitle{
    position:absolute;
    top: 55px;
    left: 400px;
    font-weight: bold;
    font-size: 16px;
}
#helpdesk{
    position:absolute;
    top: 75px;
    left: 400px;
    font-weight: bold;
    font-size: 16px;
}

.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;
}
.nav_header{
    background-image:url(../images/profile_header.png);
    background-repeat:repeat-x;

    height: 40px;
    text-align: center;
    padding: 8px 0px 2px 5px;
    margin: 0px 0px 0px 0px;
    color:#FFFFFF;
    font: bold 125% Trebuchet MS, Arial, Verdana;   
}
#home-left{
    background: url('../images/home_left.png') no-repeat left center;
    position: relative;
    left: -6px;
    height:35px;
}
#gradient-left{
    background: url('../images/gradient_left.png') no-repeat left center;
    position: relative;
    left: -6px;
    height:35px;
}

#gradient{
    height: 35px;
    background: url('../images/gradient_middle.png') repeat-x center;
    margin-left:5px;
    margin-right:5px;
    position: relative;
}

#gradient .text{
    position: absolute;
    width: 700px;
    font-weight: bold;
    padding-left: 40px;
    color: #ffffff;
    line-height: 35px;
    font-size:14px;
}

#gradient-right{
    height: 35px;
    background: url('../images/gradient_right.png') no-repeat right center;
    position:relative;
    right: -9px;
}

#newmessages{
    margin-top:10px;
    height: 35px;
    position:relative;
    left:-5px;
    width:100%;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 35px;
}
#newmessages img{
    padding:5px;
    float:left;
}
.newmessagestext{
    float:left;
    font-weight: bold;
    font-size: 14px;
}
#content {
		margin-left:270px;
		margin-top:125px;
		float:none;
		padding: 12px 40px 0px 30px;
		position: relative;
		 
}

#content #schoolprofile{

width:100%;
height:34px;
position: absolute;


}
#content #page
{
    background: #ffffff;
    clear:both;
    float:left;
    height:auto;
    width:99%;
    margin: 0px 0px 20px 0px;
    border:1px solid #DDDDDD;
    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 #profileboxleft{
float:left;
margin-bottom:45px;
/*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 img{
    position: absolute;
    right: 0px;
    z-index: 9999;
    top: 5px;
}
.pointer a:hover
{
    color: #000066;
}
	


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

}
#mailer{
    margin-left:45px;
}
#pageinfo li{
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
}
#pageinfo li img{
    margin-left: 20px;
    margin-right: 10px;
}

#content #page #profileboxright{
float:left;
margin-bottom:45px;
/*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:1px solid #DDDDDD;
padding: 3px;
background-color:#fff;

}

#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{
font-weight:bold;
clear:both;
float:left;
height:auto;
position:absolute;
top:182px;
left:713px;
margin: 0px 0px 20px 0px;
}
#messageboxredlogin p#invalid{
color:#f00;
}

#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;
}
.loginform form label
{
    color:#333333;
    font-weight:bold;
    font-size:12px;
}

.loginform form input
{
    width:263px;
}

.loginform form #login-button
{
    background:url(../images/login-button.png) #f2f2f2;
    width:162px;
    max-height:57px;
    height:57px;
    padding-top:57px;
    border:none;
    overflow:hidden;
    margin: 10px -5px 0px 100px;
    float:right;
    color:#ccc;
}

#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: 3px;
}		

#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:270px;
        border-left:#ddd 1px solid;
        height:300px;
        padding:20px 0px 0px 10px;
}


.logintext
{
        padding-top:20px;
	float:left;
	height:auto;
	width:400px;	
        border-right:#fff 1px solid;
        height:300px;
}

.logintext h2,
.loginform h2
{
    font-size: 18px;
    font-weight: bold;
    color:#333333;
}

.loginform a{
    float:right;
    display:block;
    margin-right:5px;
}
.logintext p, .logintext ul
{
        font-size:14px;
        color:#666666;
}
.logintext ul
{
        margin-left:20px;
}

/* ---------- 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;	
}