@charset "utf-8";
/*#################### Style Information ####################*/

.col3 img  {
       border: none;
}

.col3 a {
color: inherit;
background: inherit;
text-decoration:none;
}

.col3 a:hover {
color: inherit;
background: inherit;
text-decoration:none;
}


.top a {
	background-color: silver;
	width: 100px;
	color: black;
	text-align: center;
	text-decoration: overline;
	margin-left: -25px;
}

.top a:hover {
	background-color: silver;
	width: 100px;
	color: black;
	text-align: center;
	text-decoration: overline;
	margin-left: -25px;
}

	a {
    	color:#369;
	}

a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}

h1,h2,h3,h4,h5,h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom: 2px solid #336699;
	margin-bottom: 10px;
	margin-top: 10px;
        padding:0;
}

h3 {
	font-size: 16px;
	font-variant: small-caps;
	letter-spacing: .75px;
}
h4 {
	font-size: 14px;
	letter-spacing: normal;
	border-width: 1px;
	font-variant: small-caps;
}


p {
        margin:.4em 0 .8em 0;
        padding:0;
    }

img {
		margin:0px;
		border: none;
	}
	
#header ul li a:hover {
	    background:#369;
		color:#fff;
	}

#header ul li a.active,
#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}

div.regid {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	background-color: ButtonFace;
	padding: 15px;
}
	
div.message {
	background-color: #efefef;
	padding: 10px;
    margin-bottom: 20px;
}
div.message .date {
  font-variant: small-caps;
  font-style: italic;
  border-color: green;
  border-left-width: 5px;
  border-left-style: solid;
  padding: 5px;
}


/*#################### Architectual Information ####################*/
    body {
        margin:0px;
        padding:0px;
        border:0px;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#336699;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
	 
#wrapper {
	width: 900px;
	margin: auto;
	text-align: left;
	padding:auto;
	background-color: white;
}


#header {
   clear:both;
   float:left;
   width:100%;
	border-bottom:1px solid #000;
   background-image: url(topgradient.jpg);
	background-repeat: repeat-x;

    }

#logo {
	width: 700px;
	height: 300px;
	background-color: white;
}
#logoCol1 {
/*	background-image: url(/images/logo.jpg);
	background-repeat: no-repeat;
*/
	width: 120px;
}
#logoCol2 {
	float: right;
	width: 450px;
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a span {
	    display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}

/* column container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;				/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
}

	/* holy grail 3 column settings */
.holygrail {
     background: ThreedLightShadow;    	/* Right column background colour */
	}

.holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-215px; 	/* Width of right column (shifts all columns )*/
        position:relative;
        right:100%;
        background:white;    	/* Centre column background colour */
    }

.holygrail .colleft {
     float:left;
     width:100%;
     margin-left:-50%;
     position:relative;
     left:390px;         	/* Left column width + right column width */
     background: white;    	/* Left column background colour */
    }

.holygrail .col1wrap {
     float:left;
     width:50%;
     position:relative;
     right:200px;        	/* Width of left column */
     padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}

.holygrail .col1 {
     margin:0 200px;     	/* (centre width) Centre column LEFT side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
     position:relative;
     left:200%;
     overflow:hidden;
}

.holygrail .col1 img {
		margin:5px;
		border: thin;
		border-style: solid;
		border-color: black;

	}
	
.holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:150px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-hand side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:180px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
.holygrail .col3 img {
		margin-bottom: 10px;
		border: 1px;
		border-color: white;
		border-style: solid;
	}

.holygrail .col1 img {
		margin-bottom: 0px;
		border: 0px;
	}


	
	/* Footer styles */
#footer {
     float:left;
     width:900px;
     border-top:1px solid #000;
     background-color: grey;
     clear: both;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     padding-bottom: 5px;
     padding: auto;
     text-align: center;
     color: white;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }


#footer p {
     padding:10px;
     margin:0;
    }

	 /* Menu Styles */

#menu {
/*  height: 26px;
  background-color: #669933;
*/
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  font-family: Tahoma, Verdana, arial,sans-serif;
  clear: both;
  text-align: left;
  border-left-color: Highlight;
  border-left-style: solid;
  border-left-width: thick;
}

#menu ul {
list-style: none;
        padding: 0; margin: 0; margin-left:0px; text-align: left;
}

#menu li {
float: none;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#menu li a, #menu li a:visited {
	display: list-item;
	background-color: #669933;
	_width: 75px;
	_text-align:center;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	height: 18px;
	position: relative;
	line-height: 18px;
	color: #ffffff;
}

#menu li.active, #menu li.active a:visited, #menu li a:hover {
	background-color: #ffffff;
	height: 18px;
	color: #003366;
}


/*#################### TABLE ####################*/
.calavail {
	background-color: yellow;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	font-size : 15px;
	border-color : Black;
	font-weight : bold;
}

table {
     background-color : white;
     }

dd table {
	margin-left: -25px;
}

CAPTION {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
         color : Black;
         font-size : 15px;
         border-color : Black;
         font-weight : bold;}

th {
     text-align: left;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     color : white;
     font-weight : 400;
     font-size : 12px;
     vertical-align : top;
     background-color : #003163;
}

td {
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size : 11px;
     font-style : normal;
	  text-align: left;
	  vertical-align: text-top;
     background-color :#FFFFCC;
    }

td.odd {
	  border-bottom-color: black;
	  border-bottom-style: solid;
	  border-bottom-width: thin;
     background-color :white;
	  padding-right: 3px;
    }

td.even {
	  border-bottom-color: silver;
	  border-bottom-style: solid;
	  border-bottom-width: thin;
	  padding-right: 3px;
    }

tr.odd {
     background-color :#FFFFCC;
}

tr.even {
     background-color : red;
}