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

body{
	background-color:#EEEAE9;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
}
h1, h2, h3, h3, h4, h5, h6 { color:#5F308E; margin: 4px 0;}
p {margin: 8px 0}
a {text-decoration: none; color: #5F308E;}
a:hover {text-decoration: underline; color: #FCAC33;}

/********************************************/
/* HEADER **********************************/
.h_bgr_wrap{
	min-width: 780px;
	height: 80px;
	background: url(gfx/header_with_logo.jpg) #F2EEED no-repeat 50% 0;
}
/* Top Nav **********************/
.h_topNav_wrap{
	width: 780px;
	margin: 0 auto;
}
/*    .topNav {
	float: right;
      width: 500px;
      line-height:normal;
	  margin:0 0 0 0;
	  text-align: right;
      }

    .topNav a {
      margin:0;
      padding:0px;
      text-decoration:none;
      }
    .topNav a span {
      padding:2px 8px 2px 8px;
      color:#5F308E;
	  border-right: 1px #5F308E dotted;
      }
	  */

/* topNav *********************/
#topNavbgr{
	float: right;
	background: url(gfx/topNavbgr.png) 0 100% repeat-x;
}
#topNav{
	text-align: right;
	background: url(gfx/topNavl.png) 0 100% no-repeat;
	color: #5F308E;
}
#topNav ul{
	list-style: none;
	padding: 3px 25px 4px 30px;
	margin: 0;
}
#topNav li{
	display: inline;
	margin: 0;
	padding: 0;
	
}
#topNav a{
	text-decoration: none;
	color: #5F308E;
}
#topNav a:hover{
	text-decoration: underline;
	color: #666666;
}

/* mainNav *********/
#mainNav{
	text-align: right;
}



#text-small {font-size: 12px;}
#text-medium {font-size: 14px;}
#text-large {font-size: 16px;}


/********************************************/
/* MAIN NAV *********************************/
.mNav_bgr {
	background: url(gfx/mNav_bgr.jpg) repeat-x;
	height: 25px;
}

/* main menu ****/
    .mainNav {
      width:780px;
	  margin: 0 auto;
      line-height:normal;
	  text-transform: uppercase;
      }
    .mainNav ul {
	  margin:0;
	  padding: 0;
	  list-style:none;
      }
    .mainNav li {
      display:inline;
      margin:0;
      padding:0;
      }
    .mainNav a {
      float:left;
      margin:0;
      padding:0px;
      text-decoration:none;
      }
    .mainNav a span {
      float:left;
      display:block;
      background:url("gfx/tabright.jpg") no-repeat left top;
      padding:5px 7px 4px 22px;
      color:#FFF;
	  font-size: small;
	  font-weight: bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .mainNav a span {float:none;}
    /* End IE5-Mac hack */
    .mainNav a:hover span {
      color:#0D2D84;
      }
    .mainNav a:hover {
      }
    .mainNav a:hover span {
      background-position:0% -25px;
      }


/********************************************/
/* BANNER ***********************************/
.banner {
	background: #5F308E;
	border-bottom: 16px solid #FCAC33;
}
.banner_flash {
	text-align: center;
	width: 780px;
	margin: 0 auto;
	border-left: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
}

.banner_01{
	height: 160px;
	background: url(gfx/banner_01.jpg) no-repeat;
}
.banner_02{
	height: 160px;
	background: url(gfx/banner_02.jpg) no-repeat;
}
.banner_03{
	height: 160px;
	background: url(gfx/banner_03.jpg) no-repeat;
}
.banner_04{
	height: 160px;
	background: url(gfx/banner_04.jpg) no-repeat;
}

.orange_bgr{
	background: url(gfx/orange_bgr.jpg);
	height: 8px;
}

/********************************************/
/* CONTENT **********************************/
.breadcrumbs{ border-bottom: 1px dashed #999999; padding: 0 0 5px 0; margin: 0 0 10px 0; text-transform: lowercase;}
.content_bgr {
	min-width: 780px;
	background: url(gfx/content_bgr.jpg) #FFFFFF no-repeat 50% 0;
}
.content_wrap{
	width: 740px;
	margin: 0 auto;
	padding: 5px 20px;
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
	background-color: #FFFFFF;
}

.box_1 { margin: 10px 0;}
.box_1 div.content_header { border-left: 5px solid #A0419F; padding: 0 10px;}
.box_1 div.content_header h3 { color:#A0419F;}
.box_1 div.content_body { border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; padding: 0 10px;}

.box_2 { width: 350px; float: left; margin: 10px 0;}
.box_2 div.content_header { border-left: 5px solid #FCAC33; padding: 0 10px;}
.box_2 div.content_header h3 { color:#FCAC33;}
.box_2 div.content_body { border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; padding: 0 10px;}

.box_3 { width: 350px; float: left; margin: 10px 0 10px 30px;}
.box_3 div.content_header { border-left: 5px solid #0099FF; padding: 0 10px;}
.box_3 div.content_header h3 { color:#0099FF;}
.box_3 div.content_body { border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; padding: 0 10px;}

.more{ text-align: right; margin-top: 5px;}

.fp_news {}
.fp_dashedline{ border-bottom: 1px dashed #E8E8E8;}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #A0419F; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
}

.leftNav_t { background: url(gfx/leftNav_t.jpg) repeat-x 0 0}
.leftNav_r { background: url(gfx/leftNav_r.jpg) repeat-y 100% 0}
.leftNav_b { background: url(gfx/leftNav_b.jpg) repeat-x 0 100%}
.leftNav_l { background: url(gfx/leftNav_l.jpg) repeat-y 0 0}

.leftNav_tl { background: url(gfx/leftNav_tl.jpg) no-repeat 0 0}
.leftNav_tr { background: url(gfx/leftNav_tr.jpg) no-repeat 100% 0}
.leftNav_bl { background: url(gfx/leftNav_bl.jpg) no-repeat 0 100%}
.leftNav_br { background: url(gfx/leftNav_br.jpg) no-repeat 100% 100%; padding: 10px 5px 30px 5px}

.class_cat_img { background:#FFFFFF;} /* images for each classes category */

#mainContent { 
	margin: 0 0 0 205px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent_no_col {
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContent_noNav { 
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 


/*- Menu 9--------------------------- */
	
.moduletable_mainNav {
	width: 180px;
	margin: 0;
	font-weight: bold;
	}

.moduletable_mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.moduletable_mainNav img {
    border: none;
} 

.moduletable_mainNav li a {
	min-height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	border-bottom: #CCCCCC 1px dashed;
	}	
	
.moduletable_mainNav li a:link, .moduletable_mainNav li a:visited {
	color: #FFFFFF;
	display: block;
	background:  url(gfx/leftNav_bgr.jpg) no-repeat;
	padding: 8px 0 0 35px;
	}
.moduletable_mainNav li ul li a:link, .moduletable_mainNav li ul li a:visited {
	background: #A0419F;
	padding: 8px 0 0 50px;
	}

.moduletable_mainNav li a:hover {
	color: #CCCCCC;
	background:  url(gfx/leftNav_arrow.gif) no-repeat 5px 50%;
	padding: 8px 0 0 35px;
	}
	
	
	
.moduletable_mainNav li.active_item a:link, .moduletable_mainNav li.active_item a:visited {
	color: #CCCCCC;
	background: url(gfx/leftNav_arrow.gif) no-repeat 5px 8px;
	padding: 8px 0 0 35px;
}
.moduletable_mainNav li.active_item ul li a:link, .moduletable_mainNav li.active_item ul li a:visited {
	color: #FFFFFF;
	background: #A0419F;
	padding: 8px 0 0 50px;
}


.moduletable_mainNav li ul li.active_item a:link, .moduletable_mainNav li ul li.active_item a:visited {
	color: #CCCCCC;
	background: url(gfx/leftNav_arrow.gif) no-repeat 18px 8px;
	padding: 8px 0 0 50px;
}
.moduletable_mainNav li ul li.active_item ul li a:link, .moduletable_mainNav li ul li.active_item ul li a:visited {
	color: #FFFFFF;
	background: #A0419F;
	padding: 8px 0 0 65px;
}


.moduletable_mainNav li ul li ul li.active_item a:link, .moduletable_mainNav li ul li ul li.active_item a:visited {
	color: #CCCCCC;
	background: url(gfx/leftNav_arrow.gif) no-repeat 30px 8px;
	padding: 8px 0 0 65px;
}
.moduletable_mainNav li ul li ul li.active_item ul li a:link, .moduletable_mainNav li ul li ul li.active_item ul li a:visited {
	color: #FFFFFF;
	background: #A0419F;
	padding: 8px 0 0 80px;
}


.classes_tbl { border: 1px dashed #FF9900; padding: 5px; margin-top: 10px; font-weight: normal}
.classes_tbl_item { border: 1px dashed #FF9900; padding: 5px; margin-top: 10px;}

.classes_td_color { background:#FFAF37; font-weight: bold;}
.classes_tbl a:hover { color:#FFFFFF; text-decoration: underline;}
.apply_now { border-top: 1px dashed #FF9900; padding: 10px;}

.venue_address{ padding-left: 50px; vertical-align: middle}

.new_tbl td{ border-top: 1px dashed #FF9900; padding: 5px;}

.link_tbl {}
.link_tbl_line {border-top: 1px dashed #FF9900; padding: 0 0 0 15px;}
.link_tbl_line_h {border-top: 1px dashed #FF9900; padding: 0 5px; background: #FCAC33;}

/********************************************/
/* FOOTER **********************************/
.footer_bgr {
	background: url(gfx/footer_bgr.jpg) repeat-x;
	height: 34px;
	width: 100%;
}

/* botNav *********************/
#botNav{
	text-align: center;
	color: #666666;
}
#botNav ul{
	list-style: none;
	padding: 5px 25px 4px 30px;
	margin: 0;
}
#botNav li{
	display: inline;
	margin: 0;
	padding: 0;
	
}
#botNav a{
	text-decoration: none;
	color: #5F308E;
}
#botNav a:hover{
	text-decoration: underline;
	color: #666666;
}

/* mainNav *********/
#mainNav{
	text-align: right;
}

.designed_by {
color: #666666;
text-align: center;
}
.designed_by a{
color: #666666;
text-decoration: none;
}
.designed_by a:hover{
color: #666666;
text-decoration: underline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}