/* CSS Document */
body { background: #D3DBA8 color: #DAD9E0; background: url('images/body_bg.gif'); font: 62.5% Tahoma, "Tahoma", Tahoma, serif; text-align: center; }
* { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/

a { color: #596C82; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:20px; }

	a:visited { color: #788BA7; text-decoration: underline; }

	a:hover { color: #D3DBA8; text-decoration: underline; }
	
	a img { border: none; }
	
h1 {font-family: sans-serif}

p {font-family:Arial, Helvetica, sans-serif}

/*the whole shit*/

#container { width: 770px; margin: 0px auto 0 auto; background:images/m_aqua.jpg; }

/*language bar*/

#lang {background:url(images/body_bg.gif); text-align:left; padding: 0 0 0 0; }

#lang p {font-family:Impact; text-align:left; color:#FFFFFF; font-size:large; }

/*header*/
	
#header { width: 770px; height: 140px; background: url('images/header.jpg') no-repeat; }

	#header a { display: block; width: 770px; height: 140px; } 
	
#nav {
    margin:0;
  	padding:0;
	background:#808259 url(body_bg.jpg) 0 0 repeat-x;
	float:left;
	width:100%;
	border:1px solid #42432d;
	border-width:1px 0;
    }
#nav li {
    display:inline;
    padding:0;
    margin:0;
    }

#nav a:link,
#nav a:visited {
    color:#000;
    background:#b2b580;
	padding:20px 40px 4px 10px;
	float:left;
	width:auto;
	border-right:1px solid #42432d;
	text-decoration:none;
    font:bold 1em/1em Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-shadow: 2px 2px 2px #555;
	}

#nav li:first-child a {
 	border-left:1px solid #42432d;
	}

#nav a:hover {
    color:#fff;
    background:#727454;
    }
	
#home #nav-home a,
#school #nav-school a,
#sefn #nav-sefn a,
#photos #nav-photos a,
#photos #nav-films a,
#links #nav-links a,
#contact #nav-contact a {
  	background:#e35a00;
    color:#fff;
    text-shadow:none;
    }
	
#home #nav-home a:hover,
#school #nav-school a:hover,
#sefn #nav-sefn a:hover,
#photos #nav-photos a:hover,
#links #nav-links a:hover,
#contact #nav-contact a:hover {
    background:#e35a00;
    }
	
#nav a:active {
    background:#e35a00;
    color:#fff;
    }

#nav #active a {
    background:#e35a00;
    color:#fff;
    }

#main {
    background:#ffffff;
	float:left;
    width:500px;
	padding-bottom:2em;
	}
	
#main.index {
    background:#ffffff;
    float:left;
    width:500px;
	padding-bottom:0;
	}

#main p {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:left;
	margin-left:0.5em;
	margin-right:0.5em;
	}
	
#main p.image {
	padding-left:0;
	font-size: 10px;
	text-align: center;
	}

#main p.mid {
	text-align:center;
	}
	
#main p.con { margin-left:6em; }
	

#main a { color: #ff0000; font-family:Arial, Helvetica, sans-serif; font-size:small; }

#main a:visited { color: #e35a00; text-decoration: none; }

#main a:hover { color: #000; text-decoration: none; }
	
#main a img { border: none; }

#main a.mid { color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center;}
	
#main ul {
    padding: 0;
    margin: 0;
	list-style-position:inside;
	list-style-type: disc;
	margin-left:3em;
	margin-right:0.5em;
	text-align:left;
	font-size:small;
	}
	
/*sub nav*/

#mainnavlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#mainnavlist li
{
list-style: none;
margin: 0;
display: inline;
}

#mainnavlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#mainnavlist li a:link { color: #448; }
#mainnavlist li a:visited { color: #667; }

#mainnavlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#mainnavlist li a#current
{
background: white;
border-bottom: 1px solid white;
}
	
/*sidebar*/
	
#sidebar {
	background:#B9BB9B;
    float:right;
    width:268px;
	padding-bottom:1em;
	border-bottom:0px; border-style:solid; color:#000000;
	border-left:1px; border-style:groove; color:#000000;
	border-right:0px;
	border-top:0px;
	 }

#wrap {
text-align:center;
margin-bottom:2em;
margin-top:2em;
margin-left: 6.4em;
margin-right: 6.4em;
}

#sidebarnav ul
		{
			margin-left: 0;
			padding: 0;
			list-style-type: none;
			text-align: center;
		}
		
		#sidebarnav li { margin: 0; }

		#sidebarnav a
		{
			display: block;
			color: #FFF;
			background-color: #036;
			width: 9em;
			padding: 3px 12px 3px 8px;
			text-decoration: none;
			border-bottom: 1px solid #fff;
			font-weight: bold;
			text-align:left;
			font-size:small;
		}
		
		#sidebarnav a:hover
		{
			background-color: #369;
			color: #FFF;
		}
		
		#sidebarnav li li a
		{
			display: block;
			color: #FFF;
			background-color: #69C;
			width: 9em;
			padding: 3px 3px 3px 17px;
			text-decoration: none;
			border-bottom: 1px solid #fff;
			font-weight: normal;
		}


#sidebar h2, #sidebar p {
    padding:0 10px;
    }	  
	
/*footer*/
	
#footer {
    background:#808259;
	clear:both;
      }
#footer p {
    padding:5px;
    margin:0;
      }
#footer a { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: x-small; text-decoration:none; }	  

#footer a:visited { color: #000; font-family:Arial, Helvetica, sans-serif; font-size: x-small; }
#footer a:hover { color: #e35a00; font-family:Arial, Helvetica, sans-serif; font-size: x-small; text-decoration:underline; }