/* div styling */
body {
text-align: center;
background: url('../images/generic/bodyBackground.gif') repeat-y top center #fff;
font-family: Verdana, Arial, sans-serif;
}
table {
width:auto
}
#wrapper {
text-align: left;
overflow: hidden;
margin-left: auto;
margin-right: auto;
width: 1000px
}
#masthead {
float:left;
background: url('../images/generic/masthead-3.gif') no-repeat top left #e7e7e8;
background: #f0f0f0;
height: 120px;
width: 1000px
}
#mastheadLeft{
height: 120px;
float: left;
background: url('../images/generic/leftMarginBackground.gif') repeat-x top left #d6d4ff;
width: 200px
}
#mastheadCentre{
height: 120px;
float: left;
width: 550px;
background: url('../images/generic/rightMarginBackground.gif') repeat-x top left #fbe4b8;
font-family: georgia;
font-style:italic;
}
#mastheadRight{
height: 120px;
float: right;
background:#FFF;
width: 250px;
text-align:center;
padding-top:0px;
}
#topNavigationBar, 
#footer {
background: url('../images/generic/rightMarginBackground.gif') repeat-x top left #fbe4b8;
float:left;
width: 100%;
border-top: 1px solid #fff
}
#leftMargin {
float: left;
background: #7671dd;
padding-top: 0px;
margin-bottom: -10000px;
padding-bottom: 10030px;
width: 200px
}
#mainArea {
float:left;
padding-top: 20px;
background: url('../images/generic/mainArea-background.gif') no-repeat top left #fff;
background: #fcf2df;
background: url('../images/generic/mainAreaBackground.gif') repeat-x top left #fcf2df;
margin-bottom: -10000px;
padding-bottom: 10030px;
padding-right:20px;
width: 530px;
color: #624202;
border-top: 1px solid #fff
}
#rightMargin {
float: right;
background: url('../images/generic/rightMarginBackground.gif') repeat-x top left #fbeac9;
padding-top: 30px;
margin-bottom: -10000px;
padding-bottom: 10030px;
padding-left:25px;
width: 225px
}
#mastheadCentre p {
text-align: center;
margin-top: 45px;
font-size: 1.5em;
letter-spacing: 0.25em;
color: #624202;
}
#mainArea h1,
#mainArea h2,
#mainArea h3,
#mainArea h4,
#mainArea p,
#mainArea ul,
#mainArea ol,
#mainArea li,
#mainArea blockquote,
#mainArea table,
#leftMargin *,
#rightMargin * {
margin-left: 30px;
margin-right: 30px
}
#mainArea h1,
#mainArea h2,
#mainArea h3,
#mainArea h4,
#mainArea ul,
#mainArea ol,
#mainArea table {
clear:left
}
#mainArea h1,
#mainArea h2,
#mainArea h3,
#mainArea h4 {
color: #624202
}
#mainArea h1 {
font-size:2em;
font-family: georgia;
font-style:italic;
}
#mainArea h2 {
font-family: verdana;
font-size:1.4em;
}
#mainArea h3 {
font-family: georgia;
font-style:italic;
font-size:1.5em;
}
#mainArea h4 {
font-family: georgia;
font-style:italic;
font-size:1.3em;
}
#mainArea h5 {
font-size:1.1em;
}
#mainArea h6 {
font-size:1em;
font-weight:bold
}
#mainArea p {
line-height: 1.6em
}
#mainArea p img {
margin-left: 0px
}
#mainArea p.caption {
text-align: right;
margin-bottom: 0px;
font-size: 80%
}
#topNavigationBar p, 
#footer p, 
#topNavigationBar ul, 
#topNavigationBar li, 
#footer ul, 
#footer li {
border:0px;
padding: 0px;
margin:0px;
}
#searchBox {
color: white;
font-weight: bold;
text-align: left;
margin: 55px 0px 0px 14px;
color: #fff
}
#searchBox input {
font-size: 175%;
padding-left: 2px;
border: 1px solid #bbb
}
.errors {
color:red
}
/* Margin styling */
#leftMargin p{
margin: 0 30px 0px 30px;
}
#rightMargin p, 
#rightMargin h1, 
#rightMargin h2, 
#rightMargin h3 {
margin: 20px 30px 0 13px
}
#leftMargin a, 
#rightMargin a {
margin:0px;
text-decoration: none;
text-transform:capitalize;
color: #0009D0
}
#leftMargin a:hover, 
#rightMargin a:hover {
text-decoration: underline;
color: red
}
#leftMargin a.subNavigation{
background: #FFEBE2;
float:left;
display:block;
width: 200px;
padding: 5px 0px 5px 30px;
border-bottom: 1px solid #fff;
border-top: 0px;
color: #0009D0 !important
}
#leftMargin a.subNavigation:hover {
background: #fff;
text-decoration: none;
}

/* Main Area Styling */
#mainArea form {
width: 600px;
border-top: 1px solid #fff;
padding-top: 25px;
background: url('../images/generic/rightMarginBackground.gif') repeat-x top left #fbe4b8;
}
#mainArea caption {
background: url('../images/generic/masthead-gradient-2.jpg') repeat-x top left #e7e7e8;
}
#mainArea thead tr th {
background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #e7e7e8;
}
#mainArea form td {
}
#mainArea img {
margin-left:30px
}
#mainArea .mainImage {
margin-left: 30px;
margin-right: 20px;
margin-top: 5px;
clear:left;
float:left
}
#mainArea .mainImage img{
margin-left: 0px;
}
#mainArea .mainImage p {
margin-left: 0px;
font-size: 80%
}
#mainArea a {
text-decoration: none;
color: blue
}
#mainArea a:hover {
text-decoration:underline;
color: red
}
/* Left Margin Styling */
#leftMargin p.featureLink {
clear:left;
margin: 5px 13px 0px 30px;
padding-bottom: 3px;
font-size: 0.9em;
line-height: 1.25em;
color: #000076;
}
#leftMargin p.featureTitle {
clear:left;
margin: 5px 13px 0 30px;
font-size: 1em;
padding-bottom: 3px;
padding-top:7px;
text-transform: capitalize;
letter-spacing: 0.25em;
color: #000076;
color: #fff;
}
#leftMargin p.featureEntryLink {
margin: 5px 13px 0px 30px;
font-size: 0.9em;
line-height: 1em;
padding-bottom: 3px;
}
#leftMargin p.featureLink a {
text-transform: none !important;
color: #0009D0;
}
#leftMargin p.featureEntryLink a {
text-transform: none !important;
margin-left: 13px;
color: #0009D0;
}
#contactBox {
clear:left;
margin: 0;
padding-top: 5px;
padding-bottom: 20px;
background: url('../images/generic/leftMarginBackground.gif') repeat-x top left #d6d4ff;
}
#subscriptionBox {
margin: 0;
padding-bottom: 20px;
padding-top: 10px;
padding-right: 10px;
background: url('../images/generic/leftMarginBackground.gif') repeat-x top left #d6d4ff;
}
/* Right Margin Styling */
#rightMargin table {
padding: 0px;
margin:0px;
margin-bottom: 10px
}
#rightMargin p.featureLink {
clear:left;
margin: 5px 13px 0px 0px;
padding-bottom: 3px;
/*border-bottom: 1px solid #ccc*/
}
#rightMargin p.featureTitle {
clear:left;
margin: 10px 0px 10px -24px;
font-size: 1.2em;
padding-bottom: 3px;
padding-top:7px;
padding-left:24px;
color:#4E3338;
border-top: 1px solid #fff;
letter-spacing: 0.25em;
background: url('../images/generic/rightMarginBackground.gif') repeat-x top left #fbe4b8;
}
#rightMargin p.featureEntryLink {
margin: 5px 13px 0 0;
font-size: 0.9em;
line-height: 1em;
padding-bottom: 0px;
}
#rightMargin p.featureLink a {
text-transform: none !important;
color: #0009D0;
}
#rightMargin p.featureEntryLink a {
text-transform: none !important;
margin-left: 0px;
color: #0009D0;
color: #624202;
}
#rightMargin .galleryThumbnails a {
float:left;
display:block;
width:60px;
height:60px;
border:1px solid #ccc;
padding:0;
margin:2px 2px 0 0; 
background:#eee
}
#rightMargin .galleryThumbnails img {
margin: 0;
}
#rightMargin .galleryThumbnails a:hover {
text-decoration: none;
background: #fff
}

#contactBox p.featureLink,
#subscriptionBox p.featureLink {
color: #d5d3ff
}

/* Monthly Calendar Styling */
#monthlyCalendar {
border-collapse:collapse;
border: 13px solid #fff;
}
#monthlyCalendar td,
#monthlyCalendar th {
width: 10px;
}
#monthlyCalendar thead th {
color: #624202;
border:0;
background: url('../images/generic/rightMarginBackground.gif') repeat-x top left #fbe4b8;
border: 1px solid #fff;
}
#monthlyCalendar th {
padding: 3px 5px;
}
#monthlyCalendar td {
padding: 3px 5px;
font-size: 80%;
font-weight: bold;
color: #624202;
background:#faebcf;
border: 1px solid #f8c55d;
}
#monthlyCalendar th.days {
padding: 0;
padding-left: 3px;
font-size: 80%;
color: #624202;
border: 1px solid #fff;
background:#f8c55d;
}
#monthlyCalendar td a.calendarLink {
color: #624202;
margin:0;
display:block;
text-decoration: none;
}
#monthlyCalendar td.greyed .calendarLink{
font-weight:normal;
color: #8F847A;
}
#monthlyCalendar td.weekend {
font-weight: normal;
color: #cFc4bA;
background:#fada98;
}
#monthlyCalendar td.today .calendarLink{
}
#monthlyCalendar td.events {
}
#monthlyCalendar td.courses {
}
#monthlyCalendar td.courses.events {
}
#monthlyCalendar .events a.calendarLink, 
#monthlyCalendar .courses a.calendarLink, 
#monthlyCalendar .highlight a.calendarLink  {
color: #00f;
}
#monthlyCalendar td.today {
background: #f88
}
#monthlyCalendar td.highlight {
background: #f9be45;
color: #624202;
}
#monthlyCalendar td:hover {
color: #fff;
background: #624202;
cursor: default;
}
#monthlyCalendar td:hover .calendarLink{
color: #fff;
}
#monthlyCalendar a.calendarLink:hover {
color: #fff;
background: #624202;
}
#monthlyCalendar th img {
margin:0px;
position: relative;
float: none;
}
#monthlyCalendar th p {
margin:0px ;
padding:0px;
white-space: nowrap !important;
text-align:center
}
/* Infobox */
.tooltip {
background: #E1E1E1;
color: black;
border: 1px solid #000;
}
.tooltip p {
margin:1px;
padding:3px;
text-align:left;
font-size: 90%;
}
.tooltip h4 {
font-size: 1em;
font-weight: bold;
color: #624202;
background: url('../images/generic/rightMarginBackground.gif') repeat-x top left #fbe4b8;
margin: 0px;
padding: 3px;
text-align:left;
border: 1px solid #fff
}
/* Pop-up Window Wrapper */
div.winWrapper {
position:relative
}
html>body div.winWrapper {
position: absolute
}	
div.winShadow {
height: 100%;
width: 100%;
filter:alpha(opacity=20);
opacity:0.20;
position: absolute;
left: 5px; 
top: 5px;	
background-color: #000
}
div.winContent {
background-color: #FFF;
position: relative;
left: 0px; 
top: 0px;
color: #624202;
}
/* Menu System */
div#topNavigationBar ul.topmenu, 
div#topNavigationBar ul.topmenu ul, 
div#topNavigationBar ul.topmenu li, 
div#topNavigationBar ul.topmenu a, 
div#topNavigationBar ul.topmenu a:link, 
div#topNavigationBar ul.topmenu a:visited {
color: #666;
text-decoration: none;
}	
div#topNavigationBar ul.topmenu li {
text-align: center;
} 
div#topNavigationBar ul.topmenu a:link, 
div#topNavigationBar ul.topmenu a:visited, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.dropmenu a:link, 
div#topNavigationBar ul.dropmenu a:visited {
display: block;
}
div#topNavigationBar ul.topmenu a:hover {
background: #ddd;
color :#333;
}
/* layout styles */
/* remove standard HTML list indenting, and display as normal blocks */
div#topNavigationBar ul.topmenu ul, 
div#topNavigationBar ul.topmenu a, 
div#topNavigationBar ul.dropmenu ul, 
div#topNavigationBar ul.dropmenu a, 
div#topNavigationBar ul.submenu ul, 
div#topNavigationBar ul.submenu a {
background: url('../images/generic/masthead-gradient.jpg') repeat-x top left #e7e7e8;
display: block;
}
div#topNavigationBar ul.topmenu li {
float: left;
}
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu li {
background: #e3e3e3;
float: none;
}
/* use a fixed width for menu and submenus */
div#topNavigationBar ul.topmenu li , 
div#topNavigationBar ul.topmenu ul, 
div#topNavigationBar ul.dropmenu ul, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu ul, 
div#topNavigationBar ul.submenu li {
width: 200px;
}
/* make sure menus stack properly */
div#topNavigationBar ul.topmenu li , 
div#topNavigationBar ul.topmenu ul{
z-index: 1
}
div#topNavigationBar ul.dropmenu ul, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu ul, 
div#topNavigationBar ul.submenu li {
z-index:10
}
/* make li's into clean, moveable blocks */
div#topNavigationBar ul.topmenu li, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu li {
list-style-type: none; 
position: relative;
}
/* Make list items do what they're supposed to in IE */
div#topNavigationBar ul.topmenu a, 
div#topNavigationBar ul.dropmenu a,
div#topNavigationBar ul.submenu a {
border-right: 1px solid #fff;
padding: 5px;
}
/* make sure any ul inside an li (a submenu) takes up zero normal flow */
div#topNavigationBar ul.topmenu ul { 
position: absolute;  
top: 100%;
left: 0; 
display: none;
}
div#topNavigationBar ul.dropmenu ul,
div#topNavigationBar ul.submenu ul {
position: absolute;  
top: 0px;
left: 200px !important; 
display: none;
}
div#topNavigationBar ul ul,
div#topNavigationBar ul li:hover ul ul,
div#topNavigationBar ul ul li:hover ul ul {
display: none;
}
div#topNavigationBar ul li:hover ul,
div#topNavigationBar ul ul li:hover ul,
div#topNavigationBar ul ul ul li:hover ul {
display: block;
}

/*Left Main Navigation */
#leftMargin ul,  
#leftMargin li {
margin:0px;
}
#leftMargin li {
padding: 4px 0px 4px 30px;
background: url('../images/generic/leftMarginBackground.gif') repeat-x top left #d6d4ff;
}
#leftMargin ul.topmenu ul li {
width: 170px;
}
#leftMargin ul.topmenu, 
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu li, 
#leftMargin ul.topmenu a, 
#leftMargin ul.topmenu a:link, 
#leftMargin ul.topmenu a:visited {
color: #0009D0;
text-decoration: none;
color: #fff
}
#leftMargin ul.topmenu li:hover {
background: #fff;
}
#leftMargin ul.topmenu li:hover a {
color: #d00900;
}
#leftMargin ul.topmenu ul li:hover a, 
#leftMargin ul.topmenu ul li { 
color: #0009D0;
}
/* layout styles */
/* remove standard HTML list indenting, and display as normal blocks */
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu a, 
#leftMargin ul.dropmenu ul, 
#leftMargin ul.dropmenu a, 
#leftMargin ul.submenu ul, 
#leftMargin ul.submenu a {
left: 0px;
display: block;
}
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu a{
z-index:1;
}
#leftMargin ul.dropmenu ul, 
#leftMargin ul.dropmenu a, 
#leftMargin ul.submenu ul, 
#leftMargin ul.submenu a {
z-index: 10
}
#leftMargin ul.topmenu li {
float: left;
}
#leftMargin ul.dropmenu li, 
#leftMargin ul.submenu li {
float: none;
}
/* use a fixed width for menu and submenus */
#leftMargin ul.dropmenu ul, 
#leftMargin ul.dropmenu li {
width: 170px !important;
margin-left:30px
}
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu li, 
#leftMargin ul.submenu ul, 
#leftMargin ul.submenu li {
width: 170px !important;
margin-left: 30px
}
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu li {
margin-left:0px
}
/* make li's into clean, moveable blocks */
#leftMargin ul.topmenu li, 
#leftMargin ul.dropmenu li, 
#leftMargin ul.submenu li {
list-style-type: none; 
position: relative;
}
#leftMargin ul.topmenu ul li {
left:200px;
}
/* Make list items do what they're supposed to in IE */
#leftMargin ul.topmenu a, 
#leftMargin ul.dropmenu a, 
#leftMargin ul.submenu a {
border-right: 0px;
padding: 2px 0px;
}
/* make sure any ul inside an li (a submenu) takes up zero normal flow */
#leftMargin ul.topmenu ul { 
position: absolute;  
top: 0;
left: 0; 
display: none;
}
#leftMargin ul.dropmenu ul, 
#leftMargin ul.submenu ul {
position: absolute;  
top: 0;
left: 0; 
display: none;
}
#leftMargin ul li {
border:0px;
}
div#leftMargin ul ul,
div#leftMargin ul li:hover ul ul,
div#leftMargin ul ul li:hover ul ul {
display: none;
}
div#leftMargin ul li:hover ul,
div#leftMargin ul ul li:hover ul,
div#leftMargin ul ul ul li:hover ul {
display: block;
top: -1px;
}

/* Footer Styling */
#footer p {
margin:0px;
border:0px;
padding:0px 5px;
}
#footer a {
text-transform:capitalize;
text-decoration:none;
padding: 5px;
color: #624202;

}
#footer a:hover {
color: red;
}
/* Comments on Feature Entries */
div.featureEntryCommentBox {
border:1px solid #ddd;
background:#fefefe;
padding:10px 0px; 
margin: 20px 10px 10px 30px
}
p.featureEntryComment {
margin:10px 10px 0px 10px !important; 
font-family: georgia; 
font-style:italic
}
p.featureEntryPostDetail {
margin:0px 10px 10px 10px !important;
font-size:80%; 
padding-bottom:5px;
border-bottom:1px solid dashed #ddd;
color: #999
}