body { margin: auto; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; color: #555; background-color:White;}

input { font-family: verdana, arial, helvetica, sans-serif;	font-size: 110%; }
textarea { font-family: verdana, arial, helvetica, sans-serif;	font-size: 110%; }

#planeimage { position:absolute; background-position:top right; background-repeat:no-repeat;
	width:auto; right:0px; top: -15px; z-index: -101;}
	 
.panelimage { position:absolute; background-position:top left; background-repeat:no-repeat; background-color:White; border: 2px solid #ccc;
	 width:580px; height: auto; left:220px; top: 120px; z-index: -98;}
.panelimage2 { position:absolute; background-position:top right; background-repeat:no-repeat; background-color:#ddd; border: 2px solid #ddd; 
	 width:580px; height: auto; left:225px; top: 125px; z-index: -99;}

/* Force all text boxes and text areas to font-size small using .text to overcome default larger fonts in Firefox */
.textbox { font-size: small; }

a{ color: #CC0001; text-decoration: none; }
a:focus { color: #CC0001; text-decoration: underline; }

a:hover { color: #CC0001; text-decoration: underline; }

p { margin: 0px 0px 10px 0px; font-size: 120%; }
ul { font-size: 120%; list-style-type:square; }
hr { border: 1px solid #CCC; height:0px; }

#prop { min-height: 600px; } 

#wrapper { 	width: 1024px; margin-left:auto; margin-right:auto; padding:0px; text-align:left;  }

#topstrip { position:absolute; width:1024px; height:126px; left:0px; top: 0px; background-image: url('Images/headerbg.png'); background-position: right; background-repeat:no-repeat; }

h1 { margin: 5px 0px 10px 0px; color: #CC0001; font-family: verdana, arial, helvetica, sans-serif; background-color: Transparent;  font-size: 150%; font-weight: normal; } 
h2 { margin: 10px 0px 10px 0px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; vertical-align:middle;
	background-color: transparent; font-size: 150%; font-weight: normal; } 
h2 a { color: #000066;  }
h2 a:focus { color: #000066;  }
h2 a:selected { color: #000066;  }
h2 a:hover { color: #000066;  }
h6 { margin: 10px 0px 10px 0px; color: #D0D6F0; font-family: verdana, arial, helvetica, sans-serif; background-color: transparent; font-size: 24pt; font-weight:normal } 


h5 { margin: 10px 0px 10px 0px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; background-color: transparent; font-size: 110%; } 


h4 { margin: 10px 0px 10px 0px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; background-color: transparent; font-size: 110%; } 


h3 { margin: 10px 0px 10px 0px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; background-color: transparent; font-size: 110%; } 


#news h1 
{
    border-bottom-width: 1px;
    border-bottom-color: #CC0001;
    border-bottom-style: solid;
    font-size: 11pt;
    font-family: arial, helvetica, tahoma, sans-serif;
    padding-left: 5px;    
}

#news p
{
    font-size: 80%;
}


table{ /*	margin-left: 10px; margin-right: 10px;*/ }

/* TOPMENU */

.topmenuarea {
	margin: 0px;
	width: 248px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 213px;
	font-size: 120%;
	background-color: #16225E;
}
.topmenu a { color:White; }
.topmenu a:hover { color:White;}
.topmenu { padding: 0px; margin: 0px; }
.topmenu-normal {
	color: white;
	margin: 0px;
	padding: 10px 0px 10px 18px;
	height: auto;
	width: 248px;
	background-color: #D0D6F0;
	background-repeat: no-repeat;
	background-position: center;
	border-top: 0px solid #16225E;
	border-top-color: #16225E;
}
.topmenu-normal a { margin-left:0px; color: #16225E; background-image:none; }
.topmenu-normal a:hover { color: white; text-decoration: none;}
.topmenu-selected {
	margin: 0px;
	padding: 10px 0px 10px 18px;
	width: 248px;
	background-image: url('Images/arrow.png');
	background-color: #16225E;
	background-repeat: no-repeat;
	background-position: left;
	border-top: 0px solid #16225E;
	border-top-color: #16225E;
}
.topmenu-selected a { margin-left:0px; color: white; background-image:none; font-weight:bold}
.topmenu-selected a:hover { color: white; text-decoration: none;}
.topmenu-normal-safari { color: #D0D6F0; margin: 0px; width:248px; padding: 0px 0px 0px 20px; height:auto; }
.topmenu-normal-safari a { margin-left:0px; color: #D0D6F0; background-image:none; }
.topmenu-selected-safari { margin: 0px; padding : 0px 0px 0px 20px; background-image:url('Images/TriangleWhite.jpg'); background-repeat:no-repeat; background-position:left center; }
.topmenu-selected-safari a { margin-left:0px; color: #D0D6F0; background-image:none;}

#tagline {
	position: absolute;
	width: 248px;
	height: 85px;
	left: 0px;
	top: 128px;
}
#randomimagearea {
	margin: 0px;
	height: 85px;
	position : absolute;
	left: 248px;
	top: 128px;
	border: 0px;
	padding: 0px;
	background-color: #D0D6F0;
}


.content {
	border: 0px solid blue;
	width: 714px;
	position: absolute;
	left: 248px;
	top: 213px;
	padding: 20px 30px 20px 30px;
	background-color : white;
}
.contentarea { margin-right:15px; }

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

#listarea { margin-left: 0px; 	margin-right: 0px; }
#listarea p { margin-left: 0px; }

.listareaclass { margin-left: 0px; margin-right: 0px; }
.listareaclass p { margin-left: 0px; }

#header{ margin: 0px; height: 60px; border-top: 0px solid #000066;}

#header h6 { font-weight:bold; color: Yellow; } 

#header h5 { font-weight:bold; color: Yellow; } 

#header h4 { font-weight:bold; color: Yellow; } 

#header h3 { font-weight:bold; color: Yellow; } 

#header h2 { font-weight:bold; color: Yellow; } 

#header h1 { font-weight:bold; color: Yellow; } 
#header p { color: White; }

#footer { text-align: left; padding: 0px; color: #999; font-size: 80%; width: auto; margin:0px auto; margin-top:20px; }
#footer a{ color: #999; text-decoration: none; }
p a:focus { color: black; background-color: Transparent; text-decoration: underline; }

#footer a:hover { color: black; background-color: Transparent; text-decoration: underline; }

.fieldname { color: Gray; vertical-align: middle; }
.fieldname-top { color: Gray; vertical-align: text-top; }

.link { color: navy; text-decoration: none; text-align: center;} 
.link:focus { color: navy; background-color: Yellow; text-decoration: underline;  }

.link:hover { color: navy; background-color: Yellow; text-decoration: underline;  }

.yellow-link { color: yellow; text-decoration: none; text-align: center;} 
.yellow-link:focus { text-decoration: underline;  }

.yellow-link:hover { text-decoration: underline;  }

.disabledlink { color: gray; text-decoration: none; }
.disabledlink:focus { color: gray; text-decoration: none; }

.disabledlink:hover { color: gray; text-decoration: none; }

.white-link { color: white; text-decoration: none; background-color: Transparent; }
.white-link:focus { color: yellow; text-decoration: underline; background-color: Transparent; }

.white-link:hover { color: yellow; text-decoration: underline; background-color: Transparent; }

.green-link { color: white; text-decoration: none; background-color: red;}
.green-link:focus { color: yellow; text-decoration: underline; background-color: Purple;}

.green-link:hover { color: yellow; text-decoration: underline; background-color: Purple;}

.greenlink { color: orange; background-color: White; }

/* LOGIN BOX - the login control on the home page */

.loginbox-titletext { border: 1px solid white; padding: 6px; margin:0px; font-size: larger; color: white; background-color: #CC0001; font-weight: bold; }
.loginbox-button { background-color: whitesmoke; border: 1px solid silver; color:Black; padding:2px; padding-left:10px; padding-right: 10px; }
.loginbox-textbox { background-color: white; border: 1px solid silver; }
.loginbox { padding: 0px; margin:0px; }
.loginbox table { background-color:#CCC; border: 1px solid silver; padding: 0px; margin:0px; font-family: Verdana; border-collapse: collapse; }
.loginbox td { padding:0px; } 
.loginbox tr { padding:0px;  } 
.loginbox tr td { padding: 6px;   } 

/* LOGINSTATUS - the login status control */

#loginarea { color: white; float: right; display: inline; margin: 0px; margin-right: 10px; text-align: right;  }
#loginarea .link { color: black; text-decoration: none; background-color: Transparent; }
#loginarea .link:focus { background-color: Transparent;  color: yellow; text-decoration: underline; }
#loginarea .link:hover { background-color: Transparent;  color: yellow; text-decoration: underline; }
.loginstatus { margin: 0px; text-decoration: none; vertical-align:middle; }
loginstatus:focus { text-decoration: underline; background-color: Transparent; vertical-align:middle;}

.loginstatus:hover { text-decoration: underline; background-color: Transparent; vertical-align:middle;}

/* SITEMAP Styles for the SiteMap class which displays the navigation map at the top of the screen */

#sitemaparea { float: left; display: inline; margin: 0px; margin-left: 10px; visibility:hidden; }
.sitemap { color: White;}
.sitemapnode { font-weight: normal; color: yellow; }
.sitemap a { color:yellow; text-decoration: none; background-color:Transparent; }
.sitemap a:focus { color:yellow; background-color:Transparent; text-decoration: underline; }
.sitemap a:hover { color:yellow; background-color:Transparent; text-decoration: underline; }
.sitemapcurrentnode { }

/* Error Panel - used to show validate and server side errors on edit pages */

.error { color: Red; margin-top: 10px; margin-bottom: 10px; }
.errorpanel { width: 580px; color: Red; border: 1px solid red; background-color: #fffafa; padding: 4px; margin-bottom: 10px; }

.infopanel { color: Black; border: 1px solid Silver; background-color: whitesmoke; padding: 4px; margin-bottom: 10px; }


/* GRID VIEW - DEFAULT */

.gridview { border: #000066 0px solid; font-size:110%; }
.emptydata {  }
.emptydata td { padding: 6px; }
.listrow { 	}
.listrow td { padding: 4px; background-color: #F9F9FF; }
.listaltrow { padding: 4px; }
.listaltrow td { padding: 4px; background-color:whitesmoke; background-repeat: repeat-x; background-position: bottom; }
.listheader { color: White; }
.listheader th { padding: 4px; background-color: Navy; 	background-repeat: repeat-x; background-position: top; }
.listheader a{ color: White; text-decoration: none; }
.listheader a:focus { color:yellow; background-color: Transparent; text-decoration: underline; }
.listheader a:hover { color:yellow; background-color: Transparent; text-decoration: underline; }
.listpager { color:Goldenrod; font-size: 175%; font-weight: bold; background-color: white; }
.listpager a{ color: navy; text-decoration: underline; text-align: center; font-size: 60%; padding: 4px; }
.listpager a:focus { color: navy; background-color: yellow; }
.listpager a:hover { color: navy; background-color: yellow; }
.listpager td { padding-top: 5px; }
.listheader-plain { color: White; }
.listheader-plain th { padding: 4px; background-color: whitesmoke; background-repeat: repeat-x; background-position: top; }
.listheader-plain a{ color: Navy; text-decoration: none }
.listheader-plain a:focus { background-color: yellow; text-decoration: underline; }

.listheader-plain a:hover { background-color: yellow; text-decoration: underline; }

/*	TableListItem */

.tablelistsection { clear: both;}
.tablelistsection h2 { margin: 0px 0px 0px 10px; padding:0px; padding-top:10px; font-size: 130%; color: Navy; text-decoration: none;  }
.tablelistsection h3 { margin: 0px 0px 4px 0px;  font-size: 130%; color: Navy; text-decoration: none; display:inline;}
.tablelistsection h3 a { color: Navy; text-decoration: none; }
.tablelistitem h3 a:focus { 	color: Navy;  text-decoration: underline; }
.tablelistsection h3 a:hover { 	color: Navy;  text-decoration: underline; }
.tablelistitem { float: left; border: 1px solid #ddd; margin: 10px 0px 0px 10px; padding: 2px; background-color: white}
.tablelistitem-body { padding-left: 10px; }
.tablelistitem p { margin: 0px 0px 4px 0px; padding: 0px; }
.tablelisticon { text-decoration: none; } 
.tablelisticon a:hover{ background-color: White;	text-decoration: none; } 
.tablelisticon { vertical-align:top; }


/* MISC */

div.container { }
div.spacer { clear: both; }
div.float { float:left; }
div.float p { text-align: left; }

div.row { clear:both; padding-top:4px; }
div.row span.label { float:left; width:80px; text-align:right; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
div.row span.form { float: right;width: 150px; text-align:left; padding:0px; margin: 0px; }
div.row span.left { float: left; text-align: left; } 
div.row span.right { float: right; text-align: right; }

/* Used in the toolbar icons to pad away from the hyperlink to the right and not included a space in the link*/
.toolbar { margin-bottom: 16px;  background-color: Transparent;}
.toolbar img { vertical-align: middle; padding-right: 4px; }
.toolbar input { vertical-align: middle; padding-right: 4px; }
.toolbar p { vertical-align: middle; }
.toolbar a { vertical-align: middle; }
.toolbar a:hover { vertical-align: middle; }
.toolbar a:focus { vertical-align: middle; }
.toolbar a:hover img { vertical-align: middle; background-color: White; }
.toolbar a:focus img { vertical-align: middle; background-color: White; }
.toolbar span { vertical-align: middle; }

/* Styles for the RSS Feed Reader Control */

.rss { padding:4px; margin:0px; border:0px solid silver; }
.rss h1 { margin:0px; padding:0px; margin-bottom: 0px; font-weight: normal; }
.rss h1 a { }
.rss h1 a:focus {  }
.rss h1 a:hover {  }
.rss table { }
.rss tr { padding-top: 0px; }
.rss td {}
.rss h2 { margin:0px; padding:0px; font-size: small; font-weight: normal; }
.rss h2 a { }
.rss h2 a:focus { }
.rss h2 a:hover { }
.rss p { margin:0px; padding:0px; color:#555; margin-bottom: 10px; }
.rss p a {  }
.rss p a:focus {  }
.rss p a:hover {  }