/* CSS Document */

body {
	margin: 0 auto;
	text-align: center;
	background-image: url(/images/new_design/bg.gif);
	background-repeat: repeat-x;
	background-color: #000000;
}
#container {
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
	width: 950px;
	background-color: #ffffff;
	padding: 0px 10px 10px 10px;
}
#topnav {
	float: right;
	margin-top: 20px;
}
#topnav ul {
	list-style: none;
}
#topnav li {
	display: inline;
	margin-left: 15px;
}
#topnav a {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}
#topnav a:hover {
	color: #8c0000;
}
#search {
	margin: -10px 60px 0 0;
	text-align: right;
}
#search input.text {
	border: 1px solid #cccccc;
	background: #eeeeee;
	height: 16px;
}
@charset "UTF-8";
/* CSS Document */

.menu {width:950px; height:25px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #ffffff;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:951px; w\idth:950px;}
/* 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:128px !important;}
.menu ul li a#schedule {
	width: 181px;
	text-align: center;
	border-right: 1px solid #ffffff;
	background: url(/images/new_design/topnav_left.gif) top left;
	background-repeat: no-repeat;
	background-color: #8c0000;
}
.menu ul li a#about {
	width: 127px;
	text-align: center;
	border-right: 1px solid #ffffff;
}
.menu ul li a#whatsnew {
	width: 129px;
	text-align: center;
	border-right: 1px solid #ffffff;
}
.menu ul li a#education {
	width: 93px;
	text-align: center;
	border-right: 1px solid #ffffff;
	text-transform: none;
}
.menu ul li a#hgostudio {
	width: 127px;
	text-align: center;
	border-right: 1px solid #ffffff;
}
.menu ul li a#support {
	width: 139px;
	text-align: center;
	border-right: 1px solid #ffffff;
}
.menu ul li a#press {
	width: 148px;
	text-align: center;
	background: url(/images/new_design/topnav_right.gif) top right;
	background-repeat: no-repeat;
	background-color: #8c0000;
}
/* 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 {
	display:block;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	text-align: left;
	color:#fff;
	height:23px;
	background:#8c0000;
	padding: 2px 0px 0px 0px;
	line-height:25px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:128px; w\idth:118px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000000;}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#990000;
	border: none;
}
.menu ul ul :hover > a.drop {
	background:#990000;
	border: none;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#b20000;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#990000;
	border: none;
}


/* 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:25px;left:0; width:128px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:27px;}

/* position the third level flyout menu */
.menu ul ul ul{left:148px; top:-1px; width:128px;}

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

/* 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 */
.menu ul ul a, .menu ul ul a:visited {
	background:#000000;
	color:#ffffff;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px !important;
	border: none;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:129px;w\idth:106px;}

/* style the top level hover */
.menu a:hover {
	border-bottom: none;
}
.menu ul ul a:hover{
	color:#ffffff;
	background:#333333;
	border: none;
}
.menu :hover > a {
	border-bottom: none;
}
.menu ul ul :hover > a {
	color:#ffffff;
	background:#333333;
	border: none;
}

/* 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;}#header_image {
	margin-top: 5px;
	margin-bottom: 10px;
}

#sidebar {
	float: left;
	width: 200px;
	margin-top: 25px;
	margin-right: 20px;
	padding-top: 15px;
	background-image: url(/images/new_design/sidebar_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #EEEEEE;
}
#sidebar_footer {
	background-image: url(/images/new_design/sidebar_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #EEEEEE;
}
#sidenav {
	margin-left: 18px;
	padding-bottom: 20px;
}
#sidenav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, sans-serif;
}
#sidenav li { margin: 0; }
#sidenav a {
	display: block;
	color: #333333;
	background-color: transparent;
	width: 140px;
	padding: 10px 10px;
	text-decoration: none;
	border-bottom: 1px dotted #8c0000;
	font-size: 12px;
}
#sidenav a:hover {
	background-color: #ffffff;
	color: #8c0000;
}
#sidenav ul ul {
	margin-left: 30px;
	padding: 0;
	list-style-type: none;
}
#sidenav li li a {
	display: block;
	color: #333;
	background-color: transparent;
	width: 110px;
	padding: 2px 10px;
	margin: 0;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #aaa;
	text-decoration: none;
	font-size: 12px;
}
#home_content {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-right: 20px;
}
#home_content p {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
}
#home_content .title a {
  margin-bottom: 5px;
  padding-bottom: .25em;
  display: block;
  font-size: 2em;
	font-weight: bold;
  border-bottom: 1px solid #b1c9c1;
  color: #fff !important;
	text-decoration: none;
}
#home_content .title a:hover, #home_content .title a:visited {
	color: #fff !important;
	text-decoration: none;
}
#home_content .date {
    font-size: .856em;
    font-weight: bold;
    display: block;
    color: #c80000;
    text-transform: uppercase;
}
#home_content .summary {
    width: 350px;
    margin-left: 0;
    margin-bottom: 1em;
    padding-left: 0;
    display: block;
    font-size: 12px; /*12px*/
    line-height: 1.5em; /*18px*/
    font-weight: normal;
    color: #333;
}
.sectionHeader {
	float: left;
	margin-bottom: 0.5em;
	padding-bottom: 0;
	width: 950px;
	background: #8c0000;
	border-bottom: none;
	line-height: 0.8em;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.sectionHeader span {
    float: left;
    padding-bottom: 0;
    padding-right: .5em;
    background: #fff;
}
/* Mini-Calendar, used throughout the site (sidebar) */
table#calendar.mini { width: 220px !important; margin: 0; }
table#calendar.mini td,
table#calendar.mini th {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	height: 25px;
	background: #000000;
	color: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
table#calendar.mini thead th { border: none; text-transform: uppercase; font-size: 12px; font-weight: bold; }
table#calendar.mini thead th.next,
table#calendar.mini thead th.prev { padding: 0; }
table#calendar.mini thead th a:link,
table#calendar.mini thead th a:visited { background-repeat: no-repeat; background-position: center center; width: 13px; height: 13px; margin: 1px auto; display: block; text-indent: -999em;  text-decoration:none; }
table#calendar.mini thead th.next {  }
table#calendar.mini thead th.next a { background-image: url(/images/new_design/calendar_next.gif); }
table#calendar.mini thead th.prev a { background-image: url(/images/new_design/calendar_previous.gif); }
table#calendar.mini thead td {
	width: 20px;
	background: #666666;
	color: #fff;
}
table#calendar.mini tbody td {
	background: #ececec;
	color: #333333;
	height: 20px;
	font-size: 10px;
	font-weight: normal;
}
table#calendar.mini tbody td.past { background: #cccccc; }
table#calendar.mini tbody td.today {
	background: #4fa5ca;
	color: #fff;
}
table#calendar.mini tbody td.today a { color: #ffffff !important; }
table#calendar.mini tbody td.fill { background: #ffffff; }
table#calendar.mini tbody td a:link, 
table#calendar.mini tbody td a:visited { display: block; text-align: center; padding: 3px; color: #8c0000; text-decoration: none; }
table#calendar.mini tbody td a:hover,
table#calendar.mini tbody td a:active { background: #8c0000; color: #ffffff; text-decoration: none; }
table#calendar.mini tr.foot td { text-align: right; padding: 2px 0; background: none; line-height: 1; }
table#calendar.mini tr.foot td a:link, table#calendar.mini tr.foot td a:visited, table#calendar.mini tr.foot td a:hover, table#calendar.mini tr.foot td a:active { background: url(images/new_design/icon_link_strong.gif) no-repeat left center; display: block; color:#8c0000; float: right; padding-left: 18px;}
table#calendar.mini tr.foot td a:hover, table#calendar.mini tr.foot td a:active { text-decoration: underline; }

/* loading overlay */
.blockUI { background: #ffffff url(images/new_design/ajax-loader.gif) no-repeat 50% 50%; }
#content {
	float: right;
	width: 700px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-right: 20px;
	height: 1%
}
#content a {
	color: #b70000;
	text-decoration: none;
}
#content a:hover {
	color: #528892;
	text-decoration: none;
}
#content p {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
}
#content h1 {
	font: normal 30px Arial, Helvetica, sans-serif;
	color: #8c0000;
	border-bottom: 1px solid #cccccc;
}
#content h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #666666;
}
#content h3 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #000000;
}
#content h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#content li {
	list-style: square;
	line-height: 15px;
	margin-bottom: 5px;
}
#content td {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#content .redbold {
	color: #8c0000;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.red {
	color: #8c0000;
}
.black {
	color: #000000;
}
.smallTxt {
	font-size: 10px;
}
#content .composer {
	color: #000000;
	font-size: 16px;
}
#footer {
	margin-top: 15px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 10px 18px;
}
#footer a {
	color: #CC0000;
	text-decoration: none;
	margin: 0 5px;
}
#footer a:hover {
	color: #ff0000;
}
#copyright {
	float: left;
}
#contact {
	float: right;
}