@charset "utf-8";
/* CSS Document */

body { background:#3F3F3F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px auto; width:100%; padding:0px 0px 0px 0px; }

#header { height:100px; background:#FFffff;}
#header img { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#outsidearea {width:960px; height:800px; margin:0px auto; padding:0px 0px 0px 0px; background:#FFFFFF;  }

#topnav { height:40px; background:#999999;}
#topnav ul { }
#topnav li { float:left; list-style:none; padding:14px 50px 0px 0px; }
#topnav img{ border:none;}
#topnav li a { background-image:url(../images/navigationa.png); background-repeat:no-repeat; display:block; float:left; height:30px; text-indent:-900em; position:relative; z-index: 1;}
#topnav li a.home { background-position:left top; width:63px;}
#topnav li a.home:hover { background-position: left -30px;}
#topnav li a.location { background-position: -63px top; width:120px;  }
#topnav li a.location:hover { background-position:-65px -30px;}
#topnav li a.about {background-position: -195px top; width:120px;}
#topnav li a.about:hover {background-position: -195px -30px; }
#topnav li a.faq {background-position: -325px top; width:60px;}
#topnav li a.faq:hover {background-position: -325px -30px; }
#topnav li a.contact {background-position: -410px top; width:100px;}
#topnav li a.contact:hover {background-position: -410px -30px; }
#topnav li a.jermyn {background-position: -530px top; width:150px;}
#topnav li a.jermyn:hover {background-position: -530px -30px; }

#topnav a { font-weight: bold;color:#333333; text-decoration: none; }
#topnav a:hover { position:absolute 0px -30px ; }


#top { width: 500px; margin: 20px 0px 0px 20px;}
#top h1 { background:#8DB5D6; color:#FFFFFF; font-size:14px; padding:5px 0px 5px 5px;}
#top h2 { font-size:14px; font-weight:normal; color:#333333; text-align:justify; padding:5px 0px 5px 5px;}
#top p{ color:#333333; padding:5px 5px 5px 5px;}
#top .quote { color:#626262; font-stretch:expanded; text-align:justify;}
#top img {position:relative; z-index: 1; border:none;}
#top ul {color:#333333; font-weight:normal;}
#top li { list-style:none; padding:5px 0px 0px 0px;}



#middle {width: 500px; margin: 0px 0px 0px 20px;}
#middle h1 { background:#980023; color:#FFFFFF; font-size:14px; padding:5px 0px 5px 5px;}
#middle h3 { font-size:12px; font-weight:bold; padding:0px 0px 0px 0px; color:#333333;}
#middle p{ color:#333333; padding:0px 0px 3px 3px;}
#middle ul {color:#333333; font-weight:normal;}
#middle li { list-style:none; padding:5px 0px 0px 0px;}
#middle a{	text-decoration:none;	color:#3F7DB1;}
#middle a:hover { color:#980023;}


#bottom {height:100px; margin: 0px 0px 0px 20px; padding:5px 0px 0px 0px;}
#bottom p{ color:#333333; padding:5px 5px 5px 5px;}

#form { width: 600px; margin: 20px 0px 0px 60px;}
#form h1{ background:#980023; font-size:12px; padding:5px 5px 5px 5px; font-weight:normal;}
#form h2{ color:#980023; font-size:12px; padding:5px 5px 5px 5px; font-weight:normal;}
#form p{ color:#333333; padding:5px 5px 5px 5px;}

#action { background:#980023; position:absolute; height:130px; width:250px; margin: 0px 0px 0px 0px; font-size:12px; padding:0px 0px 0px 0px;}
#action a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
#action ul {color:#FFFFFF; font-weight:bold;}
#action li { list-style:none; padding:10px 20px 0px 5px;}
#action li a { background-image:url(../images/sidebar.png); background-repeat:no-repeat; display:block; height:100px; height:25px; text-indent:-900em; position:relative; z-index: 1;}
#action li a.viewing { background-position:left top; width:170px;}
#action li a.viewing:hover { background-position:-215px top;}
#action li a.brochure { background-position:left -30px; width:170px;} 
#action li a.brochure:hover { background-position:-215px -30px;}
#action li a.book { background-position:left -60px; width:170px;} 
#action li a.book:hover { background-position:-210px -60px;}

#info { background:#ffffff; position:absolute; height:200px; width:250px; margin: 150px 0px 0px 0px; font-size:12px;}
#info h1 { background:#980023; color:#FFFFFF; font-size:14px; padding:5px 0px 5px 5px;}
#info h2 { background:#8DB5D6; color:#FFFFFF; font-size:14px; padding:5px 0px 5px 5px;}
#info p{ padding:0px 0px 0px 5px;}
#info a { color:#333333; text-decoration:none;}
#info ul {color:#FFFFFF; font-weight:bold;}
#info li { list-style:none; padding:15px 20px 0px 5px;}
#info img{ border:none;}


#leftcontainer {position:absolute; margin:0px 0px 0px 30px; width: 600px;}

#rightcontainer { position:absolute; margin:20px 0px 0px 680px;}

#rightcontainera { position:absolute; margin:-620px 0px 0px 680px;}
#rightcontainerb { position:absolute; margin:-550px 0px 0px 680px;}
#rightcontainerc { position:absolute; margin:-645px 0px 0px 680px;}



#footer { font-size:10px; padding:10px 0px 10px 0px; text-align:center;}
#footer p { padding:0px 0px 0px 0px;}

#footera { margin: 600px 0px 0px 0px;  font-size:10px; padding:10px 0px 10px 0px; text-align:center;}
#footera p { padding:0px 0px 0px 0px;}