@charset "UTF-8";
/* CSS Document */

/*<![CDATA[*/

*{
margin:0;
padding:0;
}
* html #footer{
margin:-40px 0 0;
}
* html #nonfooter{
height:100%;
}
body{
	color:#FFFFFF;
	height:100%;
	text-align:center;
	background: #5B5B5B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
a {
	color: #7CA067;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}
a:visited {
	color: #7CA067;
}




/*]]>*/
#body_left h1 {
	margin-left: 0px;
	padding-left: 0px;
}
h1{
	margin:20 0px 10px 20px;
	text-align: left;
	padding-bottom: 10px;
	font: 140% Arial, Helvetica, sans-serif;
	color: #E3E3E3;
	padding-left: 10px;
}
#recent {
	background: url(../images/recent_title.jpg) no-repeat;
	width: 211px;
	height: 26px;
	position: relative;
	left: 20px;
	text-indent: -9999px;
}
#drawings {
	background: url(../images/drawings_title.jpg) no-repeat;
	width: 211px;
	height: 26px;
	position: relative;
	left: 20px;
	text-indent: -9999px;
}
#com {
	background: url(../images/comm_title.jpg) no-repeat;
	width: 320px;
	height: 26px;
	position: relative;
	left: 20px;
	text-indent: -9999px;
}
#student {
	background: url(../images/student_title.jpg) no-repeat;
	width: 320px;
	height: 26px;
	position: relative;
	left: 20px;
	text-indent: -9999px;
}
#contact_title {
	background: url(../images/contact_title.jpg) no-repeat;
	width: 320px;
	height: 26px;
	position: relative;
	left: 20px;
	text-indent: -9999px;
}
#classes_title {
	background: url(../images/classes_title.jpg) no-repeat;
	width: 500px;
	height: 26px;
	position: relative;
	left: 20px;
	text-indent: -9999px;
}
#ex_title {
	background: url(../images/ex_title.jpg) no-repeat;
	width: 500px;
	height: 26px;
	position: relative;
	left: 20px;
	text-indent: -9999px;
}
#ssp {
	height: 500px;
}
#ssp_recent {
	text-align: center;
}
#ssp_drawings {
	height: 510px;
	text-align: centre;
}
#ssp_comission {
	height: 580px;
}
h2{
	margin:10 0px 10px;
	text-align: left;
	padding-bottom: 10px;
	font: 130% Arial, Helvetica, sans-serif;
	color: #E3E3E3;
	padding-left: 0px;
}
h4 {
	font: 110% Arial, Helvetica, sans-serif;
	color: #E3E3E3;
}
p {
	margin-bottom: 1em;
	margin-top: 1em;
}
h6{
	padding-left: 20px;
	font-size: smaller;
	color: #888888;
	background:#565555;
	height:40px;
	text-align:left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	padding-top: 5px;
}
html{
	height:100%;
	margin-bottom:1px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
#header    {
	height: 95px;
	background: url(../images/logo.jpg) no-repeat;
	position: relative;
}
/*webmaster*/
#apDiv1 {
	position:absolute;
	right:0px;
	width:17em;
	height:22px;
	z-index:1;
	font-size: small;
	top: 81px;
	color: #DFDFDF;
	text-decoration: none;
}
#apDiv1  a:link {
	color: #7CA067;
	text-decoration: none;
}
#apDiv1  a:hover {
	color: #FF0000;
	text-decoration: none;
}

#nonfooter #content #spacer {
	height: 15px;
}



p{
margin:0 20px 20px;
}
#content{
padding:0 0 30px;
}
#footer{
	background:#D2D2D2;
	margin:-40px auto 0;
	position:relative;
	text-align:left;
	width:100%;
}
#nonfooter{
	border-bottom:1px solid #cccccc;/* keep opera happy */
	margin:0 auto 0 0px;
	min-height:100%;
	text-align:left;
}
#body_left {
	padding:10px 10px 60px;	/* Height of the footer */
	margin: 0px auto 0px 20px;
	width: 870px;
	z-index: 8;
	position: relative;
}
#body_centered {
	padding:10px 10px 60px;	/* Height of the footer */
	margin: 0px auto;
	width: 900px;
	text-align: center;
}
#content_left {
	float: left;
	height: 500px;
	width: 500px;
}
#content_left_home {
	float: left;
	height: 500px;
	width: 460px;
}
#content_right {
	float: right;
	height: 500px;
	width: 400px;
	text-align: left;
}

/*------------NAVIGATION------------*/

#navigation {
	background: url(../images/nav_bar.gif) repeat-x left top;
	height: 44px;
	line-height:44px;
	color:#666666;
}
#nonFooter #navigation a {
	color: #DFDFDF;
}



#navigation li a{
	display:block;
	padding:0 10px;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	background-color:inherit;
	color: #dfdfdf;
}


#navigation{
	height:44px;
	line-height:44px;
	color:#666666;
	position: relative;
	width: 100%;
	text-align: left;
}

#navigation li{
	float:left;
	list-style-type:none;
	white-space:nowrap;
	background: url(../images/devide.gif) no-repeat;
}




#navigation a:hover {
	color: #FFFFFF;
	background: url(../images/nav_bar_RO.gif) repeat-x right top;
}
#nonfooter #content #content_images {
	float: left;
	width: 600px;
	height: 630px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 10px;
}
#nonfooter #content #content_text {
	float: right;
}

#navigation .selected{
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0 10px;
	color: #FFFFFF;
	background: url(../images/nav_bar_RO.gif) repeat-x right top;
}


#navigation .selected2{
	text-decoration:none;
	background: #B7B7B7;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0 10px;
	color: #FFFFFF;
}
#nonfooter  #navigation ul {
	min-height: 400px;
	left: 0px;
}
#nonfooter #content #body_left #contact {
	position: absolute;
	z-index: 10;
}
#body_left p {
	position: relative;
	z-index: 11;
}