body {
	background: #00193D url('../Images/cl-background.jpg') repeat-y center;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #22246a;
	margin: 0;}

img {
	border: 0px;}

a {
	color: #202569;}
	
a.Announce {
	color: #b4b5e2;}

h1 {
	font-size: 150%;
	background: url('../Images/cl-header_bg.gif');
	padding: 10px;
	margin: 0;}
	
h2 {
	font-size: 125%;
	color: #22246a;
	font-weight:bold;}

h3 {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 100%;
	color: #ffff00;}

h4 {
	margin: 20px 0 0 0;
	padding: 0;}

h5 {
	margin: 0 0 10px 0;
	padding: 0;}

h6 {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 100%;}

p {
	margin: 0 0 10px 0;}

#container {
	width: 979px;
	margin: 5px auto;
	padding: 5px;
	height:100%;
	background-color:White;}

#header, #nav, #content, #footer {
	clear: both;
	margin: 10px 0;
	overflow: hidden;}

#logo {
	float: left;}

#mast {
	float: right;
	color: #242261;
	font-size: 170%;
	font-weight: bold;
	width: 500px;
	text-align: center;}

#content {
	width: 979px;}

#left, #right {
	padding-bottom: 3000px;
	margin-bottom: -3000px;
	width: 210px !important;
	width: 208px;
	background-color: #00517D;
	color: #80bfff;}
	
#left a, #right a {
	color: #ffffff;}	

#left a:hover, #right a:hover {
	color: #ffff00;}

#left {
	margin-right: 10px;
	float: left;}

#right {
	margin-left: 10px;
	float: right;
	height: 100%;
	width: 209px !important;
	width: 207px;}

#center {
	float: left;
	width: 540px;}

#center h2, #center p, #center h3, #center h4, #center h5, #center h6 {
	margin-left: 10px;
	margin-right: 10px;}

#center .tile {
	margin: 0;
	background-color: transparent;
	padding: 0 10px;}

#center .tile p {
	padding: 0;
	margin: 0;}

#center .tile span {
	font-style: normal;}

#center img {
	float: right;
	margin: 15px 15px;
	border: 1px solid #fff;}

#left .tile {
	}

.left {
	float: left;}
	
.right {
	float: right;}

#footer {
	font-size: 80%;
	color: #000000;
	border-top: 2px solid #00517D;
	padding-top: 10px;}

.tile {
	padding: 10px;
/*	margin-bottom: 10px; */				/* remove excess space from top of tile */
	overflow: hidden;}
	
.tile h3 {
	background: url('../Images/cl-box.gif') no-repeat left 0;
	border-bottom: 1px solid #fff;
	padding: 0 0 5px 25px;
	margin: 0 0 10px 0;
	font-size: 110%;} 
	
.tile h4, .tile label {
	color: #91B9CB;
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;}
	
.tile p {
	padding: 0;
	margin: 10px 0;}
	
.tile input {
	border: 0px;
	padding: 2px;
	color: #00517D;
	width: 185px;
	margin: 5px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;}
	
.tile .button {
	width: auto;
	background-color: #22246a;
	color: #91B9CB;
	border: 1px solid #fff;
	margin: 5px 0;
	font-weight: bold;
	float:right;}
	
.tile.first {
	border-bottom: 10px solid #00193D;}
	 
.tile ul {
	margin: 0;
	padding: 0;
	width: 100%;}
	
.tile li {
	padding: 10px 0;
	border-bottom :1px solid #91B9CB;
	list-style: none;}
	
.tile li span {
	color: #91B9CB;
	margin-right: 5px;}
	
.tile li a {
	color: #fff;
	text-decoration: none;}
	
.tile li a:hover {
	color: #91B9CB;}

.tile li.last {
	border:0px;}

/* menu style */
.level1 {
    color: #ffffff;
    width: 139px;
    height: 30px;
    display: block;
    text-align: center;
    padding: 0px;
    background-color: #00517D;
    font-size: 1.2em;
    line-height: 30px;
/*  font-weight: bold;
	border-left: 1px solid #00193D;
    border-bottom : 1px solid #00193D; */ 
	}
	
.level1 a:hover {
	color: #202569;}		

.level2 {
    color:#b4b5e2;
    width:160px;
    white-space: pre-wrap;
    height:25px;
    line-height:20px;
    text-align:center;
    padding:5px;
    background-color: #00517D;
    font-weight: bold;
    border-left: 1px solid #00193D;
    border-bottom : 1px solid #00193D;}

.hoverstyle {
/*    font-weight: bold; */
    color: #202569;
    background-color: #8282da;}

.selectedStyle {
	background-color: #202569;
/*	border-bottom: 2px solid #202569;
	border-left: 1px solid #202569; */
	text-decoration: none;
	color: #ffffff;}
	
.selectedStyle a:hover {
	color: #ffffff;}	

.IE8Fix {
	z-index:100;}	

#slideshowheader {
	color:#F29400;
	text-align:center;}

.slideshow {
    width: 480px;  
    height: 322px;
    padding: 0;  
    margin: 0;} 
 
.slideshow img {
	text-align:center;
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width: 480px;  
    height: 322px;
    top: 0; 
    left: 0;}

.slideshow2 {
    width: 979px;  
    height: 734px;
    padding: 0;  
    margin: 0;} 
 
.slideshow2 img {
	text-align:center;
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width: 979px;  
    height: 734px;
    top: 0; 
    left: 0;}

/* news page */
#newsright {
	float:right;
	width:60%;
	margin-left: 10px;}

#newsleft {
	width: 38%;
	background-color: #00517d;
	color: #ffffff;
	padding-left: 5px;
	padding-bottom: 5px;}
	
#newsleft a {
	color: #ffffff;}	
	
#newsleft a:hover {
	color: #ffff00;} 	
	
#newsleft a.Selected {
	color: #202569;
	font-weight: bold;}	
	
#newsleft ul {
	margin: 0;
	padding: 0;
	width: 100%;}
	
#newsleft li {
	list-style: none;
	padding-bottom: 2px;}
	
.tableone {
	width: 100%;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	border-collapse:collapse;
	background-color:#ffffff;
	color: #666666;
	border-top: 2px #7f7f7f solid;
	border-right: 2px #7f7f7f solid;
	border-bottom: 2px #7f7f7f solid;
	border-left: 1px #7f7f7f solid;}

.tableone td {
	font-size: 0.8em;
	border: 1px solid #7f7f7f;}

.tableone caption {
	color:#FFFFFF;
    background-color: #00517D;	
	font-size: 0.65em;
	font-weight: bold;
	border-left: 1px #7f7f7f solid;
	border-top: 1px #7f7f7f solid;
	border-right: 2px #7f7f7f solid;
	padding-top: 4px;
	padding-bottom: 4px;
	text-transform: uppercase;}

.tableone th 
{
    color:#FFFFFF;
    background-color: #00517D;	
	font-size: 0.75em;
	border-top: none;}		
	
.gvalternaterowstyle {
	background-color: #E0FFFF}
	
.input {
	font-size: 1em;
	background-color: #e4f2ff;}

.inputlabel {
	font-size: 1.5em;}
	
.homeheadline 
{
    font-size: 1.3em;
    text-align:center;  }