body
{
	background-color:#006699;
	font-family:sans-serif;
}

.main
{
	width: 900px;
	border: 5px solid white;
	position:relative;
}

#topheader
{
	font-family:"Verdana";
	background-color:white;
	font-weight:bolder;
	font-size:30px;
	color:#006699;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	letter-spacing:2px;
	border-bottom:1px dashed #006699;
}

#headerstrip
{
	background-color:white;
	font-weight:bold;
	font-size:14px;
	color:#006699;
	height:20px;
	padding-top:1px;
}

#hs1
{
	float:left;
	text-align:left;
}

#hs2
{
	text-align:right;
}

#headerimage
{
	
	background-color:#006699;
	position:relative;
	
}

#pagetitle
{
	color:#ffffff;
	font-size:40px;
	font-weight:bold;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	text-align:centre;
	padding-top:100px;



}

#sidebar
{
	float:left;
	width:150px;
	background-color:#F0F0F5;
	

}

#sidebartext
{
	text-align:center;
	color:#006699;
	font-size:10px;
	letter-spacing:1px;
	
}


.tablenormal{
	color:#006699;
	width:100%;
	font-size:12px;
}

#workspace
{
	background-color:#F8F8FF;
	text-align:justify;
	margin-left:150px;
	padding:5px;
	color:#006699;
	font-size:12px;
	letter-spacing:1px;
}
#maintext{
padding:10px;
background-color:#F0F0F5;
background-image:url('images/backlogobig.png');
}
#warning{
padding:10px;
background-color:#F0F300;
}

#mainspace
{
	width:100%;
	position:relative;
	display:block;
	background-color:#F0F0F5;

}
#mainblock
{
	width:100%;
	position:relative;
	display:block;
	background-color:#F0F0F5;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;

}

#footer
{
	position:relative;
	display:block;
	background-color:#006699;
	font-size:11px;
	color:white;
	padding:5px;
	padding-bottom:10px;
	padding-left:15px;
	text-align:left;
	
}

#mainTitle{
color:#FF1111;
font-size:20px;
}

.spacer 
{
	clear: both;
}

a:link, a:visited{
text-decoration:none;
color:blue;
}

a:hover{
text-decoration:none;
color:red;
}

/*menu*/

#menu
{
width:100%;
position:relative;
padding:0;
margin-right:0px;
margin-bottom:2px;
z-index:99;
}

ul#makeMenu {
 cursor: default;             /* gives an arrow cursor */
display:block;
width:100%;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:white;
line-height:25px;

}

ul#makeMenu ul
{
cursor: default;             /* gives an arrow cursor */
display:block;
width:100%;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:white;
line-height:20px;
border: 1px solid #F0F0F5;
}

ul#makeMenu li {
position: relative;         
list-style:none;
list-style-position:outside;
padding:2px;
margin:0;
background-color:#006699;
text-align:left;
padding-left:10px;
margin-top:1px;

}
ul#makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
display: none;               /* hides child menu blocks - one of the most important declarations */
position: absolute;          /* make child blocks hover without leaving space for them */
top: 2px;                    /* position slightly lower than the parent menu item */
left: 145px;
background-color:#006699;
z-index:100;
width:150px;
text-align:left;
font-size:14px;
}
ul#makeMenu li:hover, ul#makeMenu li.CSStoHighlight {
  background-color: red;      /* gives the active menu items a yellow background */
  color: white;                 /* makes the active menu item text black */ 
}
ul#makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul#makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul#makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: none; }
ul#makeMenu li a:hover, ul#makeMenu li a.CSStoHighLink { color: white; }
ul#makeMenu li:hover > a { color: white; } /* supports links in branch headings - must not be display: block; */


.sMenu
{
	background-image: url("images/marrow.png");
	background-repeat:no-repeat;
	background-position:center right;
}

.newssection
{
	background-color:#DDDDDD;
	margin:10px;
	padding:5px;
	color:#006699;
	font-size:12px;

}

.newstitle
{
	background-color:#CCCCCC;
	font-weight:bold;
	color:#006699;
	font-size:14px;
	
}

.newslist
{
display:block;
width:100%;
padding:0;
margin:0;
list-style:none;
}

.newslist li
{
	margin:5px;
	border-bottom:1px dashed #006699;
}

input, textarea{
border:1px solid #006699;
font-family:sans-serif;
font-weight:bold;
font-size:12px;
color:#000000;
}

input:hover, textarea:hover{
border:1px solid orange;
font-family:sans-serif;
font-weight:bold;
font-size:12px;
color:#000000;
}

.button{
border:1px solid #006699;
font-family:sans-serif;
font-weight:bold;
font-size:12px;
color:white;
background-color:#006699;
cursor:pointer;
}
.button:hover{
border:1px solid red;
font-family:sans-serif;
font-weight:bold;
font-size:12px;
color:white;
background-color:red;
cursor:pointer;
}

.calevent{
background-color:red;
color:white;
}
.calpastevent{
background-color:gray;
color:white;
}
.caltop{
	font-weight:bold;
	color:black;
}

.calheader{
background-color:#006699;
color:white;
}
.caltable{
border: 1px solid #006699;
font-family:sans-serif;
font-size:10px;
text-align:center;
width:150px;
color:#006699;
}

.caldark{
color:#88AAFF;
}

.calbright{
font-weight:bold;
}

.caltoday{
background-color:green;
color:white;
}

.caltodayevent{
background-color:blue;
color:white;
}

.hlist{
margin:0;
padding:0;
list-style:none;
}
.helement{
display:inline;
padding-right:20px;
padding-left:20px;
padding-top:4px;	padding-top:2px;
	padding-bottom:2px;
padding-bottom:4px;
background-color:#C3D7DF;
font-weight:bold;
cursor:pointer;
}

a:link,a:visited{
text-decoration:none;
}

img{
border-width:0px;
}

.tablegallery{
float:none;
}
.thumbnail{
padding:2px;
border:1px solid #006699;
cursor:pointer;
text-align:center;
}
.sidethumb{
padding:2px;
cursor:pointer;
}
.controls{
margin:1px;
padding:2px;
border:1px solid #006699;
background-color:none;
font-weight:bold;
width:15px;
text-align:center;
cursor:pointer;
height:15px;
}

.controls:hover{
margin:1px;
padding:2px;
border:1px solid orange;
background-color:orange;
font-weight:bold;
width:15px;
text-align:center;
cursor:pointer;
height:15px;
}

.calcontrols{
padding-left:2px;
padding-right:2px;
}

.calcontrols:hover{
background-color:orange;
padding-left:2px;
padding-right:2px;
}

.largePhoto{
min-height:600px;
width:100%;
text-align:center;
}

.textcontrols{
border:1px solid #006699;
background-color:#006699;
font-weight:bold;
padding-left:5px;
padding-right:5px;
cursor:pointer;
color:white;
}

.textcontrols:hover{
border:1px solid orange;
background-color:orange;
font-weight:bold;
padding-left:5px;
padding-right:5px;
cursor:pointer;
color:white;
}

.controlTable{
width:100%;

}

.controlTable td{
padding:1px;
}

#showevent{
border-top:5px solid #006699;
line-height:20px;
letter-spacing:1px;
border-bottom:1px solid #006699;
}

.newslist li{
border:1px solid gray;
border-top:5px solid gray;
background-color:#F0F0F5;
margin-bottom:1px;
padding:2px;
}

.newslist{
width:100%;
}