/* CSS Document */
.sidebox {
	margin: 0 auto; /* center for now */
	max-width: 50em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right #000000;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h1,.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
*background: none /* IE7 Hack */
	margin: 0;
	padding: 5px 30px 31px;
}
.dny_page_excerpt {border-bottom:3px solid #C0C0C0;margin-bottom:15px;padding:0.5em 2em;
}

.dny_page_excerpt .view_more {
display:block;
font-family:verdana;
font-size:90%;
text-align:right;
width:100%;
}

.course_listing {

}
.course_listing thead {

}
.course_listing tbody {

}
.course_listing tr, .course_listing td {
border-bottom: 2px solid  #000099;
padding: 1em 0em;
}

.course_listing th { 
background-color: #000099;
color:white;
font-size: 110%;

}

.course_listing tr:hover { 
background-color: #F5F5FF;
}

/* BEgin Generic Table */
.generic {

}
.generic thead {

}
.generic tbody {

}
.generic tr, .generic td {
border-bottom: 2px solid  #000099;
padding: 1em 0em;
}

.thin td { 
padding-left: 0.5em;
padding-right: 0.5em
}

.generic th { 
background-color: #000099;
color:white;
font-size: 110%;

}

.generic tr:hover { 
background-color: #F5F5FF;
}

/* End Generic Table */

td[headers="CourseNum"] {
text-align:center;
padding-right: 1em;
font-size: 80%;
vertical-align: top;
}

td[headers="CourseName"] {
padding-right:1em;
text-align:center;
width:15em;
font-weight: bold;
}

td[headers="CourseFee"] {
padding:0 1em;
text-align:center;
width:5em;
}


/*Used for tables with no CourseNumber */

table.course_listing_no_num {
width: 100%;
margin-bottom: 3em;
}
.course_listing_no_num thead {

}
.course_listing_no_num tbody {

}
.course_listing_no_num tr, .course_listing_no_num td {
border-bottom: 2px solid  #000099;
padding: 1em 0em;
}

.course_listing_no_num th { 
background-color: #000099;
color:white;
font-size: 110%;
}

.course_listing_no_num tr:hover { 
background-color: #F5F5FF;
}

.course_listing_no_num  td.CourseName {
padding: 1em 1em;
width:80%;
font-weight: bold;
}

.course_listing_no_num  td.CourseDays {
padding: 0em 1em;
text-align:center;
width:2em;
}

.course_listing_no_num  td.CourseFee {
padding:0em 1em;
text-align:center;
width:5em;
}

/* Indexez before lager amount of tables */

.index th {background-color:#000;
color:#FFF
}
.index td{
	background-color: #F4F4F4;
}

/* Schedule Tables */

table.schedule {
width: 100%;
}

.schedule tr:hover { 
background-color: #F5F5FF;
}

.schedule tr, .schedule td {
border-bottom: 2px solid  #000099;
padding: 1em 0em;
}

.schedule th { 
background-color: #000099;
color:white;
font-size: 110%;
}

.schedule td.date, .schedule td.time {
width: 6em;
padding: 0 2em;
text-align:center;
}

.schedule td.course  {
padding: 0 2em;
text-align:center;
}


/* General Styling */

h1#page_title {
border-bottom:3px double;
border-top:3px double;
font-family:verdana;
padding:0.25em;
margin-top:0.5em;
text-align:center;
margin-bottom: 1em;
}

h1,h2 {
margin-bottom:0px;
padding-bottom: 0px;
}

/* Used for Body in index pages */
h1 + p, h2 + p ,
h3 + p, h4 + p ,
h5 + p, h6 + p  {
padding-top: 0px;
margin-top: 0px;
}

.center {
text-align:center;
}
.left {
text-align:left;
}
.right {
text-align:right;
}

.simplebox_ltblue {
border: 2px solid black;
background-color: #CCCCFF;
width: 70%;
margin:0px auto;
padding:1em;
line-height: 1.5em;

}

.columns_even_3 {
width: 33.3%
}

.image-margin {
margin: 0 2em 0 2em;
}


em.search-match { 
background-color: yellow;
font-weight: bold;
padding: 0.25em;
volume: x-loud;
stress: 20;
voice-family: announcer, male;
}

noscript {top:0;left:0;position:absolute;width:50%;background-color:red;font-weight:bold;color:white;}

html {height:100%;}

body {font-family:  Arial, Tahoma, Verdana;
font-size:100%;
color: #000000;
background-image: url("images/sitebg.jpg");
height:100%;
margin-left:auto;
margin-right:auto;
max-width:950px;
min-width:800px;
}

#maincontainer{
width: 99%;
height:100%;
}

#header{
width: 100%;
height:77px;
background-image: url("images/topbg.gif");
background-repeat:repeat-x;
}

#prehead{
width: 100%;
min-height: 25px;
padding:2px;
}

#prehead1{
float:left;
color:#FFFFFF;
font-style:italic;
}

#prehead2{
float: right;
color:#FFFFFF;
}

#logo{
background-image: url("images/logo.gif");
background-repeat:no-repeat;
float: left;
height:77px;
width:344px;
padding:0px;
margin:0px;
}
.img_no_border { border: none}

#header2
{float: right;
padding: 2px;
text-align:right;
}

.text-sizer {
margin-top: 5px;
}


#subhead{
width:100%;
min-height: 22px;
padding:2px;
background-color:#980000;
}

#subhead1{
float:left;
}

#subhead2{
float:right;
text-align:right;
color: #FFFFFF;
font-size:90%;
}

#search{margin-top:3px;
margin-bottom:3px;
}

#searchsubmit:hover {
background: url("images/search-btn-hover.gif") transparent no-repeat center top;
text-indent:-1000em;
vertical-align:middle;
padding: 2px;
cursor: pointer;
}

#searchsubmit {
background: url("images/search-btn.gif") transparent no-repeat center top;
margin:0;
padding:0;
text-indent:-1000em;
vertical-align:middle;
width: 60px;
height: 2em;
cursor: pointer;
}

#text-sizer{
margin-top: 0.5em;
}
.font_size{
font-size:75%;
padding-bottom:1em;
vertical-align:middle;}


.topsearch {height:22px;
width:150px;
border:1px solid #000000;
}



#navbar{
width: 100%;
height: 31px;
background-color:#000099;
margin-top:5px;
margin-bottom:5px;
}


#contentout{
width: 100%;
background-color:#FFFFFF;
min-height: 350px;
}

#contentin{
padding:0em 1em 2em 2em;
height:100%;
}



.float_right {
float: right;
margin:10px;
padding:10px;
}



#footer{

}

#footer1{
background-color:#980000;
color:#FFFFFF;
font-size:90%;
margin-top: 3px;
padding: 0.25em;
}

#footer2{
float: right;
color:#FFFFFF;
font-size:90%;
margin:3px;
}

#thesubhead{
margin-top:5px;
margin-bottom:5px;
width: 100%;
height: 1.5em;
background-color:#980000;
}

#thesubhead1{
float:left;
color:#FFFFFF;
font-size:90%;
margin:3px;
}

#thesubhead2{
float: right;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
font-family:MS Sans-serif;
margin:3px;
}


ul.offset, .offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 8;
}

ul.offset a:focus, ul.offset a:active {
  position : absolute;
  top : 9009px;
  left : 9009px;
  background-color : #0000ff; 
  color : #fff;
  padding : 0px;
  font-weight : bold;
  border : 0px solid #eecc11;
  width : 14em;
  z-index : 8;
  outline : 0;
}


ul#thecats {
  float : right;
  text-align : center;
  z-index : 8;
  padding : 0;
  margin: 0;
  overflow : hidden;
  
  position: relative;
}

ul#thecats li {
  display : inline;
}

ul#thecats a {
  color : #000099;
  display : block;
  width : 89px;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  height : 104px; 
  float : left;
  z-index : 9;
  text-decoration : none;
  cursor : pointer;
  font-size : 85%;
  outline : 0;
  vertical-align:bottom;
}


.tellme_more {
height:100%;
margin:10px;
min-width:25%;
padding:0px 5px 10px 10px;
min-height: 320px;
width: 35%;
}

 /* end special category links */


/* slideShow */
.slideshow {
float:right;
position: relative;

}
.slideshow img { 
padding: 15px; margin-top: 15px; 
margin-left: 10px;
margin-right: 0px;
/*border: 1px solid #ccc; 
background-color: #eee; */}


.slideshow_landing {
left:45%;
position:relative;
top: -350px;
height: auto !important;
width: 300px;
display: auto;
}

.slideshow_landing img { 
margin-top: 15px; 
margin-left: 10px;
margin-right: 0px;

/*border: 1px solid #ccc; */
}



.news-item {
margin-bottom: 3em;
border-bottom: 4px solid grey;
}

.date { font-size:74%; font-weight: bold; font-family:arial}

.news-item  a.view_more {
display:block;
font-family:verdana;
font-size:75%;
text-align:right;
width:100%;
}




.breadcrumb{
font-family:verdana;
font-size:70%;
padding:3px 0 0 3px;
}
LI.widget{ list-style: none; }
ul#navcontainer{margin:0px; padding:0px;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 1.25em;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

h1, h2, h3, h4, h5, h6{
color:#000099;
}

div.news-item  h1 {
margin-bottom:0px;
padding-bottom: 0px;
}


h2.excerpt {
padding-bottom: 0px;
margin-bottom: 0px;
}

h2.excerpt + p {
padding-top: 0px;
margin-top: 0px;
margin-left: 1em;
}


#contentin a:link { color: #0000cc;
}
#contentin a:visited { color: #0000cc;
}
#contentin a:active { color: green;
}
#contentin a:hover { color: red;
}

.toplinks {
padding:0.6em 0.3em;
}

a:link.toplinks { color: #FFFFFF;
font-family:  Arial, Tahoma, Verdana;
font-size: 90%;
font-weight: bold;
}
a:visited.toplinks { color: #FFFFFF;
font-family: Arial, Tahoma, Verdana;
font-size: 90%;
font-weight: bold;
}
a:active.toplinks { color: yellow;
font-family:  Arial, Tahoma, Verdana;
font-size: 90%;
font-weight: bold;
}
a:hover.toplinks { color: #980000;
background-color: #ffffff;
font-family:  Arial, Tahoma, Verdana;
font-size: 90%;
font-weight: bold;
}

.menu {height:30px; position:relative; z-index:100;font-family:verdana}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:900px; w\idth:899px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {padding-left:10px; padding-right: 10px; display:block; font-size:90%; font-weight:normal; text-decoration:none; color:#FFFFFF; height:30px; line-height:2em; border-left: 1px solid #4545B5; border-right: 1px solid #4545B5; vertical-align:middle; text-align:center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#B23A3A;} /*3rd OFF */
/* style the third level hover */
.menu ul ul ul a:hover {background:#C04D4D;} /*3rd ON */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:150px; border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px; vertical-align: middle;}

/* position the third level flyout menu */
.menu ul ul ul{left:115px; top:0px; width:99px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links - SECOND OFF */
.menu ul ul a, .menu ul ul a:visited {padding:0px; color:#FFFFFF; background-color:#980000; line-height:2em; font-size:75%; height: 28px; text-align: center; width:225px; border-left: 1px solid #4545B5; border-right: 1px solid #4545B5; vertical-align: middle; display:block; position: relative;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:115px;w\idth:113px;}

/* style the top level hover */
.menu a:hover {color:#FFFFFF; background-color:#980000; font-size:90%}
.menu :hover > a  {color:#FFFFFF; background-color:#980000; font-size:90%;font-weight:bold} /* TOP OVER */

.menu ul ul a:hover {color:#FFFFFF; background-color:#000099; font-size:80%; font-weight:bold}
.menu ul ul :hover > a {color:#FFFFFF; background-color:#000099; font-size:75%} /* 2nd OVER */

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page a {
}

/* CJ EDIT for highlighting the menu option parent */
.menu .current_parent {
color:#ffffff; background-color:#980000;
}

.menu .current_page {
color:#ffffff; background-color:#980000;
}

.menu ul .current_page ul a {}

.menu ul .current_page ul a:hover {
}

.menu .current_page a:hover {
}