body 
{
    margin: 0; 
    border: 0; 
    padding: 0; 
    background-color: #000000; 
	font-size: 100%; 
	font-family: Verdana, Helvetica, sans-serif; 
	color:#FFFF66;
}
/*p, td, th, ul, li, ol, .center-nomargins, .center-rightandleftmargins, .center-rightmargin, .center-leftmargin*/ 
p, td, th, .center-nomargins, .center-rightandleftmargins, .center-rightmargin, .center-leftmargin
{
	font-size: 0.9em; 
}
.skiplink 
{
	display:none;
}
/* headers */
h1 	{
	color: #FFFF66; 
	font-size: 125%;
	}
h2 	{
	font-weight: bold; 
	font-size: 105%;
	}
h3 	{
	font-weight: bold; 
	font-size: 90%;
}
h4 {
	font-size: 1.125em;
	margin: 0.2em 0 0.2em 0;
}
h5 
{
    color: #FFFF66;
	font-size: 1.0em;
}
h6 {
	font-size: 1.0em;
}
/* small text */
.smallText, .copyrightText 	
{
	margin:0.1em;
	text-decoration: none;
	font-size: 70%; 
	color: #FFFF66; 
}
.smallText a, .smallText a:link, .smallText a:active, .smallText a:visited 
{
	text-decoration: underline;
	color: #99FFFF; 
}
.smallText a:hover 
{
	text-decoration: underline;
	color: #FFFFFF; 
}
ul.smallText 
{
	margin:0;
	padding:0;
}

.smallText li
{
	margin-bottom:0;
	margin-left:1em;
	margin-right:0;
	margin-top:0.5em;
    padding:0;
	line-height:1.2em;
}

/* content box styles - styles in fckeditor */
.cb_smallText 	
{
	text-decoration: none;
	font-size: 85%; 
	color: #FFFF66; 
}
.cb_smallText a, .cb_smallText a:link, .cb_smallText a:active, .cb_smallText a:visited 
{
	text-decoration: underline;
	color: #99FFFF; 
}
.cb_smallText a:hover 
{
	text-decoration: underline;
	color: #FFFFFF; 
}
.cb_boxText
{
    margin:0;
    padding:0.2em;
    background-color:#FFFFFF;
    border:solid 1px #99FFFF;   
}
.cb_boxText a, .cb_boxText a:link, .cb_boxText a:active, .cb_boxText a:visited 
{
	text-decoration: underline;
	color: #99FFFF; 
}
.cb_boxText a:hover 
{
	text-decoration: underline;
	color: #FFFFFF; 
}
.cb_greenText
{ 
	font-size: 0.95em; 
    color:#FFFF66;   
}
.cb_greenText a, .cb_greenText a:link, .cb_greenText a:active, .cb_greenText a:visited 
{
	text-decoration: underline;
	color: #99FFFF; 
}
.cb_greenText a:hover 
{
	text-decoration: underline;
	color: #FFFFFF; 
}
.cb_smallList ul
{
    margin:0;
    padding:0;
    font-size:85%;
}
.cb_smallList ul li
{
	margin-bottom:0;
	margin-left:1em;
	margin-right:0;
	margin-top:0.5em;
    padding:0;
	line-height:1.2em;
}
/* end content box styles */

/* these tables will need classes adding to them manually
can't do it with styles in the editor */

table.unbordered {
	padding: 2px;
}
table.unbordered th {
	padding: 2px;
}
table.unbordered td {
	padding: 2px;
	vertical-align:top;
}
.bordered {
	border: 1px #cccccc solid;
	border-collapse: collapse;
	padding: 2px;
}
.bordered th {
	border: 1px #cccccc solid;
	background-color: #dedede;
	padding: 2px;
	vertical-align:top;
}
.bordered td {
	border: 1px #cccccc solid;
	padding: 2px;
	vertical-align:top;
} 


/* HSC style table */
.HSCtable
{
	margin:0;
	padding:0;
	color:#003366;
	background-color:#000000;
	border-collapse: collapse;
	border:solid 1px #FFFF66;  
}
.HSCtable caption
{
    font-weight:bold;
    padding:0.5em;
    color:#FFFF66;
    margin:0;
}
.HSCtable tr
{
    margin:0;
    padding:0;
}
.HSCtable td
{
    border:solid 1px #FFFF66;
    margin:0;
    padding:0.2em;
    text-align:left;
    background-color:#000000;
}
.HSCtable th
{
    border:solid 1px #FFFF66;
    background-color:#FFFF66;
    color:#000000;
    font-weight:bold;
    margin:0;
    padding:0.2em;
    text-align:center;
}
/* plain table */
.plainTable
{
	margin:0;
	padding:0;
	color:#FFFF66;
	background-color:#000000;
	border-collapse: collapse;
	border:solid 1px #FFFF66;
}
.plainTable caption
{
    font-weight:bold;
    padding:0.5em;
    color:#FFFF66;
    margin:0;
}
.plainTable tr
{
    margin:0;
    padding:0;
}
.plainTable td
{
    border:solid 1px #FFFF66;
    margin:0;
    padding:0.2em;
    text-align:left;
    background-color:#000000;
}
.plainTable th
{
    border:solid 1px #FFFF66;
    background-color:#000000;
    color:#FFFF66;
    font-weight:bold;
    margin:0;
    padding:0.2em;
    text-align:center;
}
.headerTable
{
    padding:0;
    margin:0;
    border:0;
    width:100%;
    vertical-align:top;
    border-collapse: collapse;
    background-color:#000000;
}
.headerTable td, .headerTable img
{
    padding:0;
    margin:0;
    vertical-align:top;
}
/* links */
a, a:link, a:active, a:visited, td a, td a:link, td a:visited, td a:active 
{
	text-decoration: underline;
	color:#99FFFF; 
} 
a:hover, td a:hover	
{
	text-decoration: underline;
	color:#FFFFFF; 
}
/* images */
img
{
	border-width: 0;
}
/* horizontal rules */
hr 
{ 
    height: 1px; 
    border-width: 0px; 
    background-color: #FFFFFF; 
    color: #FFFFFF; 
}
/* back to top link (bottom of page) */
.backToTop
{
    text-align:center;
    font-size:0.8em;
    padding:0;
    margin:0;
}
/* website wrapper (html) */
#wrapwebsite 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
	background-color: #000000; 
}
/* header wrapper (top nav and site title) */
#wrapheader 
{ 
    width: 100%; 
    padding:0; 
    margin: 0; 
}
#logodesc 
{ 
    width:100%; 
    margin: 0;  
	padding: 0; 
	background-color:#000000;
}
.logobox 
{ 
    float:left; 
    margin: 0; 
}
.sitelogobox
{
	text-align:right; 
    margin: 0; 
	padding: 0; 
}
.hsclogobox
{
    margin: 0; 
	padding: 0; 
	width:126px;
	border:1px;
}
/* site title - if use text instead of site logo HSC Research Net */
.sitetitle 
{
	margin: 0; 
    padding: 0; 
    font-size: 170%; 
    font-weight: bold; 
    color:#FFFF66; 
	background-color: #000000;
    text-align:center;
}
.sitetitle p
{
	padding: 10px 0px 10px 0px;
	margin:0;
}
a.SiteTitle:link, a.SiteTitle:visited, a.SiteTitle:active  
{ 
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	color: #FFFF66; 
}
a.SiteTitle:hover 
{ 
	text-decoration: none; 
}
/* content wrapper */
#wrapcenter 
{ 
	clear:both;
}
/* ------- top bar -------------- */
.topnav {
	text-align: right;
	font-size: 75%;
	padding: 0.2em;
	margin: 0;
	background-color: #000000;
	color: #FFFFFF;
	vertical-align:middle; 
}
.topnav a, .topnav a:link, .topnav a:active, .topnav a:visited {
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	color: #FFFFFF;
}
.topnav a:hover 
{
	text-decoration: underline;
	color: #FFFFFF;
}
/* log in etc links */
.headerLinks 
{  
    margin: 0; 
    padding: 1px 5px 5px 0; 
    text-align:right; 
    color: #99FFFF; 
    background-color: #000000;
    font-size: 75%; 
    font-weight: bold; 
    vertical-align:middle; 
}
.headerLinks a, .headerLinks a:link, .headerLinks a:active, .headerLinks a:visited 
{
	text-decoration: none;
	margin: 0;
	color: #99FFFF;
}
.headerLinks a:hover 
{
	text-decoration: underline;
	color: #99FFFF;
}
/* For Staff and Student Net */
.topMenu1
{
    background-color:#e32226;
    text-align:center;
	padding:0.2em;
}
.topMenu2
{
    background-color:#f7941d;
    text-align:center;
	padding:0.2em;
}
.topMenu3
{
    background-color:#00a651;
    text-align:center;
	padding:0.2em;
}
.topMenu4
{
    background-color:#2e3192;
    text-align:center;
	padding:0.2em;
}
.topMenu5
{
    background-color:#92278f;
    text-align:center;
	padding:0.2em;
}
.topMenu6
{
    background-color:#2e6d74;
    text-align:center;
	padding:0.2em;
}
.topMenu1 a, .topMenu1 a:link, .topMenu1 a:active, .topMenu1 a:visited, 
.topMenu2 a, .topMenu2 a:link, .topMenu2 a:active, .topMenu2 a:visited, 
.topMenu3 a, .topMenu3 a:link, .topMenu3 a:active, .topMenu3 a:visited, 
.topMenu4 a, .topMenu4 a:link, .topMenu4 a:active, .topMenu4 a:visited, 
.topMenu5 a, .topMenu5 a:link, .topMenu5 a:active, .topMenu5 a:visited,
.topMenu6 a, .topMenu6 a:link, .topMenu6 a:active, .topMenu6 a:visited
{
	font-size:80%;
	color:#ffffff; 
	font-weight:bold; 
	text-decoration: none;
}
.topMenu1 a:hover, .topMenu2 a:hover, .topMenu3 a:hover, .topMenu4 a:hover, .topMenu5 a:hover, .topMenu6 a:hover
{
    color:#ffffff; 
    text-decoration:underline;
}
.OtherMenuItems
{
    background-color:#cc0000;
}
/* left content */	
.leftside
{ 
    vertical-align:top;
}
.leftside .modulerow
{ 
    width:170px;
}
/* center content */
.center-nomargins 
{ 
    vertical-align:top;
    width:100%;
}
html>body .center-nomargins { vertical-align:top; width:100%;/*margin: 10px 0px 0px 0px;*/ }
.center-rightandleftmargins 
{  
   vertical-align:top;
   width:100% 
}
html>body .center-rightandleftmargins { vertical-align:top; width:100%;/*margin: 10px 168px 0px 165px;*/ } 
.center-rightmargin 
{
    vertical-align:top;
    width:100%;
}
html>body .center-rightmargin { vertical-align:top; width:100%;/*margin: 10px 165px 0px 0px;*/ }
.center-leftmargin 
{
    vertical-align:top;  
    width:100%;
}
html>body .center-leftmargin { vertical-align:top; width:100%;/*margin: 10px 0px 0px 165px;*/ } 	
/* right content (if have a right area) */
.rightside 
{ 
     vertical-align:top; 
}
/* if there is content in the right side then set the width */
.rightside .moduletitle
{
     width:170px;
}
/* breadcrumbs */
#breadcrumb 
{ 
    padding: 4px 4px 4px 4px; 
    background-color: #000000; 
    border: 0; 
    font-size:70%;
}
/* whats this? */
#pageedit { padding: 4px 4px 4px 4px; height: 16px; background-color:#cc0000; }

/* border around edit page content */
fieldset 
{ 
    margin: 0; 
    padding: 1em; 
    border: 1px solid #FFFF66; 
    background: #000000;
}
/* title text for edit pages */
legend 
{ 
    font-weight: bold; 
    color:#FFFF66;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-bottom:0.5em;
}
/* on URL manager page */
.settinglabel 
{
    float:left; 
    clear:left; 
    width:20em; 
    font-weight: bold; 
    background-color: transparent; 
    padding: 1px; 
}
.settingrow 
{ 
    padding: 4px 0px 4px 0px; 
}
/* edit button */
.modulebuttonrow 
{
    clear: left; 
    background-color: transparent; 
    text-align:center;  
}

.div2columnleft { float: left; width: 350px;  padding: 1px;  }
.div2columnright { margin: 0px 0px 0px 355px;  padding: 1px;   }





/* misc text styles */
.txtsmall 
{ 
    font-weight: normal; 
}
.txtmed
{
    font-weight: normal; 
}
.txtnormal 
{   
    font-weight: normal; 
}
.txtsmallbold 
{ 
    font-weight: bold; 
}
.txtmedbold 
{ 
    font-weight: bold; 
} 		
.txtnormalbold 
{ 
    font-weight: bold; 
}
.txtsmallitalic 
{ 
    font-weight: normal; 
    font-style: italic; 
}
.txtmeditalic 
{  
    font-weight: normal; 
    font-style: italic; 
}
.txtnormalitalic 
{ 
    font-weight: normal; 
    font-style: italic; 
}
.txtsmallbolditalic 
{   
    font-weight: bold; 
    font-style: italic; 
}
.txtmedbolditalic 
{
    font-weight: bold; 
    font-style: italic; 
}
.txtnormalbolditalic 
{
    font-weight: bold; 
    font-style: italic; 
}
.txtcopyright 
{ 
    font-size: 60%;  
    font-weight: normal; 
    color: #444; 
}
.txterror 
{ 
    font-weight: bold; 
    color: red 
}

/* HTML Box Heading ******************/
div.moduletitle, span.moduletitle, tr.moduletitle, h1.moduletitle 
{ 
    padding: 4px 0px 0px 5px; 
    color: #000000; 
	font-size:120%;  
	font-weight: bold; 
	background-color: #99FFFF;  
	margin:0;
}						
 /* what's this? */
.modulesubtitle 
{ 
    padding: 4px 0px 0px 5px; 
    color: white; 
    font-weight: bold; 
    background-image: url(cellpic1.gif); 
    vertical-align: bottom; 
    background-color: #C7D0D7;
}
 /* what's this? */
.hrModuleTitle { display:none;}
 /* what's this? */
 a.modulesubtitle { padding: 4px 0px 0px 5px;  color: #005784;  font-weight: bold;  }



/* content area */ 
/*Main Box*******/
.modulecontent 
{ 
    background-color: #000000; 
    border: solid 1px #99FFFF; 
    vertical-align:top; 
    padding: 1em;  
}  
.modulefooter 
{ 
    padding: 4px 0px 0px 5px; 
    background-color: #99FFFF; 
	text-align:center; 
	color:#000000; 
	height: 22px;   
}

/* what's this?? */
.filesfooter { background-color: #cc0000; text-align:left; white-space:nowrap; color:White; }

/* edit content link when in admin mode*/
a.ModuleEditLink, a.ModuleEditLink:link, a.ModuleEditLink:visited, a.ModuleEditLink:visited
{
    color:#000000;
}
a.ModuleEditLink:hover 
{
    color: #000000; 
}

/* what's this?? */
.modulepager { margin: 5px 0px 5px 0px; font-weight: bold;  color:#CC0000; }
a.ModulePager:link, a.ModulePager:visited, a.ModulePager:active
{  
    color:#CC0000; 
}
a.ModulePager:hover
{  
    color:#CC0000; 
}
/* what's this?? */
.selectedpage{  font-weight: bold; line-height: 12px; color:#ffcc00; }
a.SelectedPage:link, a.SelectedPage:visited,a.SelectedPage:active 
{ 
    text-decoration: none; 
    color:Black; 
}
a.SelectedPage:hover 
{ 
    text-decoration: underline; color:Black; 
}
/* edit link for calendars etc */
legend a.ModuleEditLink, legend a.ModuleEditLink:link, legend a.ModuleEditLink:visited, legend a.ModuleEditLink:active  
{ 
    padding-left:1em; 
    color: #cc0000; 
}
legend a.ModuleEditLink:hover 
{  
    color: #2d6d73; 
}
/* what's this?? */
.tdcell1 { background-color: #EEEDE9; padding: 4px; }
.tdcell2 { background-color: #DFDDD7; padding: 4px; }


/*Links Box *******/
.linkitem 
{
	border-bottom: solid 1px #99FFFF; 
	padding: 2px 2px 2px 4px;
	font-size:90%;
}		
.linkaltitem 
{
	border-bottom: solid 1px #99FFFF; 
	padding: 2px 2px 2px 4px;
	font-size:90%;
}
.linkdescription 
{
	font-weight: normal; 
	font-style: italic; 
}
.linkitem a, .linkitem a:link, .linkitem a:visited, .linkitem a:active 
{ 
	text-decoration:none;
}
.linkitem a:hover
{ 
    color:#FFFFFF;
}

.forumthreadcrumbs { margin: 0px 0px 3px 0px;}
.forumpostheader {padding: 0px 0px 0px 5px; color: white; font-weight: bold;  background-color: #aca38b; }
.postwrapper { background-color: #DFDDD7;}
.postleft {float: left; text-align:center;  width: 20%; padding: 15px 5px 5px 5px; margin: 0px 0px 0px 0px; }
.postright {  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 21%; background-color: white; }
.posttopic {   background-color: #DFDDD7; }
.postbody { padding: 10px 5px 0px 5px; }

.forumpostuserpropertylist {  margin: 0px 0px 0px 0px; text-align: center; }
.forumpostusername { list-style-type:none;   }
.forumpostuseravatar { list-style-type:none; }
.forumpostuserattribute { list-style-type:none; }

/* Staff and Student Net Menus */
.modulerow
{ 
    font-size: 80%; 
    background-color: #000000;   
    padding:0;
    margin:0;
    border-top:solid 1px #FFFF66;
    border-left:solid 3px #FFFF66;
    border-right:solid 1px #FFFF66;
    border-bottom:solid 1px #FFFF66;
}			/*Menu Rows *******/
.modulerow a, .modulealtrow a, 
.modulerow a:link, .modulealtrow a:link, 
.modulerow a:visited, .modulealtrow a:visited,
.modulerow a:active, .modulealtrow a:active
{
    display:block;
    text-decoration:none;
    padding:0.5em;
}
.modulerow a:hover, .modulealtrow a:hover
{
   color:#FFFFFF;
   text-decoration:none;
   background-color:#000000;
   padding:0.5em;
}
.modulealtrow 
{
    font-size: 80%; 
    background-color: #000000;
    padding:0;
    margin:0;
    border-top:solid 1px #FFFF66;
    border-left:solid 3px #FFFF66;
    border-right:solid 1px #FFFF66;
    border-bottom:solid 1px #FFFF66;
}

/* Blog */
.blogwrapper 
{
    background-color: #000000; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border: solid thin #FFFF66;  
    font-size:90%;
 }
.blognavleft 
{
    float: left; 
    width: 150px; 
    padding: 10px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;   
}
.blognavright 
{
    float: right; 
    width: 150px;    
    padding: 10px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;  
}
.blogcenter-nonav 
{ 
    margin: 0px 0px 0px 0px; 
    padding: 5px 0px 0px 5px;
    background-color: #000000;  
}
.blogcenter-leftnav 
{
    margin: 0px 0px 0px 165px; 
    padding: 5px 0px 0px 5px; 
    background-color: #000000;  
}
.blogcenter-rightnav 
{
    margin:0px 165px 0px 0px; 
    padding: 5px 0px 0px 5px;
    background-color: #000000;  
}
.blogtext
{
}
.bloginfo {   }
.bloginfotitle 
{  
    font-size: 100%; 
    font-weight: bold;
}
.blogtitle { margin: 5px 0px 0px 0px;   font-weight: bold;  }
.blogdate 
{ 
    padding: 0px 5px 0px 0px; 
    text-align:right; 
    font-size:90%; 
}
.blogcommentlink 
{
    text-align:right; 
    padding: 0px 5px 3px 0px; 
    font-family: Trebuchet MS;  
    border-bottom: solid 1px #ccc;
    font-size:90%;  
}
.blogcommenthead { }
.blogcommenttitle { font-family: Trebuchet MS;  border-bottom: solid 1px #ccc;  }
.blogcommenttext { border-bottom: solid 1px #99FFFF;   }
.blogcommentposter { }


.rsswrapper {  background-color: #DFDDD7; }
.rssnavleft {float: left; width: 235px; padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px;   }
.rssnavright {float: right; width: 235px;  padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px; }
.rsscenter-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; background-color: #EEEDE9;  }
.rsscenter-leftnav {margin: 0px 0px 0px 245px; padding: 5px 0px 0px 5px; background-color: #EEEDE9;  }
.rsscenter-rightnav {margin:0px 245px 0px 0px; padding: 5px 0px 0px 5px; background-color: #EEEDE9;  }
.rsstitle { margin: 5px 0px 0px 0px; font-size: 15px; font-weight: bold;   }
.rssdate {  padding: 0px 5px 0px 0px; text-align:right;    }
.rsstext {   }
.rssauthor {  padding: 0px 0px 5px 5px; font-family: Trebuchet MS;  border-bottom: solid 1px #ccc;   }

ul { }

ul.linkitem { list-style: none; margin: 0px 0px 0px 0px; }

/* code style - can select from wysiwyg editor */
.Code, .xml 
{
    border: solid 1px #cccccc;
    padding:10px;
    font-size:85%;
    font-family: "Courier New", Courier;
    color:#333333;
}

.FeedHead { background-color: #E0D7CC; border-bottom-color: #CAB693; border-bottom-style: solid;
	border-bottom-width: 1px; padding: 0.5em; }

.FeedBody { background-color: #EEEDE9; border-color: #FFFFFF; border-style: solid; border-width: 1px;
	border-top-width: 0px; padding-left: 0.5em; padding-right: 0.5em; }
 
/* MENU */	
ul.AspNet-Menu 
{
    position: relative; 
	font-size:90%;
}
ul.AspNet-Menu, 
ul.AspNet-Menu ul 
{ 
    margin: 0; 
    padding: 0; 
    display: block; 
}
ul.AspNet-Menu li 
{
    position: relative; 
    list-style: none; 
    z-index: 301; 
}
ul.AspNet-Menu li a, ul.AspNet-Menu li a:link, ul.AspNet-Menu li a:visited, ul.AspNet-Menu li a:active, 
ul.AspNet-Menu li span 
{
    font-size:95%;
    padding-right:10px;
    display: block; 
    text-decoration: none;
 }
ul.AspNet-Menu ul
{ 
    position: absolute; 
    display: none; 
}

/* Add more rules here if your menus have more than three (6) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul,
ul.AspNet-Menu li:hover ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul
{
    display: none;
}

/* Add more rules here if your menus have more than three (6) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li li li li:hover ul,
ul.AspNet-Menu li li li li li:hover ul,
ul.AspNet-Menu li li li li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li.AspNet-Menu-Hover ul
{
    display: block;
}
.AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf .AspNet-Menu-Link, 
.AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-SelectedLeaf .AspNet-Menu-SelectedLeaf
{
	font-size:90%;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li 
{ 
    float: left;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li li 
{ 
    float: none;
}
.AspNet-Menu-Vertical 
{ 
    position:relative; 
    left: 0px; 
    z-index: 300; 
}

.AspNet-Menu-Vertical,
.AspNet-Menu-Vertical ul
{
	width: 160px;
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
ul.AspNet-Menu ul 
{
    left: 157px; 
    top: 3px;
}
/* Use this rule create the common appearance of each menu item. */
.AspNet-Menu-Vertical li
{
	background-color: #000000; 
    border-left:solid 3px #ffff66;
}
ul.AspNet-Menu li img
{
	padding-right:5px;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.AspNet-Menu-Vertical li a,
.AspNet-Menu-Vertical li span
{
	text-decoration:none;
    padding: 2px 2px 2px 4px;
    border:1px solid #ffff66;
   	background: transparent url(/common/Images/activeArrowRightHigh.gif) right center no-repeat;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
ul.AspNet-Menu li.AspNet-Menu-Leaf a,
ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren ul li.AspNet-Menu-Leaf a ,
ul.AspNet-Menu li.AspNet-Menu-Leaf span 
 { 
    /* this refers to link with no kids i think (either that od bottom menu link */
    text-decoration:none;
    background-image: none; 
 }
 
/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
ul.AspNet-Menu li a img { border-style: none; vertical-align: middle; }

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.AspNet-Menu-Vertical li:hover,
.AspNet-Menu-Vertical li.AspNet-Menu-Hover 
{
    background-color: #000000;
    color:#FFFFFF;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.AspNet-Menu-Vertical li a:hover,
.AspNet-Menu-Vertical li span.Asp-Menu-Hover 
{
	color: #FFFFFF; 
	background: transparent url(/common/Images/activeArrowRightHigh.gif) right center no-repeat;
} 
ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover 
{ 
    background-image: none; 
}
ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a:hover 
{ 
    background-image: none; 
}
.AspNet-Menu-Vertical li.AspNet-Menu-SelectedLeaf a,
.AspNet-Menu-Vertical li.AspNet-Menu-SelectedLeaf span 
{
	text-decoration:none;
    background-color: #000000;
    background-image: none; 
}
ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren a,
ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren span
{ 
    text-decoration:none;
    background: #000000 url(/common/Images/arrowRightHigh.gif) right center no-repeat; 
}
.topMenu
{
    text-align:center;
}	
.AspNet-Menu-Horizontal 
{ 
	clear:both;
    width: 100%; 
    z-index: 300;
	text-align:center;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu 
{ 
    width: 100%;
	border-top: solid 1px #ffff66;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li 
{ 
	padding:0.2em;
	white-space:nowrap;
    text-align:center;
	font-weight:bold;
	font-size:90%;
	background-color:#000000; 
	border-right: solid 1px #ffff66;
	border-bottom: solid 1px #ffff66;
}
/* For Staff and Studnet Net */
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu1
{
	display:none;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu2
{
    background-color:#e32226;
    text-align:center;
	padding:0.2em;
	border:0;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu3
{
    background-color:#f7941d;
    text-align:center;
	padding:0.2em;
	border:0;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu4
{
    background-color:#00a651;
    text-align:center;
	padding:0.2em;
	border:0;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu5
{
    background-color:#2e3192;
    text-align:center;
	padding:0.2em;
	border:0;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu6
{
    background-color:#92278f;
    text-align:center;
	padding:0.2em;
	border:0;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu7
{
    background-color:#2e6d74;
    text-align:center;
	padding:0.2em;
	border:0;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu2 a, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu2 a:link, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu2 a:active, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu2 a:visited, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu3 a, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu3 a:link, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu3 a:active, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu3 a:visited, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu4 a, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu4 a:link, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu4 a:active, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu4 a:visited, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu5 a, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu5 a:link, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu5 a:active, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu5 a:visited, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu6 a, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu6 a:link, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu6 a:active, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu6 a:visited, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu7 a, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu7 a:link, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu7 a:active, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu7 a:visited
{
	color:#FFFFFF;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu2 a:hover, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu3 a:hover, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu4 a:hover, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu5 a:hover, 
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu6 a:hover,
.AspNet-Menu-Horizontal ul.AspNet-Menu li.topMenu7 a:hover
{
    color:#ffffff; 
    text-decoration:underline;
}
/* end for staff and student */

.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf
{
	text-decoration:none;
    background-color: #ffff66;
    background-image: none; 
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a
{
	color:#000000;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li 
{ 
	white-space:nowrap;
}
.AspNet-Menu-Horizontal li a:hover,
.AspNet-Menu-Horizontal li span.Asp-Menu-Hover 
{
	color: #FFFFFF; 
} 

/* treeview */
div.AspNet-TreeView
{
    margin: 0;
    padding: 0;
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.AspNet-TreeView-Show
{
}

.AspNet-TreeView-Hide
{
    display:none;
}
div.AspNet-TreeView ul li
{
	border-top: solid 1px #2d6D73;
    padding: 3px 0 2px 0; 
}
div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 10px;
}

div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}
div.AspNet-TreeView li a
{
    text-decoration: none;
}
div.AspNet-TreeView li a:hover
{
	color:#cc0000;
}
div.AspNet-TreeView li.AspNet-TreeView-Root
{
	
}

div.AspNet-TreeView li.AspNet-TreeView-Parent
{
}
div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    margin-left: 20px;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    cursor: pointer;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url(/common/Images/treeviewcollapse.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background:  url(/common/Images/treeviewexpand.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

div.AspNet-TreeView a,
div.AspNet-TreeView a:visited,
div.AspNet-TreeView a:active,
div.AspNet-TreeView a:hover,
div.AspNet-TreeView a:link
{
    color: #2d6d73;
}

div.AspNet-TreeView .AspNet-TreeView-Selected a
{
    font-weight: bold !important;
    color: #FF0033 !important;
}

div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
    font-weight: normal !important;
    color: #000000 !important;
}
/* END MENU */	 
.MenuLevel1	
{
	background-color: #FFFF66; 
    border-left:solid 3px #FFFF66;
	padding:0.3em;
	margin:0;
	font-size:0.8em;
	color: #000000; 
	font-weight:bold;
}
.MenuLevel1 a, .MenuLevel1 a:visited, .MenuLevel1 a:active, .MenuLevel1 a:link,  .MenuLevel1 span	{
	text-decoration: none; 
	display: block; 
	color: #000000; 
}
.MenuLevel1 a:hover, .MenuLevel1 span	{
	text-decoration: underline;
}
 
  
/* ASP.NET OBJECTS */
/* do in alphabetical order */
/* AdRotator */
.AdRotator
{
/*
BackColor=""
      BorderColor=""
      BorderStyle="none"
      BorderWidth="1"
      CssClass=""
      ForeColor=""
      Height=""
      Target="_blank"
      ToolTip=""
      Width=""
*/
}
/* button */
.standardButton
{
}
.hscButton
{
    background-color:#FFFFFF;
    border:solid 2px #cc0000;
    font-weight:bold;
    font-size:0.8em;
}

/* CheckBox */
.CheckBox
{
    /* all style values are empty so will leave as default for now */
}
/*CheckBoxList*/
.CheckBoxList
{
    /* all style values are empty so will leave as default for now */
}
.RolesCheckBoxList
{
    /* all style values are empty so will leave as default for now */
}
.BlogCheckBoxList
{
    width:100%;
}
/* Calendar */
.calendar, .mpcalendarmain
{
    padding:4px;
    width:100%;
    height:100%;
    background-color: #000000;  
    border: solid 1px #99FFFF; 
    color:#FFFFFF;
}
.cal_DayHeaderStyle, .mpcalendardayheader 
{
    background-color: #99FFFF;
    color:#000000;
}
.cal_DayStyle, .mpcalendarday 
{
    background-color: #FFFFFF;
    border: solid 1px #99FFFF;
}
.cal_DayStyle a, .cal_DayStyle a:link, .cal_DayStyle a:visited, .cal_DayStyle a:active, .mpcalendarday a, .mpcalendarday a:link, .mpcalendarday a:visited, .mpcalendarday a:active 
{
	color:#000000;
}
.cal_DayStyle a:hover, .mpcalendarday a:hover
{
	color:#CC0000;
}
.cal_NextPrevStyle, .mpcalendarnextprevious 
{
    vertical-align:middle;
    font-weight:bold;
    color:#FFFFFF;
}
.cal_OtherMonthDayStyle, .mpcalendarothermonth
{
    background-color: #99FFFF;
    border: solid 1px #99FFFF;
}
.cal_SelectedDayStyle, .mpcalendarselectedday
{
    background-color: #FFFF66;
    border: solid 1px #99FFFF;
}
.cal_SelectorStyle, .mpcalendarselector
{
    background-color: #FFFF66;
}
.cal_TitleStyle, .mpcalendartitle
{
     font-weight:bold;
     border: 0;
     background-color: #000000;
     color:#FFFF66;
}
.cal_TodayDayStyle, .mpcalendartoday
{
    background-color: #FFFF66;
}
.cal_WeekendDayStyle, .mpcalendarweekendday
{
    background-color: #FFFF66;
    border: solid 1px #FFFF66;
}
#footer, .footer
{
	border-top:solid 1px #FFFF66;
	padding-top:0.5em;
}
/* Contrast Links */
#footer a.standard, .footer a.standard  {
	color: #2D6D73 !important;
	background-color: #fff !important;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #fff;
	text-decoration: underline !important;
}
#footer a.standard:hover, .footer a.standard:hover {
	color: #4AB0B9 !important;
}

#footer a.high, .footer a.high  {
	color: #99FFFF !important;
	background-color: #000 !important;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	border-top: 1px solid #000;
	border-bottom: 3px solid #000;
	text-decoration: underline !important;
}
#footer a.high:hover, .footer a.high:hover {
	color: #fff !important;
}
#footer a.low, .footer a.low   {
	color: #004699 !important;
	background-color: #FFFFCC !important;
	border-left: 5px solid #FFFFCC;
	border-right: 5px solid #FFFFCC;
	border-top: 1px solid #FFFFCC;
	border-bottom: 3px solid #FFFFCC;
	text-decoration: underline !important;
}
#footer a.low:hover, .footer a.low:hover {
	color: #c33 !important;
}
/* Added by Colin */
.show{display:inline}
.hide{display: none}
.padBox
{
	padding:1em;
}
.instructions{
	font-style:italic;
}

.heading{
	font-size:1.25em;
	font-weight:bold;
}

.questionMain{
	font-weight:bold;
	}

.question{
	color:#99FFFF;
	font-weight:bold;
}

.answer{
	border:1px solid #99FFFF;
	padding:1em;
	margin:1em;
}
.navigation
{
	font-size:0.75em;
	width:100%;
	text-align:right;
}
.rightside .submenutitle
{
	width:170px;
	padding: 4px 0px 0px 5px; 
	color: #000000; 
	font-size:120%;  
	font-weight: bold; 
	background-color: #ffff66;  
	border-top: solid 1px #ffff66;
	border-left: solid 1px #ffff66;
	border-right: solid 1px #ffff66;
	margin:0;
}
.submenucontent
{ 
    background-color: #000000; 
    border: solid 1px #ffff66; 
    vertical-align:top; 
    padding: 1em;  
}  
.submenufooter
{ 
    padding: 4px 0px 0px 5px; 
    background-color: #ffff66; 
	text-align:center; 
	color:#000000; 
	height: 6px;   
}
div#hideMe
{
	margin: 0;
	display: none;
	border:1px solid #FFFF66;
	padding:0.5em;
}
div#hideMe2
{
	margin: 0;
	display: none;
	border:1px solid #FFFF66;
	padding:0.5em;
}
div#hideMe3
{
	margin: 0;
	display: none;
	border:1px solid #FFFF66;
	padding:0.5em;
}
.mcqtitle
{
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;
}
.mcqsection
{
	border: solid 1px #FFFF66;
	margin-left:0.2em;
	margin-right:0.2em;
}
.mcqsectiontitle
{
	font-size:1.2em;
	font-weight:bold;
	background-color:#FFFF66;
	color:#000000;
	text-align:left;
	margin-left:0.2em;
	margin-right:0.2em;
	padding:0.2em;
}
.mcqquestion
{
	padding: 0.5em;
	text-align:left;
	font-weight:bold;
	margin-top:1em;
}
.mcqanswer
{
	padding: 0.2em;
	text-align:left;
	font-size:0.8em;
	margin-left:2em;
}
.bigList
{
	margin-left:10px;
	margin-right:10px;
	font-size:1.2em;
	font-weight:bold;
}
.littleList
{
	margin-left:40px;
	font-size:1.1em;
}

.caseStudy
{
	margin:0.5em;
	padding:0.5em;
	background-color:#ffff66;
	border:1px solid #ffff66;
	font-weight:bold;
	font-style:italic;
	color:#000000;
}
.caseStudy p
{
	margin:0.3em;
	padding:0;	
}
.activity
{
	margin:0.5em;
	padding:0.5em;
	border:1px solid #FFFF66;
	font-style:italic;
}
.activity p
{
	margin:0.3em;
	padding:0;	
}
p.caption 
{
	font-size: 0.875em;
	font-weight: bold;
	margin:0;
	padding:0;
}