@import url("xstandard.css");
@import url("menu-h.css");
@import url("forms.css");
@import url("jquery.lightbox-0.5.css");
@import url("../corners/corners.css");

/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {font-size:0.8em; background:#013f68 url(/cms/outertemplates/images/bg/bodyBG2.jpg) no-repeat bottom right;}

/* Page building styles */
div#wrapper { width:960px; margin:0 auto; }
div#header { width:960px; height:180px; background:url(/cms/outertemplates/images/bg/headerBG.jpg) no-repeat; }
	a#logo { float:left; margin:25px; height:130px; }
	div#headerDonate { float:right; width:221px; margin:40px 20px 0 0; }
	    div#headerDonate p { font-weight:bold; color:#FFF; width:188px; margin:0 0 0.8em 12px; font-size:1em; }
	    div#headerDonate a { background:url(/cms/outertemplates/images/btn/donateNow.png) no-repeat; width:221px; height:80px; text-indent:-999em; overflow:hidden; display:block; }
	div#fixedLinks {float:right; display:none; }
	div#fixedLinks li { display:inline; list-style:none; }
	
	
		
div#infoBar { background:url(/cms/outertemplates/images/bg/infoBarBG.gif) repeat-x; height:35px; padding:0 26px; }		
div#infoBar a { margin:0 6px; color:#d07038; }
div#infoBar img { vertical-align:middle; margin:0 4px 0 0; }
div#infoBar p { height:25px; line-height:25px; color:#d07038; font-weight:bold; float:left; margin:4px 0 0; }

div#searchBox { float:right; height:33px; }
div#searchBox div.inputText { width:170px; height:21px; padding:2px 5px 0; margin:5px 0 0 0; background:#FFF url(/cms/outertemplates/images/input/searchInputBG.gif) no-repeat; float:right; vertical-align:middle; }
div#searchBox div.inputText input { width:170px; border:0 none; background:#FFF; }
div#searchBox input.btnSearch { float:right; margin:8px 8px 0 0; }

div#middleWrap { width:960px; position:relative; margin:0 auto; overflow:hidden; background:#FFF url(/cms/outertemplates/images/bg/mainContent.png) repeat-y;}
div#middleWrap iframe {position:absolute; top: 0; right:3px;}

div#homeBanner { width:908px; background:url(/cms/outertemplates/images/silhouette.png) no-repeat bottom right; padding:0 26px 10px; margin:20px 0 0; overflow:hidden; min-height:350px; }
div#homeBannerHead { width:690px; }
    div#homeBannerImg { width:650px; background:url(/cms/outertemplates/images/bg/homeBannerImgMid.png) repeat-y; position:relative; padding:0 1px; }
    div#homeBannerImgBtm { width:652px; height:15px; background:url(/cms/outertemplates/images/bg/homeBannerImgBtm.png) no-repeat bottom; position:absolute; bottom:-1px; left:0; }
    div#homeBannerImgTop { width:652px; height:15px; background:url(/cms/outertemplates/images/bg/homeBannerImgTop.png) no-repeat top; position:absolute; top:-1px; left:0; }
        div#homeBannerImg img { display:block; }
div#homeBannerContent { width:850px; margin:15px 0 0; color:#666; }
    div#homeBannerContent p { font-weight:bold; }

div#content { }

div#homeContentBtm { background:url(/cms/outertemplates/images/bg/homeContentBtm.png) no-repeat bottom; padding:0; }
div#homeContentMid { background:url(/cms/outertemplates/images/bg/homeContentMid.png) repeat-y; }
div#homeContentTop { background:url(/cms/outertemplates/images/bg/homeContentTop.png) no-repeat top; padding:15px 0 0; overflow:hidden; }

div#leftCol { width: 310px; float:left; margin:0 10px 0 0;}
div#mainCol { width: 640px; float:left; padding:0; }
    div#mainCol div.col { width:305px; float:left; }
    div#mainCol div.col ul { list-style:none; margin:0; }
    div#mainCol div.articleBox, div#mainCol div.partnerBox { border-width:0; width:250px; min-height:90px; float:left; padding:15px; position:relative; }
    div#mainCol div.articleBox .corner, div#mainCol div.partnerBox .corner { background-image:url(/cms/outertemplates/images/corners/white-trans.png); height:10px; width:10px; }
    div#mainCol div.partnerBox { background:#B95B23 url(/cms/outertemplates/images/bg/partnerBoxBG.png) no-repeat bottom; margin:0 15px 20px 10px; text-align:center; }
    div#mainCol div.partnerBox a { display:block; }
    div#mainCol div.articleBox { background:#151749 url(/cms/outertemplates/images/bg/articleBoxBG.png) no-repeat bottom; margin:0 10px 20px 15px; }
    div#mainCol div.articleBox a  
    {
        color:#D07038; 
        font-weight:bold; 
        float:left; 
    }
    div#mainCol div.articleBox h3 { color:#D07038; font-weight:bold; font-size:1.2em; margin:0; float:left; }
    div#mainCol div.articleBox img { float:left; margin:0 8px 0 0; }
    div#mainCol div.articleBox p { color:#FFF; margin:0; width:135px; float:left; }
    div#mainCol div.articleBox div.img { float:left; min-height:90px; width:100px; }
    div#mainCol div.articleBox div.content { float:left; min-height:90px; width:150px; }
    
div#homeMainCol { padding:15px 15px 0; overflow:hidden; }
div#mainColContent { margin:15px 15px 0; width:610px; }
div#mainColContent div.content {  }
div#mainColContent div.content div.dub3Content {  }

div#contentTop {  }


div#content p, div#content h2 { margin:0 15px 0.8em; }

div#rightCol { width: 310px; float:left; margin:0 0 0 10px;}
div#rightColMid { background-color:#213677; }
div#rightColBtm { background:url(/cms/outertemplates/images/bg/rightColBtm.png) no-repeat bottom; overflow:hidden; padding:15px 0 0; }
div#rightColTop { background:url(/cms/outertemplates/images/bg/rightColTop.png) no-repeat top; }

div#yctSillhouette { background:url(/cms/outertemplates/images/silhouette.png) no-repeat bottom right; width:310px; height:350px; margin:25px 0 0; }

div#bookHoliday { width:280px; margin:0 15px 15px; }
    div#bookHoliday a { width:280px; height:54px; display:block; background:url(/cms/outertemplates/images/btn/bookYourHoliday.png) no-repeat; text-indent:-999em; overflow:hidden; }

div#news { background:#FFF; border-width:0; margin:0 15px 15px; padding:10px; }
    div#news div.boxContent { overflow:visible; }
    div#news div.corner { background-image:url(/cms/outertemplates/images/corners/blue-white-1.gif); width:15px; height:15px; }
    div#news h2 { background:url(/cms/outertemplates/images/icon/rss-icon.gif) no-repeat left; padding:0 0 0 25px; margin:0 0 8px; text-transform:uppercase; }
    div#news ul { margin: 5px; list-style:none; }
    div#news ul li { padding:6px 12px; border-top:1px dashed #999; color:#666; }
    div#news ul li a { color:#D07038; }
    div#news ul li p { margin:0 0 0.6em; }
    div#news ul li span.date { display:block; font-weight:bold; color:#D07038; }
    div#newsRSS { margin:0 15px; font-size:1.2em; text-align:center; }
    div#newsRSS a { background:url(/cms/outertemplates/images/btn/lnkBtn1.gif) no-repeat right; padding:0 20px 0 0; color:#D07038; font-weight:bold; }
    
div#latestPhotos { background:#D5D9E5; border-width:0; width:264px; padding:8px; margin:0 15px 15px; }
div#latestPhotos .corner { background-image:url(/cms/outertemplates/images/corners/blue-grey-1.gif); }
div#latestPhotosContent { background:#15174a url(/cms/outertemplates/images/bg/latestPhotoBG.gif) repeat-x bottom; border-width:0; width:250px; padding:7px; }
div#latestPhotosContent .corner { background-image:url(/cms/outertemplates/images/corners/grey-trans-2.png); }
    div#latestPhotos a { color:#FFF; float:right; }
    div#latestPhotos h2 { color:#FFF; font-weight:bold; font-size:1.2em; text-transform:uppercase; margin:0; }
    div#latestGallery { height:60px; }
    div#latestGallery img { float:left; margin:0 5px 0 0; width:80px; }
    div#latestGallery img.last { margin:0; }
    
div#loginBox { background:#94B633; border-width:0; margin:0 15px 15px; overflow:hidden; width:264px; padding:8px; position:relative; }
div#loginBox .corner { background-image:url(/cms/outertemplates/images/corners/blue-green-1.gif); height:10px; width:10px; }
div#loginBoxContent { background:#FFF; border-width:0; overflow:hidden; padding:7px; position:relative; width:250px; }
div#loginBoxContent .boxContent { padding:0 0 44px; }
div#loginBoxContent .corner { background-image:url(/cms/outertemplates/images/corners/green-white-1.gif); }
    div#loginBox h2 { color:#213677; font-size:1.2em; background:url(/cms/outertemplates/images/bg/arwBG1.png) no-repeat right; padding:0 20px 0 0; }
    div#loginBox div.formRow { float:left; width:250px; padding:0; margin:4px 0; }
    div#loginBox div.formRow input.textBox { border:1px solid #213677; background:#E6E6E6; width:165px; }
    div#loginBox div.formRow label { float:left; min-width:80px; padding:0; margin:0; text-align:left; color:#213677; }
    div#loginBox input.imgBtn { height:25px; text-indent:-999em; overflow:hidden; float:left; cursor:pointer; line-height:0px; font-size:0px; }
    div#loginBox input.btnLogin { background:url(/cms/outertemplates/images/btn/loginBtn.png) no-repeat; width:65px; }
    div#loginBox input.btnRegister { background:url(/cms/outertemplates/images/btn/registerBtn.png) no-repeat; width:84px; }
    div#loginBox div.fgtPW { float:left; font-size:0.8em; margin:0 0 0 8px; color:#213677; letter-spacing:-1px; }
    div#loginBox div.fgtPW a { color:#3C97D1; }
    div#loginBox a.logo { position:absolute; bottom:5px; right:5px; }
        div#loginBox a.logo img { display:block; float:left; }

div#breadcrumb { clear:both; overflow:hidden;}
div#breadcrumb p { float:left; margin:5px; }
div#breadcrumb ul { float:left; margin: 5px; }
div#breadcrumb li { display:inline; padding-left:8px; background:url(/cms/outertemplates/images/breadcrumb.gif) left no-repeat; }

div#footer { font-size:0.9em; background:#213677; padding:15px; overflow:hidden; width:930px; }
div#footer div.leftCol { float:left; margin:0 20px 0 0; width:610px; }
div#footer div.rightCol { float:left; width:300px; }
div#footer p { clear:both; color:#FFF; }
div#footer p.right { text-align:right; }
div#footer a { color:#FFF; }

/* Text resizing styles */
#widgets {float:right; margin:0;}
#widgets li {display:inline; color:#FFF; float:left; line-height:36px;}
#widgets li a.txtResize { color:#FFF; float:left; height:36px; line-height:36px; text-align:center; margin:0 6px; }
    #smallText { font-size:0.8em; width:23px; background:url(/cms/outertemplates/images/bg/txtN.png) no-repeat; } /* This should match the font size of the body tag */
    #mediumText { font-size: 1em; width:29px; background:url(/cms/outertemplates/images/bg/txtM.png) no-repeat; }
    #largeText { font-size:1.2em; width:36px; font-weight:bold; background:url(/cms/outertemplates/images/bg/txtL.png) no-repeat; }
	
    .smallText { font-size:0.8em; } /* This should match the font size of the body tag */
    .mediumText { font-size: 1.2em; }
    .largeText { font-size:1.6em; }
    
div#footerLnk { overflow:hidden; }
div#footerLnk p { text-align:right; }

ul#footerLinks { clear:left; list-style:none; margin:0; padding:12px 0 0; }
ul#footerLinks li { float:left; padding:0 6px 0 0; }
ul#footerLinks li a { border-right:1px solid #FFF; padding:0 6px 0 0; }
ul#footerLinks li.last,
ul#footerLinks li:last-child { padding:0; }
ul#footerLinks li.last a,
ul#footerLinks li:last-child a { border:none; padding:0; }

div#footerPartners { background:#FFF; overflow:hidden; width:960px; }
div#footerPartners a { float:left; margin:0; text-align:center; width:120px; }
div#footerPartners a img { }

div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:50%; }
div.right2Col { float:right; width:50%; }

/*
General
*/

.imgBtn { border:none; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

.hidden {display:none;}