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

body {
	background:#fff url(../images/trentaquattro.gif) repeat;
	text-align:center;
	margin:0;
	padding:0;
	}
	
#wrapper{
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:left;
	position:relative;
	height:auto;
}
	
#header{
	margin:0;
	padding:0;
	background:#f3d282 url(../images/top.jpg) no-repeat;
	width:100%;
	height:176px;

	
}

#header h1{
	position:absolute;	
	top:139px;
	left:336px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:16px;
	text-align:left;
	color:#666;
	padding:0;
	margin:0;
	border-top:1px #666 dotted;
}

#header h2{
	position:absolute;
	top:46px;
	left:336px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	color:#666;
	width:300px;
	text-align:left;
	padding:0;
	margin:0;
}

ul#top-menu{
	display:block;
	position:absolute;
	top:-3px;
	right:10px;
}

ul#top-menu li{
	display:inline;
	margin:2px;
	padding:2px;
	position:relative;
}

#login_form{
	position:absolute;
	top:25px;
	left:-100px;
	background-color:#FC9;
	border:1px solid #F00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px;
	color:#666;
	display:none;
	}

#nav {
      float:left;
      width:100%;
      font-size:87%;
	  font-family:Verdana, Geneva, sans-serif;
      border-bottom:2px solid #F45551;
      line-height:normal;
	  background-color:#f6f0cc;
	  clear:left;
	  position:relative;
	  z-index:100;
	 }
	 
#nav ul {
          margin:0;
          padding:0 10px 0 50px;
          list-style:none;
      }
#nav ul li {
      display:inline;
      margin:0;
      padding:0;
	  position:relative;
      }
	  

#nav a {
      float:left;
      background:url("../images/tableft9.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
#nav a span {
      float:left;
      display:block;
      background:url("../images/tabright9.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#FFF;
      }
    #nav a:hover {
      background-position:0% -42px;
      }
    #nav a:hover span {
      background-position:100% -42px;
      }

      #nav #current a {
              background-position:0% -42px;
      }
      #nav #current a span {
              background-position:100% -42px;
      }
	  
	  #nav ul li ul{
		  position:absolute;
		  top:30px;
		  left:-655px;
		  padding:0;
		  margin:0;
		  z-index:100;
		  background:#fff;
		  text-align:left;
		  
	  }
	  
	  
	    
#content{
	background-color:#FFF;
	height:auto;
	width:100%;
}

#home{
	float:left;
	width:532px;
	height:auto;
}


#sidebar{
	float:left;
	width:268px;
	height:auto;
}

#footer{
	border-top:2px solid #999;
	
}

#footer p{
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
/* slideshow */

#slideshow {
	margin:10px;
	text-align:left;
	border:3px solid #F60;
	height: 250px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   z-index:0;
}

#slideshowContent {
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style-type:none;
   padding:0;
   margin:0;
}

.slideshowImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slideshowImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/17px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width:100%;   
   background-color: #CCC;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #603;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 


/* basic accordian */

.courses {
	border:1px solid #F60;
	margin:10px;
	margin-left:0;
	padding:0px;
	text-indent:0px;
	background-color:#fff;
	}
	
.courses h3{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	padding:4px;
	text-align:left;
	text-indent:10px;
	background-color:#F60;
	margin:0;
	border:1px solid #fff;
	color:#fff;
	
}

.courses div ul{
	margin:0;
	padding:0;
}

.courses div li{
	list-style:inside circle;
	padding-left:10px;
}

.mission{
	height:auto;
	border:#F60 1px solid;
	margin:10px;
	margin-left:0;
}

.mission h2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	padding:4px;
	text-align:left;
	background-color:#fff;
	margin:0;
	color:#fff;
	border:2px solid #fff;
}

.mission p{
	padding:0;
	margin:0;
	padding-top:10px;
	padding-left:15px;
	padding-bottom:4px;
	text-indent:15px;
	display:block;
	width:90%;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:13px;
	line-height:18px;
	background:url(../images/quote_open.gif) no-repeat top left;
	text-align:justify;
}

#news_n_gallery {
	margin:10px;
	text-align:left;
	position: relative; /* important */
	
	padding:0px;
	text-indent:0px;
	}

#news_n_gallery table{
	border-collapse:collapse;
}


#sitemap{
	width:100%;
	margin:0;
	padding:0;
}

#sitemap li{
	display:inline;
	position:relative;
	padding:10px;
	margin:10px;
	
}

#sitemap ul.submenu{
	position:absolute;
	top:35px;
	left:0;
	margin:0;
	padding:0;
}

#sitemap ul.submenu li{
	display:block;
	background:#FFF;
	text-align:left;
	list-style-type:circle;
	padding:5px;
	margin:0;
	border-top:1px dotted #999;
}


#page {
	padding:10px;
}

#page h3{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	border-bottom:1px dotted #066;
	font-size:22px;
	margin-bottom:25px;
	margin-left:15px;
	color:#C30;
}

#page img{
	padding:3px;
	margin:5px;
	border:2px solid #033;
}

#page h2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	color:#033;
	padding-left:10px;
}
#page p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	text-indent:18px;
	padding:0 10px;
	line-height:21px;
}

#page img{
	padding:4px;
	padding-top:0;
}

#rss a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	text-decoration:none;
	padding-left:5px;
}

#rss a:hover{
	text-decoration:underline;
	color:#930;
}

#alumni {
	height:250px;
	overflow:hidden;
}

#alumni table td{
	padding-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#alumni table td img{
	padding:4px;
	margin:4px;
	border:1px dotted #999;
}