/*

	saugakool.ee web template by Nex Data Systems

*/

html {overflow-y:scroll;}

body {
	background: #ccc url(img/bg.gif) repeat-x;
	color:#404040;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.3em;
	margin:10px auto;
	padding:0;
	text-align: center;
}

#wrap {
	color:#404040;
	margin: 20px auto 30px auto;
	background: #FFF url(img/wrap.gif) repeat-y center top;
	width:952px;
	text-align: left;
}

#header {
	color:#404040; 
	margin:0; 
	width:952px; 
	height: 22px;
	background: url(img/header.gif) no-repeat; 
	border:0px;
}

#logo {
	color:#404040; 
	margin:0; 
	width:864px; 
	height: 75px;
	background: url(img/logobg.png) repeat bottom; 
	padding: 22px 22px 0 22px;
	border:0px;
	margin: 0 22px;
}
#wrap2 {
	width: 952px;						
	padding: 25px 0 0px 0; 	
}

#t-right {
	clear:right;
	float:right;
	margin:0 45px 50px 0px;
	padding:0 0 0 0px;
	width:250px;
	height:100%;
}

#t-content-wrap {
	background:#fff; 
	line-height:1.5em; 
	margin:	0px 0px 50px 40px; 
	width: 580px; 
	padding: 0; 
	text-align:left;
}

#t-content {
    float:left;
    width: 580px; 

}


/* t-menu */
#t-menu {
	clear: both;	
	padding: 0;	margin: 0 22px;
	width: 908px;
	height: 35px;
	background: #3e5271 url(img/menubg.png);		
}
#t-menu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 20px;					
}
#t-menu ul li {
	float: left;
	margin: 0; padding: 0 0 0 5px;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
#t-menu ul li a {
	float: left;
	margin: 0;
	padding: 5px 10px 5px 5px;
	color: #fff;
	font: normal 15px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;		
}
#t-menu ul li a:hover, 
#t-menu ul li a:active {
	color: #3e5271; /* E7FAA9;	*/
}
#t-menu ul li.act, #t-menu ul li:hover {
	background: #fff;
	border-top: 1px solid #263245;
	border-left: 1px solid #263245;
	border-right: 1px solid #263245;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
#t-menu ul li.act a {	
	color: #3e5271;
}


#footer {
	clear: both;
	width: 952px;
	margin: 0;
	padding: 30px 0 25px 0;
	background: #CCC url(img/footer.gif) no-repeat left top;			
	font-size: 0.8em;
	color: #333;	
	text-align: center;	
}
#footer p {
	padding:10px 0;
}
#footer a {color:#333; text-decoration:none;}
#footer a:hover { 
	color: #333; 
	border-bottom: 1px dotted #555;
	text-decoration: none;
}



.clear {
    clear: both;
}

/* --- */

#t-content h1 {
	font: bold 2em 'Trebuchet MS', Verdana, Arial, Sans-serif;
	color: #3e5271; 
	padding: 10px 0 0px 5px; 	
	margin-left: 5px;		
	border-bottom: 1px solid #ddd; 	
}
#t-content h1 a {
	color: #3e5271;
	text-decoration: none;		
}

#t-right h1 {
	font: bold 1.6em 'Trebuchet MS', Verdana, Arial, Sans-serif;
	color: #3e5271; 
	padding: 10px 0 0px 10px; 	
	margin-left: 0px;		
	letter-spacing: -1px;
	border-bottom: 1px solid #ddd; 	
}
#t-right h1 a {
	color: #3e5271;
	text-decoration: none;		
}

#right-content {
    margin-top: 15px;
}

ul.menu2 {
	margin: 0;
	padding: 0;
}
ul.menu2 li {
	list-style: none;
	margin: 0;
	padding: 8px 10px;
	border-bottom: 1px solid #E8E8E8;
}
ul.menu2 li a {
	margin: 0;
	color: #3e5271;
	font: normal 1.3em 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;		
}
ul.menu2 li a:hover {
	color: #ff8c00;
	border-bottom: 1px dashed #ff8c00;
	text-decoration: none;
}

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }