/*===============================================Most basic elements ==================================================*/
h1, h2, h3, h4 {padding:0; margin:0} /*Remove all the padding and margins from the headings (remove browser defaults)*/

hr{
  border:none;
  color:white;
  border-top: 1px solid #1889B1;
}

body {
  background:url(/images/bg/grey_diagonal_on_white.gif);
  margin-top:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
}

div{
  font-size: 100%;
}

table{
  font-size:100%;
}

h1{
  color: #1f3b6a;
  font-size: 120%;
}

h2{
  color: #1f3b6a;
  font-size: 110%;
}

h3{
  color: #1f3b6a;
  font-size: 100%;
}

h4{
  color: #1f3b6a;
  font-size: 100%;
}

td.copyright{
  padding: 0.2em;
  color:#000;
  text-align:left;
}

a {
  text-decoration:underline;
}

a:link{
  color: #1f3b6a;
  text-decoration: underline;
}

a:visited{
 color: #39acb1;
 text-decoration: underline;
}

form {
 margin-bottom:0;
}


/*===============================================Web Cam Div ==================================================*/
div.webcam{
  border-bottom: 1px solid #fff;
  background-color: #39acb1;
  padding: 0.5em;
}

div.webcam div img{
  border: 1px solid #fff;
}

img.webcam{
  float:center;
}

div.webcam div{
  color: white;
  text-align: center;
  padding:0;
  float: center;
}

div.webcam a:link,
div.webcam a:visited{
  text-decoration: underline;
  color:white;
}

/*=============================================== Banner Navigation (including user) ==================================================*/

A.bannernav,
A.bannernav:visited,
A.bannernav:active {
  color:#3facd3;
  text-decoration:none;
}

A.bannernav:active,
A.bannernav:hover {
  color:white;
  text-decoration:none;
}

A.bannerusernav,
A.bannerusernav:visited,
A.bannerusernav:active {
  color:#3facd3;
  text-decoration:none;
}

A.bannerusernav:active,
A.bannerusernav:hover {
  color:white;
  text-decoration:none;
}

.topnav td {
  background-color:#1f3b6a;
  color:#3facd3;
}

/*=============================================== Navigation (left hand side) ==================================================*/
/*Sort out the link colours and weights*/
div.shortcut a,
div.shortcut a:link,
div.shortcut a:visited,
div.toplevel a,
div.toplevel a:link,
div.toplevel a:visited,
div.toplevel_selected a,
div.toplevel_selected a:link,
div.toplevel_selected a:visited,
div.levelone a,
div.levelone a:link,
div.levelone a:visited,
div.levelone_selected a,
div.levelone_selected a:link,
div.levelone_selected a:visited,
div.levelone_open a,
div.levelone_open a:link,
div.levelone_open a:visited,
div.leveltwo a,
div.leveltwo a:link,
div.leveltwo a:visited,
div.leveltwo_selected a,
div.leveltwo_selected a:link,
div.leveltwo_selected a:visited,
div.levelthree a,
div.levelthree a:link,
div.levelthree a:visited,
div.levelthree_selected a,
div.levelthree_selected a:link,
div.levelthree_selected a:visited{
  font-size: 110%;
  text-decoration: none;
  color:#7D303C;
}

div.shortcut a,
div.shortcut a:link,
div.shortcut a:visited,
div.toplevel a,
div.toplevel a:link,
div.toplevel a:visited,
div.toplevel_selected a,
div.toplevel_selected a:link,
div.toplevel_selected a:visited,
div.levelone a,
div.levelone a:link,
div.levelone a:visited,
div.levelone_selected a,
div.levelone_selected a:link,
div.levelone_selected a:visited,
div.leveltwo a,
div.leveltwo a:link,
div.leveltwo a:visited,
div.leveltwo_selected a,
div.leveltwo_selected a:link,
div.leveltwo_selected a:visited,
div.levelthree a,
div.levelthree a:link,
div.levelthree a:visited,
div.levelthree_selected a,
div.levelthree_selected a:link,
div.levelthree_selected a:visited{
  color:white;
}

#sitesearch {
  background-color:#1763b1;
  color:#3facd3;
  font-weight:bold;
  padding-bottom:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top: 0.2em;

}

#sitesearch #query {
  border:1px solid #3facd3;
  width:150px;
  font-size: 80%;
  color:#1763b1;
}

#sitesearch #submit {
  border:1px solid #3facd3;
  font-size: 80%;
  width:25px;
  font-weight:bold;
  color:#1763b1;
  background-color:#3facd3;
}

ul {
margin-left: 0px;
padding-left: 1.5em; /* or pick another offset */
}

DIV.feedback {
  padding:1em;
  background-color:#DFFFD8;
  margin-bottom:1em;
}

DIV.toplevel {
  /*background-color:#DF573C;*/
  background-color:#1889b1;
  padding: 2px;
 /* border-bottom:1px solid #FDD1C0;*/
  border-bottom:1px solid #fff;
  color:white;
}

DIV.toplevel_selected{
 background-color:#503885;
 /*padding: 2px 2px 2px 0.5em;*/
 padding: 2px;
 border-bottom:1px solid #fff;
 color:white;
}

DIV.levelone {
  /*background-color: #EBB362;*/
  background-color: #64528c;
  /*background-color: blue;*/
  color: #fff;
  padding: 2px;
  border-bottom:1px solid #fff;
}

DIV.levelone_selected {
  /*background-color: #EBB362;*/
  background-color: #994042;
  /*background-color: blue;*/
  color: #fff;
  padding: 2px;
 /* padding: 2px 2px 2px 0.5em;*/
  border-bottom:1px solid #fff;
}
DIV.leveltwo{
  background-color:#bb5b5c;
  /*padding: 2px 2px 2px 0.5em;*/
  padding: 2px;
  border-bottom:1px solid #fff;
  color:white;
}

DIV.leveltwo_selected{
  background-color: #cd6b10;
  /*padding: 2px 2px 2px 0.5em;*/
  padding: 2px;
  border-bottom:1px solid #fff;
  color:white;
}

DIV.levelthree{
  background-color:#C89458;
  /*padding: 2px 2px 2px 0.5em;*/
  padding: 2px;
  border-bottom:1px solid #fff;
  color:white;
}

DIV.levelthree_selected{
  background-color: #D7BF1F;
  /*padding: 2px 2px 2px 0.5em;*/
  padding: 2px;
  border-bottom:1px solid #fff;
  color:white;
}

DIV.shortcut {
  background-color:#39acb1;
  padding: 2px 2px 2px 0.5em;
  border-bottom:1px solid #fff;
  color:white;
}


/*=============================================== Main content Div ==================================================*/

div.content{
  /*border: 1px red solid;*/
  padding:1em 0.5em 0.5em 0.5em;
}

div.content div{ /*the main content div*/
  /*border: 1px green solid;*/
  padding: 0.5em;
}

div.content p.activeEvent{
  padding: 1em 0 1em 0;
}
/*=============================================== BreadCrumbs ==================================================*/

DIV.breadcrumb {
  background:url(/images/nav/stripe.gif);
  padding: 2px 2px 2px 0.5em;
  font-weight:bold;
  color: #1f3b6a;
}

div.breadcrumb a ,
div.breadcrumb a:link,
div.breadcrumb a:visited{
  text-decoration:none;
  color: #3facd3;
}

/*=============================================== Admin ==================================================*/

TABLE.AdminList {

}

TABLE.AdminList .header {
  padding:3px;
  color:black;
  font-weight:bold;
  background-color: #DBEBFD;
}

TABLE.AdminList .Row1 {
  background-color:#FFFBF3;
}

TABLE.AdminList .Row2 {
  background-color:#E6E2DA;
}

TABLE.AdminList TD.submit {
   border:1px solid gray;
   padding:3px;
   background-color:#EEEEEE;
}

span.AdminListHeader {
   padding:2px 5px;
   color:black;
   font-weight:bold;
   background-color: #DBEBFD;
}

/* ======================================= */

TABLE.AdminForm {

}

TABLE.AdminForm .header {
  padding:3px;
  color:white;
  font-weight:bold;
  background-color: #641113;
}

TABLE.AdminForm .Row1 {
  background-color:#FFFBF3;
}

TABLE.AdminForm .Row2 {
  background-color:#E6E2DA;
}


TABLE.AdminForm .Label {
  text-align:right;
  padding:2px;
}

TABLE.AdminForm .LabelErr {
  text-align:right;
  padding:2px;
  background-color:red;
  font-weight:bold;
  color:yellow;
}



TABLE.AdminForm .input {
  padding:2px;
}

TABLE.AdminForm .top {
  vertical-align:top;
  padding-top:6px;
}

TABLE.AdminForm TD.submit {
   border:1px solid gray;
   padding:3px;
   background-color:#EEEEEE;
}

/* ======================================= */

input.textonly {
  border:1px solid black;
  background-color:transparent;
  color:black;


}


.NavLink	      { COLOR: #000000; text-decoration: none; }
.NavUp          { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #FFFFFF #999999 #999999 #FFFFFF; PADDING: 0 1 1 1; background-color: #CCCCCC; }
.NavDown        { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #999999 #FFFFFF #FFFFFF #999999; PADDING: 1 0 0 2; background-color: #CCCCCC; }
.NavOff  	      { BORDER-STYLE: solid; BORDER-WIDTH: 1; BORDER-COLOR: #CCCCCC #CCCCCC #CCCCCC #CCCCCC; PADDING: 0 1 1 1; background-color: #CCCCCC; }
input.button    { background-color: #FFFFFF;  background-image: url(/images/admin/button.gif); height: 16; width: 77; border: none; font-family: verdana, sans-serif; font-weight: normal;font-size: 10px; color: #000000; letter-spacing: -0.5pt; cursor: hand; }
input.button2   { background-color: #EEEEEE; background-image: url(/images/admin/button.gif); height: 16; width: 77; border: none; font-family: verdana, sans-serif; font-weight: normal;font-size: 10px; color: #000000; letter-spacing: -0.5pt; cursor: hand; }
input.button_sm { background-color: #FFFFFF;  background-image: url(/images/admin/button_sm.gif); height: 16; width: 46; border: none; font-family: verdana, sans-serif; font-weight: normal; font-size: 10px; color: #000000; letter-spacing: -0.5pt; cursor: hand; }

a.fmb  	    { text-decoration: none; color: #000000; }
a:hover.fmb	{ text-decoration: none; color: #000000; }

 /* Menu bar font */
.fmb		{ font-family: ms sans serif, sans-serif; font-weight: normal; color: #000000; font-size: 11px; text-decoration: none; };
.ftb		{ font-family: ms sans serif, arial, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; text-decoration: none; };					/* Font Title Bar	*/
*/

table.adminbox { }

table.adminbox td.maintitle {
  font-family: ms sans serif, arial, sans-serif;
  color: white;
  font-size: 12px;
  font-weight:bold;
}

table.adminbox td.statusbar {
  font-family: ms sans serif,arial,sans-serif;
  font-size: 8px;
}

table.adminbox div.sectionheader {
  padding: 3px;
  padding-left:10px;
  font-weight: bold;
  background-color:#EEEEEE;

}

table.adminbox div.sectionheaderboxed {
  border:1px solid #999999;
  padding: 3px;
  padding-left:10px;
  font-weight: bold;
  background-color:#EEEEEE;

}

table.adminnotes {
  background-color:#FFFF9C;
  border:1px solid gray;
}

TABLE.Tab TABLE.tabtitle {
	background: #168AAF;
}
TABLE.Tab TABLE.tabtitle TH {
	color: white;
	padding: 3px 10px 3px 10px;
}
TABLE.Tab TABLE.tabtitle TH A {
	color: white;
}
TABLE.Tab TD.tabbody {
	border: 1px solid #168AAF;
	padding: 10px;
}
TABLE.Tab TD.tabbottom {
	border-bottom: 1px solid #168AAF;
	border-left: 1px solid #168AAF;
	border-right: 1px solid #168AAF;
	background: #EEEEEE;
	padding: 2px;
}




TABLE.Form1 .SubHead { background-color: #659ACE; }
TABLE.Form1 .SubHead TD { padding:5px; color:white; font-weight:bold;}

TABLE.Form1 .Row1 { background-color:#F5F5F5; }
TABLE.Form1 .Row2 { }

TABLE.Form1 .Label    { color:black; font-weight:bold; text-align:right; }
TABLE.Form1 .LabelErr { color:red; font-weight:bold; text-align:right;  }

div.event_info {
  background:#D7E3E4;
  padding:1em;
  position:relative;
  left:5%;
  width:80%;
  margin:1em;
  border:1px solid #94A0A7;
}

div.event_info_even {
  background:#EEFAFB;
}

div.event_content {
  background:#D9E5E6;
  padding:1em;
  position:relative;
  left:5%;
  width:80%;
  margin:1em;
  border:1px solid #C3C5BE;
}