/* CSS Document */

body, html .default{
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/* body style for homepage only */
body, html .homepage{
	background-image: url(images/background_hp.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/* contains all website sections */
.container{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

/*-----------------------------------------------------------*/

/* HEADER */
#header{
	width: 800px;
	height: 151px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

/*-----------------------------------------------------------*/

/* CONTENT (holds content) */
#content{
	width: 800px;
	height: 415px;
	padding-top: 14px;
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
	text-align: left;
	clear: both;
}

/* content style for homepage only */
#content-hp{
	width: 800px;
	height: 415px;
	padding-top: 14px;
	background-image: url(images/content_bg_hp.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}

/*-----------------------------------------------------------*/

/* NAVIGATION MENU */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:140px; height:150px; position:relative; margin:0px; font-size:11px; margin:15px 0px; padding-left: 37px; float:left;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#00ffff; width:140px; height:20px; text-align:left; line-height:19px; font-size:12px; font-weight:bold;}
.menu ul {padding:0px; margin:0px;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ff0000;}
.menu ul li:hover ul {display:block; position:absolute; top:0px; left:140px; width:180px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#3398cc; color:#ffffff; width:210px; padding-left: 3px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0px; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {color:#ff0000;}

/*-----------------------------------------------------------*/

/*PAGE CONTENT*/
#page-content{
	width: 595px;
	padding: 0px 0px 5px 0px;
	margin: 15px 0px 0px 0px;
	background-color: #006699;
	float: right;
}

/*-----------------------------------------------------------*/

/* FOOTER */
#footer{
	width: 800px;
	clear: both;
	margin: 1px 0px 0px 0px;
	padding: 0px;
}

#footer p{
	font-family:"Arial Narrow", Arial, Helvetica, SansSerif;
	color: #0033ff;
	font-size: 13px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

#footer a{
	color: #0033ff;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

/*-----------------------------------------------------------*/

/* GENERAL HTML PROPERTIES */
a{
	text-decoration: underline;
	color: #FFFFFF;
}

a:hover{
	text-decoration: none;
}

a.city{
	text-decoration: none;
	color: #FFFFFF;
}

a.city:hover{
	text-decoration: underline;
}

p{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 110%;
	color: #FFFFFF;
	padding: 0px 15px 15px 15px;
	margin: 0px;
}

p.small{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 110%;
	color: #FFFFFF;
	padding: 0px 10px 15px 15px;
	margin: 0px;
}

p.smaller{
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 100%;
	color: #FFFFFF;
	padding: 0px 4px 2px 2px;
	margin: 0px;
}

h1.orange{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #cc9933;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.yellow{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #ffcc33;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.lightBlue{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #99ccff;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.lightGray{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #cccccc;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.lightGreen{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	margin-left: 3px;
	color: #99cc00;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.lightBrown{
	padding: 0px 0px 0px 12px;
	margin: 0px;
	margin-left: 3px;
	color: #cccc99;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.lightPurple{
	padding: 0px 0px 0px 12px;
	margin: 0px;
	margin-left: 3px;
	color: #9999cc;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.lightPink{
	padding: 0px 0px 0px 12px;
	margin: 0px;
	margin-left: 3px;
	color: #ffcccc;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h1.lightGreenSmall{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #99cc00;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h2{
	padding: 0px 0px 0px 15px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

h3.lightPurple{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #9999cc;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h3.lightBlue{
	padding: 0px 15px 0px 15px;
	margin: 0px;
	color: #99ccff;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h3.lightPurple a{
	text-decoration: underline;
	color: #9999cc;
}

ul.defaultList{
	padding: 0px;
	margin: 0px;
	font-family: "Arial Narrow", Arial, Helvetica, SansSerif;
	font-size: 14px;
	list-style-position: inside;
	line-height: 100%;
}

ul.defaultList li{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

* html ul.defaultList{
	padding: 0px;
	margin: 0px;
	font-family: "Arial Narrow", Arial, Helvetica, SansSerif;
	font-size: 12px;
	list-style-position: inside;
	line-height: 100%;
}

* html ul.defaultList li{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}.default .container #content #page-content p {
	font-size: 12px;
}