body { margin: 0px; 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:hover, a:focus { 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:0px; padding: 0px; text-align:left;  }

#topstrip { position:absolute; width:1024px; height:126px; left:0px; top: 0px; }

h1 { margin: 5px 0px 10px 0px; color: #CC0001; font-family: verdana, arial, helvetica, sans-serif; background-color: Transparent;  font-size: 250%; 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:hover, h2 a:selected, h2 a:focus { color: #000066;  }
h3, h4, h5, h6 { margin: 10px 0px 10px 0px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; background-color: transparent; font-size: 110%; } 

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: #cc0001; }
.topmenu a { color:White; }
.topmenu a:hover { color:White; }
.topmenu { padding: 0px; margin: 0px; }
.topmenu-normal { color: white; margin: 0px; padding: 10px 0px 10px 20px; height:auto; width:248px;
	background-color: #A30001; background-repeat: no-repeat;  background-position:center; border-top:2px solid #8f0201; }
.topmenu-normal a { margin-left:0px; color: white; background-image:none; }
.topmenu-selected { margin: 0px; padding : 10px 0px 10px 20px; width:248px; background-image:url('Images/TriangleWhite.jpg'); 
	background-color: #CC0001; background-repeat: no-repeat;  background-position:left; border-top:2px solid #A30001; }
.topmenu-selected a { margin-left:0px; color: white; background-image:none;}
.topmenu-normal-safari { color: white; margin: 0px; width:248px; padding: 0px 0px 0px 20px; height:auto; }
.topmenu-normal-safari a { margin-left:0px; color: white; 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: white; background-image:none;}

#tagline { position:absolute; width:248px; height:85px; left:0px; top: 128px; background-color: #000066; }

#randomimagearea { margin: 0px; width:774px; height:85px; position :absolute; left:248px; top:128px; border:0px; padding:0px; }

#fastlinksarea { margin: 0px; width:174px; position:absolute; left:850px; top:230px; font-size:120%; background-color:white; 
	text-align:center; border:0px; }
#fastlinksarea img { border:0px; padding-bottom:10px; }

.content { border: 0px solid blue; width:540px; position:absolute; left:248px; top:213px; padding: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 h1, #header h2, #header h3, #header h4, #header h5, #header h6 { 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; }
#footer a:hover, p a:focus { 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:hover, .link:focus { color: navy; background-color: Yellow; text-decoration: underline;  }

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

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

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

.green-link { color: white; text-decoration: none; background-color: red;}
.green-link:hover, .green-link:focus { 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:hover, #loginarea .link:focus { background-color: Transparent;  color: yellow; text-decoration: underline; }
.loginstatus { margin: 0px; text-decoration: none; vertical-align:middle; }
.loginstatus:hover, loginstatus:focus { 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:hover, .sitemap a:focus { 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:hover, .listheader a:focus { 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:hover, .listpager a:focus { 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:hover, .listheader-plain a:focus { 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; }
.tablelistsection h3 a:hover, .tablelistitem h3 a:focus { 	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:hover, .rss h1 a:focus {  }
.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:hover, .rss h2 a:focus { }
.rss p { margin:0px; padding:0px; color:#555; margin-bottom: 10px; }
.rss p a {  }
.rss p a:hover, .rss p a:focus {  }