@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img { margin:0;padding:0;}

/*  --------------------  */

/*  =GENERAL RULES

/*  --------------------  */

/* hide from ie on mac \*/

html {
	height: 100%;
}

body {
	background:	#000000;
	color: #ffffff;
	font-size:12px;
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans, "Lucida Bright", Verdana, Georgia, Arial";
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	padding:0px 0px 0px 0px;
	width:800px;
	position: relative;
	height: auto;
}

#hbot { float:right; text-align:right; padding-right:0px; margin:0px; width:328px; }

#hbot ul{
	margin:0 0px 0 0px;
	border:0 none;
	padding-top:0px; 
	list-style:none;
	height:30px;
	line-height:15px; 
}

#hbot li{
	display:block;
	padding-left:3px;
	float:left;
	margin:0;
}
a.rollover1 {
	display: block;
	width: 105px;
	height: 22px;
	background: url("email.png") 0 0 no-repeat;
	text-decoration: none;
	color:#fafafa;}
a:hover.rollover1 {	color:#fafafa; background-position: -105px 0;}


a.rollover2 {
	display: block;
	width: 105px;
	height: 22px;
	background: url("phone.png") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover2 {	background-position: -105px 0;}



a.rollover3 {
	display: block;
	width: 105px;
	height: 22px;
	background: url("bookmark.png") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover3 {	background-position: -105px 0;}

a.rollover4 {
	display: block;
	width: 195px;
	height: 74px;
	background: url("signuproll.png") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover4 {	background-position: -195px 0;}

a.rollover5 {
	display: block;
	width: 195px;
	height: 74px;
	background: url("download.png") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover5 {	background-position: -195px 0;}







/*  ----------HEADERS----------  */

h5, h6 {

	color: #383838;

	font-family: Verdana, "Lucida Bright", Georgia, Arial, "Trebuchet MS";

	font-style: normal;

	font-weight: bold;

	line-height: 1.2em;

	margin: 0px 0 .25em 10px;

}



h1 { font-size: 10px; padding-top:0px; text-align:center;}



h2 {

    font-size:12px;
	margin:6px 0 0px 3px;
	padding:5px 0 5px 0px;
	color:#000;
	text-align:center;
	text-transform: uppercase;
	background:url(h2head.jpg) no-repeat;

}

h3 {
	margin: 0;
	padding: 10px 0 0 9px;
	font-size: 14px;
	color:#FFF;
	text-transform: capitalize;
}

h5 { font-size: 1.0em; color:#005095; padding:2px 0 2px 1px; margin:0; }

h6 { color:#fafafa;  

	font-size:12px;

	padding-bottom:0px;

	margin:5px 0 5px 0px;

	text-transform: capitalize;}

/*  ----------HEADERS----------  */

a {
	color:#ffffff;
	font-weight:bold;
	text-decoration: none;
	cursor: pointer;
}

a:visited {

	color: #383838;

	font-weight: bold;

	text-decoration: none;

}

a:hover {

	color: #dd0000;

	text-decoration: underline;

}

img{border:none;}

#header { height:200px; width:800px; background: url(headbg.jpg) no-repeat top;}

#logo { float:left; text-align:left; padding:0px; margin:0px; width:300px;}
#info { float:left; text-align:left; padding-right:0px; margin:0px; width:490px;}

#container { width: 894px; padding-top:5px;  margin: 0 auto; position: relative; background-color:#ffffff; }



#main { width: 100%; position: relative; }

#content { padding: 5px 0px; position: relative; color: #333; }

#schedule {
	width:796px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center top;
}
/*  ----------Navigation----------  */

ul#menuback {
	margin: 0px auto;
	list-style: none;
	width: 800px;
	overflow: auto;
}

ul#menuback li.shutter {
	width: 160px;
	height: 53px;
	display: block;
	float: left;
	padding-right:0px;
}

ul#menuback li#shutter1 {
	background: url(home-door.jpg) no-repeat; 
}
ul#menuback li#shutter2 {
	background: url(courses-door.jpg) no-repeat; 
}
ul#menuback li#shutter3 {
	background: url(enroll-door.jpg) no-repeat; 
}
ul#menuback li#shutter4 {
	background: url(photos-door.jpg) no-repeat; 
}
ul#menuback li#shutter5 {
	background: url(about-door.jpg) no-repeat; 
}

a.link7 {
   width: 160px;
   height: 53px;
   display: block;
   background: url(window.png) no-repeat bottom center;
   text-indent: -9999px;

}
#footer {background:#000000; color:#CCC; font-size:10px; width:800px; height:50px; margin:0 auto; text-align:center;}
#footer a{color:#CCC;}
#footeraliante a{color:#CCC; font-weight:normal;}


#pgwrap {float:left;  text-align:left; width:630px;}
#pgtop { float:left;  text-align:left; width:630px; height:30px; }
#pgmain{ float:left;  text-align:left; margin: 0 auto; padding:0 0px 0 0px; font-size:12px; background-color:#000000; line-height:1.4em; width:628px; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; }
#pgmain p{ padding:5px 20px 0 10px; font-size:12px;}
#pgmain ol{ padding:0 20px 0 40px; font-size:12px;}


#side { float:left;  text-align:left; width:168px; height:100%; float:left;  margin-bottom:11px; padding:0 0px; font-size:13px; }
#left { 
position:absolute;  
padding:0 0 0px 0; 
width:168px; 
height:80%; /* works only if parent container is assigned a height value */  
} 
.tabsb {list-style:none; padding:0px 0 11px 0; margin:6px 10px 30px 0; width:170px; height: 444px; background:url(bannerbg.png) top no-repeat; }

.tabs {list-style:none; padding:0px 0 11px 0; margin:0px 10px 30px 0; width:170px; height: 444px; }
.tabs li {display:block; margin:0 0 4px 15px;}
.tabs li a {display:block; width:154px; height:28px; text-decoration:none; background:url(vtab.gif) left top; font-size:12px; text-decoration:none; color:#ffffff; font-family:verdana; line-height:24px; text-indent:15px; border-right-color:#d2d2d2;}
.tabs li a:hover {background:url(vtab.gif) left center; color:#d02221; }
.tabs li a.selected, .tabs li a.selected:hover {background:url(vtab.gif) left bottom; color:#000; font-weight:600; border-right:1px #FFF solid; cursor:default;}

.tabsbpics {list-style:none; padding:0px 0 11px 0; margin:0px 10px 30px 0; width:170px; height: 444px; background:url(bannerbg.png) top no-repeat; }
.tabsabout {list-style:none; padding:0px 0 11px 0; margin:0px 10px 0px 0; width:170px; height: 115px; background:url(tabbg.jpg) top no-repeat; }
.tabsabout li {display:block; margin:0 0 4px 19px;}
.tabsabout li a {display:block; width:150px; height:28px; text-decoration:none; background:url(vtab.gif) left top; font-size:12px; text-decoration:none; color:#383838; font-family:verdana; line-height:24px; text-indent:15px; border-right-color:#d2d2d2;}
.tabsabout li a:hover {background:url(vtab.gif) left center; color:#d02221; }
.tabsabout li a.selected, .tabs li a.selected:hover {background:url(vtab.gif) left bottom; color:#000; font-weight:600; border-right:1px #FFF solid; cursor:default;}
  
 #mbody {
	 margin:0 auto;
	padding:0;
	width:800px;
	height: 100%;

}
#leftcol {float:left; text-align:left; width:250px; margin:15px 5px 0 20px;}
#leftcol li{font-weight:bold; font-size:11px; list-style:none; background: url(bullet.gif) left center no-repeat; padding-left:14px;}
#rightcol {float:left; text-align:left; width:335px; margin:15px 0px 0 0px;}
#rightcol li{font-weight:bold; font-size:11px; list-style:none; background: url(bullet.gif) left center no-repeat; padding-left:14px;}
#pgwrap a{font-weight:normal; 	color: #990000;}