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

.main_container {
	width: 955px;
	background-image: url(../images/main_bg_05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.footer {
	position: relative;
	clear: left;
	color: #666666;
	text-decoration: none;
	text-align: right;
	line-height: 25px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#lg_img   {
	width: 255px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	padding: 3px;
	height: 175px;
}
#lg_img    img    {
	width: 100%;
}
.content {
	clear: left;
	position: relative;
}
.content_video {
	clear: left;
	position: relative;
	background-image: url(../images/vid_bkgnd.jpg);
}
.generic_bodytext {
	padding-right: 25px;
	padding-left: 25px;
	margin: 0px;
}
.static_menu {
	text-align: right;
	padding-right: 15px;
	line-height: 25px;
	margin-top: -15px;
	margin-bottom: 15px;
}
.main_container .content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Sarnia Bay Marina</title>  <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/effects.js"></script> <script type="text/javascript" src="js/lightbox.js"></script>    <link href="css/sarniabay.css" rel="stylesheet" type="text/css" />  <link href="css/lightbox.css" rel="stylesheet" type="text/css" />  </head> <body>  <div class="main_container">  This tag is closed in inc/end.php <div class="home_button"><a href='index.php'><img src='images/trans.gif' border="0"/></a></div> <div class='static_menu'><a href='index.php'>HOME</a> | <a href='http://www.tourismsarnialambton.com/' target='_blank' >Explore Sarnia/Point Edward</a> | <a href='maps.php'>Map &amp; Directions</a> | <a href='contact.php'>Reservations</a> | <a href='gallery.php'>Photo Gallery</a></div><div class='menu_container'><a href='index.php?page_id=30'>ABOUT US</a><a href='index.php?page_id=31'>SERVICES & AMENITIES</a><a href='index.php?page_id=32'>CALENDAR OF EVENTS</a><a href='index.php?page_id=33'>AREA ATTRACTIONS</a><a href='index.php?page_id=38'>MEDIA</a><a href='index.php?page_id=35'>SPECIALS & PACKAGES</a><a href='index.php?page_id=37'>MEMBERSHIPS</a><a href='index.php?page_id=39'>CONTACT US</a></div><div class='content'><div class='content'>  <img src="images/SBM-Skyline.jpg" width="955" height="301" style="margin-bottom:10px;">   <h1>HOME</h1>  <span id='column1'><h3>Welcome to Sarnia Bay Marina</h3> <img src="images/Seasonals11.jpg" alt="" width="132" height="98" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span> <span id='column1'> <h3>We are here to Serve Your Boating needs!</h3> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et doloremagna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p></p> </span>  <span id='column1'>  start weather embed  	<iframe marginheight="0" marginwidth="0" name="wxButtonFrame" id="wxButtonFrame" height="90" src="http://btn.weather.ca/weatherbuttons/template5.php?placeCode=CAON0601&category0=Cities&containerWidth=150&btnNo=&backgroundColor=blue&multipleCity=0&citySearch=0&celsiusF=C" align="top" frameborder="0" width="150" scrolling="no"></iframe>  end weather embed  </span> <div align="right" style="margin-top:30px; margin-right:55px;"><a href='index.php?page_id=32'><img src="images/events_.jpg" alt="Events" border='0' /></a><a href='maps.php'><img src="images/directions_.jpg" alt="" width="205" height="114" border='0' /><a href='contact.php'><img src="images/reservation_button.jpg" border='0' /></a></div> </div><div class='tagline'>Your Complete Boating Solution</div></div><div class='footer'>   All content &copy 2005-2008 Sarnia Bay Marina All rights reserved. </div>  Close footer Container </div> Close main Container  </body> </html>;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 35px;
	float: left;
	line-height: 25px;
	display: block;
	color: #7C1315;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.main_container .content_video h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Sarnia Bay Marina</title>  <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/effects.js"></script> <script type="text/javascript" src="js/lightbox.js"></script>    <link href="css/sarniabay.css" rel="stylesheet" type="text/css" />  <link href="css/lightbox.css" rel="stylesheet" type="text/css" />  </head> <body>  <div class="main_container">  This tag is closed in inc/end.php <div class="home_button"><a href='index.php'><img src='images/trans.gif' border="0"/></a></div> <div class='static_menu'><a href='index.php'>HOME</a> | <a href='http://www.tourismsarnialambton.com/' target='_blank' >Explore Sarnia/Point Edward</a> | <a href='maps.php'>Map &amp; Directions</a> | <a href='contact.php'>Reservations</a> | <a href='gallery.php'>Photo Gallery</a></div><div class='menu_container'><a href='index.php?page_id=30'>ABOUT US</a><a href='index.php?page_id=31'>SERVICES & AMENITIES</a><a href='index.php?page_id=32'>CALENDAR OF EVENTS</a><a href='index.php?page_id=33'>AREA ATTRACTIONS</a><a href='index.php?page_id=38'>MEDIA</a><a href='index.php?page_id=35'>SPECIALS & PACKAGES</a><a href='index.php?page_id=37'>MEMBERSHIPS</a><a href='index.php?page_id=39'>CONTACT US</a></div><div class='content'><div class='content'>  <img src="images/SBM-Skyline.jpg" width="955" height="301" style="margin-bottom:10px;">   <h1>HOME</h1>  <span id='column1'><h3>Welcome to Sarnia Bay Marina</h3> <img src="images/Seasonals11.jpg" alt="" width="132" height="98" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span> <span id='column1'> <h3>We are here to Serve Your Boating needs!</h3> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et doloremagna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p></p> </span>  <span id='column1'>  start weather embed  	<iframe marginheight="0" marginwidth="0" name="wxButtonFrame" id="wxButtonFrame" height="90" src="http://btn.weather.ca/weatherbuttons/template5.php?placeCode=CAON0601&category0=Cities&containerWidth=150&btnNo=&backgroundColor=blue&multipleCity=0&citySearch=0&celsiusF=C" align="top" frameborder="0" width="150" scrolling="no"></iframe>  end weather embed  </span> <div align="right" style="margin-top:30px; margin-right:55px;"><a href='index.php?page_id=32'><img src="images/events_.jpg" alt="Events" border='0' /></a><a href='maps.php'><img src="images/directions_.jpg" alt="" width="205" height="114" border='0' /><a href='contact.php'><img src="images/reservation_button.jpg" border='0' /></a></div> </div><div class='tagline'>Your Complete Boating Solution</div></div><div class='footer'>   All content &copy 2005-2008 Sarnia Bay Marina All rights reserved. </div>  Close footer Container </div> Close main Container  </body> </html>;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 35px;
	float: left;
	line-height: 25px;
	display: block;
	color: #7C1315;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.content  .ps4 {
	padding-left: 35px;
	float: left;
	margin-top: 15px;
	display: block;
	text-align: justify;
}
.content #column1 {
	clear: left;
	width: 600px;
	display: block;
	padding-left: 35px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 10px;
	padding-bottom: 15px;
	text-align: justify;
}
.content #column1 img {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tagline {
	font-family: "Times New Roman", Times, serif;
	color: #63909A;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	position: relative;
	clear: left;
	margin-top: 20px;
	padding-top: 25px;
}
.content #column2 {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
}
.main_container .content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #63909A;
	line-height: 25px;
	margin: 0px;
	height: 25px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-style: italic;
	font-weight: lighter;
}
.menu_container {
	margin-bottom: 15px;
	position: relative;
	height: 50px;
	width: 955px;
}
.main_container .content h3 {
	color: #D45E29;
	font-size: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	clear: left;
	font-weight: lighter;
}
.main_container .content p {
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.sub_nav_container {
	clear: left;
	line-height: 24px;
	padding-right: 10px;
	padding-left: 35px;
	padding-bottom: 0px;
	height: 28px;
	font-size: 14px;
	color: #666666;
	background-image: url(../images/sub_nav_bg02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.sub_nav_container a {
	color: #003366;
	font-weight: bold;
}
.menu_container a {
	text-decoration: none;
	color: #660000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	width: 238px;
	display: block;
	text-align: center;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	float: left;
	font-weight: bold;
}
.user_form p {
	float: left;
	width: 200px;
	text-align: right;
	display: block;
	height: 25px;
	line-height: 25px;
}
.user_form input {
	margin: 7px;
}
.user_form {
	width: 525px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.user_form select {
	margin: 5px;
	width: 250px;
}
.user_form textarea {
	margin: 5px;
}
.menu_container a:hover {
	color: #63909A;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.static_menu a {
	color: #333333;
	font-size: 14px;
	text-decoration: none;
}
.static_menu a:hover {
	color: #000000;
	text-decoration: underline;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #996600;
	text-decoration: none;
}
.admin_controls {
	background-color: #999999;
	border: 5px solid #ffffff;
	width: 325px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.admin_container {
	width: 955px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.admin_container  span {
	display: block;
	height: 48px;
	width: 136px;
	background-image: url(../images/admin_button_bg.jpg);
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-size: 14px;
	float: left;
	margin-right:1px;
}
.admin_controls input {
	margin: 2px;
}
.admin_controls a {
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	display: block;
	line-height: 20px;
	padding: 2px;
	margin: 5px;
}
.admin_controls form {
	padding: 5px;
	margin: 5px;
	border: 1px dotted #000000;
	background-color: #666666;
}
.admin_controls a:hover {
	text-decoration: none;
	background-color: #333333;
	color: #FFCC00;
	display: block;
	line-height: 20px;
	padding: 2px;
	margin: 5px;
}
.sub_nav_img_placeholder {
	background-color: #DBE9FF;
	height: 75px;
	width: 925px;
	display: block;
	padding: 15px;
}
#lg_img   #img_clip   {
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.content .ps3 {
	padding-left: 35px;
	float: left;
	margin-top: 15px;
	width: 755px;
	text-align: justify;
}
#sm_img   img   {
	width: 100%;
}
#sm_img  {
	width: 125px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	padding: 3px;
	height: 90px;
	margin-left: 10px;
}
#sm_img #img_clip {
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.sub_nav_container a:hover {
	color: #000000;
	text-decoration: underline;
}
.user_form span {
	display: block;
	width: 525px;
	clear: left;
}
.home_button {
	height: 135px;
	width: 210px;
}
#sm_img2 img {
	width: 100%;
}
#sm_img2 {
	width: 145px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	padding: 3px;
	height: 110px;
	margin-left: 10px;
}
#sm_img2 #img_clip {
	overflow: hidden;
	height: 100%;
	width: 100%;
}