body 
{
    background-color: white; 
}
/* headers */
h1 	{
	color: #007DC3; 
	}
h5 
{
    color: #007DC3;
}
#logodesc
{
	background-color: #FFCC00;
}
.bookingFormTable
{
 color:#007DC3;
 background-color:#F7F4EE;
 border-color: #007DC3;
}
.bookingFormTable span
{
  
}
.bookingFormTable th
{
  border-color: #007DC3;
  background-color:#D0E3F4;
  color:#007DC3;
}
.HSCtable
{
 color:#007DC3;
 background-color:#FFFFFF;
 border-color: #007DC3;
   
}
.HSCtable caption
{
    color:#007DC3;
}
.HSCtable td
{
    border-color: #007DC3;
    background-color:#F7F4EE;
}
.HSCtable th
{
    border-color: #007DC3;
    background-color:#007DC3;
    color:#FFFFFF;
}
/* plain table */
.plainTable
{
	 color:#000000;
	 background-color:#FFFFFF;
	 border-color: #000000;
}
.plainTable caption
{
    color:#000000;
}
.plainTable td
{
    border-color: #000000;
    background-color:#FFFFFF;
}
.plainTable th
{
    border-color: #000000;
    background-color:#FFFFFF;
    color:#000000;
}
.headerTable
{
    background-color:#FFFFFF;
}

.bordered {
	border-color: #cccccc;
}
.bordered th {
	border-color: #cccccc;
	background-color: #dedede;
}
.bordered td {
	border-color: #cccccc;
} 
/* links */
a, a:link, a:active, a:visited, td a, td a:link, td a:visited, td a:active 
{
	color:#2D6D73; 
} 
a:hover, td a:hover	
{
	color:#4AB0B9; 
}
/* horizontal rules */
hr 
{ 
    background-color: #2D6D73; 
    color: #2D6D73; 
}
/* website wrapper (html) */
#wrapwebsite 
{ 
	background-color: white; 
}
#wrapfooter 
{ 
	border-color: #007DC3;
}
/* ------- top bar -------------- */
#topbar 
{
	background-color: #2d6d73;
	color: #fff;
}
#topbar a, #topbar a:link, #topbar a:active, #topbar a:visited 
{
	color: #fff;
}
.topnav
{
	border-bottom-color: #2d6d73;
	background-color: #2d6d73;
	color:#FFF;
}
li.topnavitem 
{
	border-left-color: #FFF;
}
a.sitelink,
a.sitelink:link,
a.sitelink:visited,
a.sitelink:active
{ 
	color:#FFF;
}
/* breadcrumbs */
#breadcrumb 
{ 
    background-color: #FFFFFF; 
}
/* whats this? */
#pageedit { background-color:#cc0000; }

/* border around edit page content */
fieldset 
{ 
    border-color: #333; 
    background: #DEDEDE;
}
/* title text for edit pages */
legend 
{ 
    color:#333;
}
/* on URL manager page */
.settinglabel 
{
    background-color: transparent; 
}
/* edit button */
.modulebuttonrow 
{
    background-color: transparent; 
}
.txtcopyright 
{ 
    color: #444; 
}
.txterror 
{ 
    color: red 
}
/* HTML Box Heading ******************/
div.moduletitle, span.moduletitle, tr.moduletitle, h2.moduletitle 
{ 
    color: #FFCC00;  
    border-color: #FFCC00;
}						
 /* what's this? */
.modulesubtitle 
{ 
    background-image: url(cellpic1.gif); 
    color: white; 
    background-color: #C7D0D7;
}
 /* what's this? */
 a.modulesubtitle { color: #005784;  }
 
/* content area */ 
/*Main Box*******/
.modulecontent 
{ 
    background-color: #FFFFFF;  
}  
.modulefooter 
{ 
}

/* what's this?? */
.filesfooter { background-color: #cc0000; color:White; }

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

/* what's this?? */
.modulepager { color:#CC0000; }
a.ModulePager:link, a.ModulePager:visited, a.ModulePager:active
{  
    color:#CC0000; 
}
a.ModulePager:hover
{  
    color:#CC0000; 
}
/* what's this?? */
.selectedpage{  color:#ffcc00; }
a.SelectedPage:link, a.SelectedPage:visited,a.SelectedPage:active 
{ 
    color:Black; 
}
/* edit link for calendars etc */
legend a.ModuleEditLink, legend a.ModuleEditLink:link, legend a.ModuleEditLink:visited, legend a.ModuleEditLink:active  
{ 
    color: #cc0000; 
}
legend a.ModuleEditLink:hover 
{  
    color: #007DC3; 
}
/* what's this?? */
.tdcell1 { background-color: #EEEDE9; }
.tdcell2 { background-color: #DFDDD7; }

/*Links Box *******/
.linkitem 
{
	background-color: #F1F5F5; 
}		
.linkaltitem 
{
	background-color: #DEDEDE; 
}
.linkitem a:hover
{ 
    color:#FF0033;
}
.forumpostheader {color: white; background-color: #aca38b; }
.postwrapper { background-color: #DFDDD7;}
.postright {  background-color: white; }
.posttopic {   background-color: #DFDDD7; }

/* Staff and Student Net Menus */
.modulerow
{  
    background-color: #DEDEDE;   
    border-top-color: #64929B;
    border-left-color: #64929B;
    border-right-color: #64929B;
    border-bottom-color: #64929B;
}	
.modulerow a:hover, .modulealtrow a:hover
{
   color:#FF0033;
   background-color:#F7F4EE;
}
.modulealtrow 
{
    background-color: #F1F5F5;
    border-top-color: #64929B;
    border-left-color: #64929B;
    border-right-color: #64929B;
    border-bottom-color: #64929B;
}
/* Blog */
.blogwrapper 
{
    background-color: #D0E3F4; 
    border-color: #007DC3;  
}
.blogcenter-nonav 
{ 
    background-color: #F1F5F5;  
}
.blogcenter-leftnav 
{
    background-color: #F1F5F5;  
}
.blogcenter-rightnav 
{
    background-color: #F1F5F5;  
}
.blogcommentlink 
{
    border-bottom-color: #ccc;  
}
.blogcommenthead { }
.blogcommenttitle { border-bottom-color: #ccc;  }
.blogcommenttext { border-bottom-color: #ccc;   }

.rsswrapper {  background-color: #DFDDD7; }
.rsscenter-nonav { background-color: #EEEDE9;  }
.rsscenter-leftnav { background-color: #EEEDE9;  }
.rsscenter-rightnav { background-color: #EEEDE9;  }
.rssauthor {  border-bottom-color: #ccc;   }

/* code style - can select from wysiwyg editor */
.Code, .xml 
{
    border-color: #cccccc;
    color:#333333;
}

.FeedHead { background-color: #E0D7CC; border-bottom-color: #CAB693; }

.FeedBody { background-color: #EEEDE9; border-color: #FFFFFF; }


/* MENU */	
/* Use this rule create the common appearance of each menu item. */
ul.AspNet-Menu li 
{ 
    /*background-color: #F1F5F5; */
    background-color: #FFFFFF; 
    border-left-color: #FFCC00;
    border-bottom-color: #FFCC00;
}

/* 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). */
ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
   	background: transparent url(/common/Images/activeArrowRight.gif) right center no-repeat;
}
/* 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). */
ul.AspNet-Menu li:hover, 
ul.AspNet-Menu li.AspNet-Menu-Hover 
{ 
    border-left-color: #CC0000;
    /* background-color: #F7F4EE;*/
    color:#FF0033;
}

/* 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. */
ul.AspNet-Menu li a:hover,
ul.AspNet-Menu li span.Asp-Menu-Hover 
{  
    color: #FF0033; 
	background: transparent url(/common/Images/activeArrowRight.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; 
}
ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a,
ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf span 
{ 
    background-color: #F7F4EE;
    background-image: none; 
    
}
ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren a,
ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren span
{ 
    background: #F7F4EE url(/common/Images/arrowRight.gif) right center no-repeat; 
}
/* END MENU */	

.hscButton
{
    background-color:#FFFFFF;
    border-color: #cc0000;
}
/* Calendar */
.calendar
{
    border-color: #007DC3;
    background-color: #FFFFFF;
    color:#007DC3;
}
.cal_DayHeaderStyle
{
    background-color: #64929B;
    color:#FFFFFF;
}
.cal_DayStyle
{
    background-color: #FFFFFF;
}
.cal_NextPrevStyle
{
    color:#FFFFFF;
}
.cal_OtherMonthDayStyle
{
    background-color: #F3F3F3;
}
.cal_SelectedDayStyle
{
    background-color: #D0E3F4;
}
.cal_SelectorStyle
{
    background-color: #007DC3;
}
.cal_TitleStyle
{
     background-color: #C0C0C0;
     color:#000000;
}
.cal_TodayDayStyle
{
    background-color: #D0E3F4;
}
.cal_WeekendDayStyle
{
    background-color: #D0E3F4;
}
.dl_AlternatingItemStyle
{
    border-color: #cc0000;
}

.rightside .panelwrapper
{
	background-color:#BF160B;
}
.rightside .moduletitle
{	color:#FFF;
}
.rightside .moduletitle a,
.rightside .moduletitle a:link,
.rightside .moduletitle a:visited,
.rightside .moduletitle a:active
{
	color:#FC0;
}
.rightside .moduletitle a:hover
{
	color:#FFF;
}
.rightside .modulecontent
{
	background-color:#FFF;
}