html, body, form
{
    height: 100%;
    margin:0;
    padding:0;
}
body 
{
    background-color: #fff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    font:12px Arial, Helvetica, sans-serif;
    color: #fff;
}
img
{
    border: 0;
}
td
{
    font-size: 12px;
}
a
{
    color: White;
}
#outercontainer
{
    height: 100%;
    width: 100%;
    background-image: url(../images/Mingara/OuterContainerBg.png);
    background-repeat: repeat-x;
}
/* MAIN STRUCTURE start */
#container {
width:1000px;
height:768px;
margin:auto;
}
#leftskyscraper
{
    float: left;
    width: 120px;
    margin: 0 18px 0 9px;
}
#sitecontainer
{
    float: left;
    width:706px;
}
#rightskyscraper
{
    float: left;
    width: 120px;
    margin: 0 9px 0 18px;
}
#innercontainer {
width:706px;
}

#innercontainer2 {
float:left;
width:706px;
}

#header {
width:706px;
height: 154px;
padding:0;
margin:0;
float:right;
position: relative;
}

#header img.logo {
float:left;
width:126px;
padding-bottom:0px;
}

#header div#search {
float:left;
/*width:196px;*/
margin-top: 42px;
margin-left:365px;
}
#header div#search a, #header div#search img
{
    padding: 0;
    margin: 0;
}
#header div#search input.searchtext
{
    font:13px Arial, Helvetica, sans-serif;
    margin: 0 0 1px 0;
    padding: 0;
}

#header img.phone 
{
    float: right;
    margin-top: 9px;
    margin-right: 9px;
}


/* MAIN STRUCTURE end */

/* MAIN ELEMENTS start */

#content p {
padding:0;
margin:0 0 10px;
}

/* MAIN ELEMENTS end */


/* HEADER ELEMENTS and MAIN NAVIGATION MENU start */

#navcontainer {
position:absolute;
z-index:2;
left: 126px;
top: 101px;
height: 62px;
}

ul#navmenu {
display:block;
list-style-type:none;
overflow:hidden;
width:727px;
margin:0px;
padding: 0;
}

ul#navmenu li {
display:inline;
margin:0;
padding:0;
float:left;
}

ul#navmenu li a {
display:block;
height:25px;
background-color:#999999;
color:#fff;
text-decoration:none;
padding:5px 0;
margin:0;
}

ul#navmenu li a:hover {
background-color:#fff;
}

ul#navmenu li a:hover#yourclub, ul#navmenu li a:hover#relaxingbenefits, ul#navmenu li a:hover#relaxingfood, ul#navmenu li a:hover#relaxingfood,
ul#navmenu li a:hover#relaxingentertainment, ul#navmenu li a:hover#relaxingevents, ul#navmenu li a:hover#communitylife, ul#navmenu li a:hover#contacts,  ul#navmenu li a:hover#space
{
background-position:bottom ;
}

ul#navmenu li a#yourclub {
background:transparent url(../images/Westport/yourclub.gif) top no-repeat;
width:77px;
}

ul#navmenu li a#relaxingbenefits {
background:transparent url(../images/Westport/relaxingbenefits.gif) top no-repeat;
width:78px;
}

ul#navmenu li a#relaxingfood {
background:transparent url(../images/Westport/relaxingfood.gif) top no-repeat;
width:70px;
}

ul#navmenu li a#relaxingentertainment {
background:transparent url(../images/Westport/relaxingentertainment.gif) top no-repeat;
width:118px;
}

ul#navmenu li a#relaxingevents {
background:transparent url(../images/Westport/relaxingevents.gif) top no-repeat;
width:72px;
}

ul#navmenu li a#communitylife {
background:transparent url(../images/Westport/communitylife.gif) top no-repeat;
width:90px;
}

ul#navmenu li a#contacts {
background:transparent url(../images/Westport/contactus.gif) top no-repeat;
width:80px;
}

ul#navmenu li a#space {
background:transparent url(../images/Westport/bn_space.gif) top no-repeat;
width:142px;
}

/* HEADER ELEMENTS and MAIN NAVIGATION MENU end */

.description_container {
clear:both;
width:648px;
height:50px;
margin-left:38px;
margin-top:8px;
}

.description {
width:150px;
height:50px;
float:left;
font-size:12px;
margin-bottom:4px;
color:#fff;
margin-top: 10px;	
margin-left:7px;
margin-right: 12px;
}

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

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

.heading {
font-size:14px;
font-weight:bold;
margin-bottom:4px;
color:#fff;
}

.venue {
font-size:10px;
margin-bottom:4px;
color:#fff;
}


/* PHOTO GALLERY end */

/* FOOTER ELEMENTS start */


#footercontainer {
width:668px;
height:56px;
background-image:url(../images/Mingara/BlueTrans.png);
color:#fff;
padding-left: 38px;
margin-bottom:8px;
}

#footer {
float:left;
font-size:9px;
color:#fff;
float:left;
width:460px;
padding-left:0px;
padding-top:6px;
}

#footer a {
color:#fff;
font-size:10px;
text-decoration:none;
}

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

#footer ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#footer ul li {
float:left;
display:block;
border-right:1px solid #fff;
padding:0px 5px 0px 0px;
margin:0px;
}

#footer ul li.last {
border-right:0 none;
}

#iconcontainer {
width: 200px;
height: 40px;
float:right;
padding-top:10px;
}

#iconcontainer img.icon {
padding-left:1px;
padding-right:1px;
}

/* FOOTER ELEMENTS end */


/* OTHER ELEMENTS start */

.siteby {
width:294px;
color:#fff;
font-size:11px;
text-decoration:none;
float:right;
padding:0px 12px 0px 400px;
}

.siteby a {
color:#fff;
text-decoration:none;
}

.siteby a:hover {
color:#fff;
text-decoration:underline;
}

.hidden {
display:none;
}
/* OTHER ELEMENTS end */

/*Content Page*/

#contentOuterContainer
{
    clear:both;
    margin-top:67px;
    margin-bottom: 6px;
    position: relative;
}
#contentSubNavBar
{
    height:26px;
}
#contentMainPanel
{
    background-image:url(../images/Mingara/BlueTrans.png);
    clear: both;
    padding: 13px 13px 40px 13px;
}
.articleLargeImage_articls
{
    float: left;
    background-image: url(../images/black50opacity.png);
    padding: 8px;
    width: 201px;
    height: 323px;
    overflow-y: auto;
}
.articleLargeImage_image
{
    margin-left: 13px;
    float: left;
    background-image: url(../images/black50opacity.png);
    text-align: center;
    padding: 3px;
    width: 444px;
    height: 333px;
}
.subNavInnerContainer
{
    min-height: 26px;
    float: right;
}
div.subNavButton, div.subNavButtonActive, div.subNavFacebookLike
{
    float: left;
    padding: 0;
    margin: 0;
}
div.subNavFacebookLike
{
    height: 24px;
    padding-top: 2px;
    padding-left: 3px;
    background-image:url(../images/LightGrey83Opacity.png);
}
div.subNavButton a, div.subNavButtonActive a
{
    display: block;
    height: 14px;
    padding: 6px;
    border-left: solid 1px white;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
div.subNavButton a
{
    background-image:url(../images/LightGrey83Opacity.png);
    color: Black;
}
div.subNavButtonActive a, div.subNavButton a:hover
{
    background-image:url(../images/Black68Opacity.png);
    color: White;
}
div.photoGalleryContainer
{
    margin: 11px 11px 0 11px;
}
div.photoGalleryMainLeftPanel
{
    float: left;
    padding-right: 5px;
    width: 182px;
    height: 366px;
    position: relative;
}
div.photoGalleryLeftScrollingPamel
{
    width: 177px;
    height: 300px;
    overflow-y: auto;
}
div.photoGalleryLeftGalleryTitle
{
    width: 177px;
    position: absolute;
    left: 0px;
    bottom: 10px;
}
div.photoGalleryMainRightPanel
{
    float: left;
    width: 461px;
    height: 346px;
    border: solid 5px white;
}
div.photoGalleryThumbnailContainer
{
    position: relative;
    clear: both;
}
div.gallery_button_previous
{
    position: absolute;
    top: 35px;
    left: -8px;
}
div.gallery_button_next
{
    position: absolute;
    top: 35px;
    right: -6px;
}
div.gallery_menu_item
{
    margin-top: 5px;
}
#promo-scroll-container
{
    clear:both;
    height:183px;
    background-image:url(../images/Mingara/BlueTrans.png);
    margin-bottom: 6px;
    overflow:hidden;
}
a.button_previous 
{
    display: block;
    width:13px;
    background:transparent url(../images/gallery_arrow_left.gif) no-repeat left top;
    margin:52px 8px 0 10px;
    text-decoration: none;
}
a.button_next
{
    display: block;
    width:13px;
    background:transparent url(../images/gallery_arrow_right.gif) no-repeat left top;
    margin:52px 11px 0 3px;
    text-decoration: none;
}
input.text
{
    font:13px Arial, Helvetica, sans-serif;
    margin: 0 0 8px 0;
    padding: 0;
    border-color: White;
    border-style: inset;
}

/* Content Usable Styles */
.MainHeading
{
    font-size: 150%;
    font-weight: bold;
}
.SubHeading
{
}
.SmallHeading
{
    font-size: 120%;
}
a.SmallHeading
{
    text-decoration: none;
}
a.SmallHeading:hover
{
    text-decoration: underline;
}
.red
{
    color: Red;
}
.bold
{
    font-weight: bold;
}