/* MAIN SHEETS */
@import "reset.css";
@import "common.css";
@import "navigation.css";
@import "contentStyles.css";
/* MODULES */

/*  ADD INTO pages/calendar/events

<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">
    <link id="Link1" rel="stylesheet" runat="server" type="text/css" href="/css/events.css" media="screen,print,projection" />    
</asp:Content>
*/

/* GENERIC SHEETS */
@import "form.css";
@import "widgets.css";
@import "share.css";
@import "quicklinks.css";

/** DELETE ALL THIS **/

/** LAYOUT **/
				
	body {
        padding:20px 0 20px 0;
        position:relative;
        color: #666666;	
        font-size: 12px;
	}
	
    #outerWrapper {
        float:none;
        width:990px;
        max-width:990px;
        min-width:770px;
        overflow:hidden;
        margin:0 auto;
    }
    
    #wrapper {
        float:left;
        width:990px;
        max-width:990px;
        min-width:770px;
        overflow:hidden;
        margin:0 auto;
    }
    
    #wrapper div { float: left; }
    
    #header {
        width:990px;
        display: block;
        margin-bottom: 10px;
    }
    
    #header a {
		width: 403px;
		margin:0px 0px 0px 280px;
	}
    
    #headerImage {
		margin-top: 5px;
    }
    
    #innerHeaderImage {
        position: relative;
    }
    
    #innerHeaderImage .imageCaption {
        font-size: 26px;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        top: 125px;
        left: 5px;
        padding-bottom: 42px;
        padding-left: 25px;
        background: url(../images/headerImageCaption.png) bottom left no-repeat;
        width: 500px;
    }
    
    #breadcrumb {
		padding-top: 10px;
		padding-bottom: 20px;
		float: left;
		width: 450px;
		margin-left: 90px;
		display: inline;
    }
    
    #breadcrumb li {
		width: auto;
		display: inline;
		float: left;
		padding-right: 10px;
    }
    
    #breadcrumb li a {
		background: transparent url(../images/nav/rightArrow.gif) no-repeat  right 2px;
		padding: 2px 22px 2px 0;
		color: #666666;
		text-transform: uppercase;
    }
    
    #breadcrumb li a:hover {
		color: #73CEF0;
    }
    
    #breadcrumb li span {
		padding: 2px 0px 2px 0;
		color: #7f7f7f;
		text-transform: uppercase;
    }
        
    #content {
		width: 810px; 
		background: url(../images/contentSurround.gif) bottom center no-repeat; 
		margin: 18px 90px 18px;
		padding-bottom: 10px;   
		display: inline;
    }
    
    #leftCol { width: 515px; padding: 10px 10px 10px 90px; }
    
    #rightCol { width: 345px; padding: 10px 0 10px 30px; }
    
    #rightCol { color: #299DBE; }
    
    #content { width: 810px; }
    
    #content #childLister {
		width: 100%;
		margin-left: 0;
    }
    
    #content #childLister {
		margin-top: 20px;
    }
    
    #childLister li {
		width: 181px;
		margin: 0 21px 18px 0px;
		list-style-type: none;
		float: left;
    }
    
    #childLister li a {
		float: left;
		text-decoration: none;
		color: #299DBE;
    }
    
    #childLister li a img { float: left; }
    
    #childLister li a span.label {
		background: #ecf2f7;
		width: 167px;
		padding: 5px 7px;
		display: block;
		text-transform: uppercase;
		float: left;
    }
    
    #childLister li a:hover span.label {
		background: #d8eaf5;
    }
    
    #childLister li a span.title {
		float: left;
		width: auto;
    }
    
    #childLister li a span.arrow {
		float: right;
		width: auto;
    }
    
    #childLister li a span.cufon {
		display: inline;
		width: auto;
		padding: 0;
		float: left;
    }
    
    #childLister li a span.cufon-alt {
		padding: 0;
    }
    
    #newsArea {
		
    }
    
    #rightCol a.resortNewsLink { width: 140px; color: #7f7f7f; }
    
    #rightCol #latestNews {  }
    
    #rightCol #latestNews p { padding: 0; }
    
    #footerContainer {
		margin: 0 auto;
		width: 990px;
    }
    
    #footer {
		width:990px;
        clear:both;
        background: url(../images/footerBg.gif) top left no-repeat;
        float: left;
        text-transform: uppercase;
        color: #000;
    }
    
    #footer p.right {
		float:right;
		padding-bottom:0px;
		padding-right:10px;
		padding-top:54px;
		text-align:right;
		width:288px;
		
	/* THIS IS HERE JUST TO HIDE QUICKLINKS DROP DOWN */
		display: none;
    
    }
    
    #footer p.left {
		float: left;
		padding-left: 5px;
		width: 550px;
		padding-top: 60px;
		padding-bottom: 0px;
    }
    
    #footer p.middle {
		
	/* CHANGE FLOAT TO LEFT WHEN QUICKLINKS IS REINTRODUCED */	
		float: right; 
		width: 400px; 
		margin-left: 0px; 
		padding-top: 59px;
		padding-bottom: 5px;
		text-align:right;
    }
    
    #footer p a {
		color: #000;
		text-transform: uppercase;
		text-decoration: none;
    }

	#footer p.right a {
		font-size: 13px;
		padding-right: 18px;
		background: url(../images/footerArrow.gif) top right no-repeat;
		width: 195px;
    }
    
    #footer p.left a {
		font-size: 10px;
    }    
    
    div.testimonial {
		background: url(../images/quote.gif) top left no-repeat;
		padding-left: 40px;
		margin-top: 20px;
    }
    
    div.testimonial cite {
		font-weight: bold;
		font-style: normal;
    }
    
/****** STANDARD BOX MODEL **/        

	div { display:block; }
	
	#sitemap ul>li {
	    margin-bottom: 18px;
	}
	
/** Media pages **/
.img-list {
	CLEAR: both! important; 
    PADDING-RIGHT: 0px! important; 
    PADDING-LEFT: 0px! important; 
    PADDING-BOTTOM: 0px! important; 
    MARGIN: 0px; 
    PADDING-TOP: 0px! important; 
    LIST-STYLE-TYPE: none! important
}

.img-list LI {
	FLOAT: left; MARGIN: 0px 0px 20px 20px
}

.img-list LI:first-child {
	MARGIN: 0px 0px 10px
}

.img-list LI.first {
	MARGIN: 0px 0px 10px
}

.img-list LI A IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}

.lower {
	MARGIN-TOP: 10px
}

#languageSwitch
{
    float: right; 
    width:200px;
    display: block; 
    padding-top: 10px; 
    padding-bottom: 20px;
}

#languageSwitch li
{
    float: left; width:95px;
    text-align:right; display: block; margin-right: 5px; text-transform:uppercase;
}

#languageSwitch li a
{
    width:95px;
    width:auto;
    margin:0px;
}

#breadcrumbContainer
{
    float:left;
    background: url(../images/contentSurround.gif) bottom center no-repeat;
    width: 900px;
}
 
/* pos image of flag */
#languageSwitch li img, #languageSwitch li a img
{
    padding:0px 3px 0px 0px;
}