﻿body 
{
    background:#5d85a9 url('Images/bodyBg.gif') repeat-x;
    text-align:center;
    font-size:12px;
    font-family:Arial;
}
h1, h2
{
    font-size: 16px;
    color: #005d92;    
}
.clear 
{
    clear:both;
}
.ok 
{
	margin-bottom: 10px;
}
.smart 
{
	display: none;
}
img 
{
    border:0px;
}
a
{  
    text-decoration:none;
    color:#005f92;
}
a:hover
{
    text-decoration:underline;
}
a:active
{
	outline: none;
}
:focus
{
  -moz-outline-style: none;
}
ul 
{
	margin-left: -15px;
	.margin-left: 25px;
}
input, type, textarea 
{
	font-size:12px;
    font-family:Arial;
}
#wrapStarStripes
{
    width:970px;
    height:400px;
    text-align:left;
    margin:-9px auto;
    *margin:-14px auto;
    position:relative;
    z-index:1;
}
.positionStarStripes
{
    position:absolute;
    z-index:1;
    margin: 0px 0px 0px -191px;
}
#container
{
    width:970px;
    position:relative;
    z-index:3;
    text-align:left;
    margin:0 auto;
    margin-top:-400px;
    _margin-left:8px;
}
#container .header
{
    width:970px;
    height:100px;
}
#container .header .positionHeader
{
    margin-top:10px;
    margin-left:12px;
    _margin-left:139px;
}
#logo 
{
	position: absolute;
	z-index: 1;
	width: 350px;
	height: 90px;
	cursor: pointer;
	_margin-left: 130px;
}
#addContacts
{
	position: absolute;
	z-index: 1;
	width: 150px;
	height: 15px;
	cursor: pointer;
    margin:70px 0px 0px 800px;
    _margin:70px 0px 0px 920px;
}
#container .main
{
    float: left;
    position:relative;
    margin-left:127px;
    margin-top:-10px;
    width:664px;
    min-height:550px;
    height:auto !important;
    height:550px;
    background-color:White;
    background-image: url('Images/mainBg.png');
    background-repeat:no-repeat;
    background-position:center top;
}
/*------------------------------------*/
/*Left Side Navigation - Sliding Doors*/
/*------------------------------------*/
#container .leftNav
{
    width:158px;
    height:521px;
    float:left;
    margin-left:-100px;
    position:relative;
}
    #container .leftNav a.musicGroups { 
        background:url('Images/navMusicGroups.gif') repeat 0px 0px; 
        width: 166px; 
        height: 133px; 
        display: block; 
    }
    #container .leftNav a.musicGroups span { 
        display: none; 
    }
    #container .leftNav a.musicGroups:hover { 
        background: url('Images/navMusicGroups.gif') repeat -171px 0px; 
    }

    #container .leftNav a.sportsTeams { 
        background:url('Images/navSportsTeams.gif') repeat 0px 0px; 
        width: 166px; 
        height: 128px; 
        display: block; 
    }
    #container .leftNav a.sportsTeams span { 
        display: none; 
    }
    #container .leftNav a.sportsTeams:hover { 
        background: url('Images/navSportsTeams.gif') repeat -171px 0px; 
    }
    
    #container .leftNav a.churchGroups { 
        background:url('Images/navChurchGroups.gif') repeat 0px 0px; 
        width: 166px; 
        height: 128px; 
        display: block; 
    }
    #container .leftNav a.churchGroups span { 
        display: none; 
    }
    #container .leftNav a.churchGroups:hover { 
        background: url('Images/navChurchGroups.gif') repeat -171px 0px; 
    }
    
    #container .leftNav a.classTrips { 
        background:url('Images/navClassTrips.gif') repeat 0px 0px; 
        width: 166px; 
        height: 135px; 
        display: block; 
    }
    #container .leftNav a.classTrips span { 
        display: none; 
    }
    #container .leftNav a.classTrips:hover { 
        background: url('Images/navClassTrips.gif') repeat -171px 0px; 
    }
    
#container .copy
{
    width:545px;
    height:auto;
    margin:10px 0px 0px 20px;
    float:left;
    line-height:19px;  
}
#container .copy h1
{
    font-size:16px;
    color:#005d92;
    width:275px;
    height:auto;
}
#container .copy p
{
    text-align: justify;
}
#container .copy .content
{
	float: left;
	width: 310px;
	margin: 0px;
	margin-bottom: 10px;
	.margin-bottom: 5px;
}
#container .copy .content-inner
{
	width: 525px;
	margin: 20px 0px;
	min-height: 400px;
	_height: 400px;
}
#container .copy .content-inner h1
{
    font-size:16px;
    color:#005d92;
    width:475px;
    height:auto;
}
#container .copy .events
{
    float:right; 
    width:215px; 
    height:auto;  
}
#container .copy .events .miniCopy
{
    font-size:10px;
    color:#005f92;
}
#container .copy .events ul
{
    list-style-image: url('Images/listArrow.gif');
    font-size:11px;
    margin-left:-12px;
    *margin-left:30px;
    margin-top:5px;
}

#container .copy .events .banner{}

#map 
{
	margin: 20px 0px;
}
#container .rightCtas
{
    width:251px;
    height:400px;
    background-image: url('Images/rightCta-top.gif');
    background-position:center top;
    background-repeat:no-repeat;
    position:absolute;
    margin:0px 0px 0px 620px;
    #margin:0px 0px 0px 10px;
    _margin:0px;
}
#container .rightCtas .body
{
    background: url('Images/rightCta-bg.gif') repeat-y;
    min-height:240px;
    height:auto !important;
    height:240px;
    width:251px;
    margin-top:48px;
    _margin-left:1px;
}
#container .rightCtas .body .buttons
{
    width:215px;
    position:absolute;
    margin: -35px 0px 0px 18px;
}
    #container .rightCtas a.topWays { 
        background:url('Images/ctaTop3Ways.gif') repeat 0px 0px; 
        width: 215px; 
        height: 113px; 
        display: block; 
    }
    #container .rightCtas a.topWays span { 
        display: none; 
    }
    #container .rightCtas a.topWays:hover { 
        background: url('Images/ctaTop3Ways.gif') repeat -220px 0px; 
    }
    
    #container .rightCtas a.groupTrip { 
        background:url('Images/ctaGroupTrip.gif') repeat 0px 0px; 
        width: 215px; 
        height: 91px; 
        display: block; 
    }
    #container .rightCtas a.groupTrip span { 
        display: none; 
    }
    #container .rightCtas a.groupTrip:hover { 
        background: url('Images/ctaGroupTrip.gif') repeat -220px 0px; 
    }

    #container .rightCtas a.studentsConnect { 
        background:url('Images/ctaStudentConnect.gif') repeat 0px 0px; 
        width: 215px; 
        height: 74px; 
        display: block; 
    }
    #container .rightCtas a.studentsConnect span { 
        display: none; 
    }
    #container .rightCtas a.studentsConnect:hover { 
        background: url('Images/ctaStudentConnect.gif') repeat -220px 0px; 
    }
    #testimonial 
    {
		margin: 0px 0px 0px 1px;
		_margin: 0px 0px 0px 2px;
    }
#container .rightCtas .positionCtaFooter
{
    margin-top:-5px;
    margin-left:1px;
    _margin-left:2px;
}

#footer
{
    background: url('Images/footerBg.gif') no-repeat;
    width:690px;
    height:200px;
    margin-left:117px;
    font-size:10px;
    color:#bbd0e2;
    _margin-left:244px;
}
.addressBox
{
    margin: 15px 0px 0px 70px;
}
.addressBox .addContacts
{
    margin-bottom:10px;
}
#footer .col1
{
    float:left;
    width: 270px;
    margin-left:48px;
    _margin-left:25px;
    margin-right:70px;
    margin-top:25px;
}
#footer .col2
{
    float:left;
    margin-top:25px;
}
#footer a 
{
	color: White;
}
#footer-nav
{
	width: 655px;
	text-align: center;
	margin: -55px 0px 0px 130px;
	_margin-left: 260px;
	color: White;
	font-size:11px;
}
#footer-nav a
{
	color: White;
}
#sgg 
{
	text-align: center;
	margin: 10px 0px 0px -30px;
	_margin-left: 230px;
	color: White;
	line-height: 20px;
}
#sgg a
{
	color: White;
	text-decoration: underline;
}
#loading
{
	width: 100px; 
	margin: 0px auto; 
	margin-top: 100px;
	margin-bottom: 100px;
}
#loading .left 
{
	float: left;
}
#loading .right
{
	float: left; 
	margin: 8px 0px 0px 10px; 
	color: gray;
}
.requiredField 
{
    float: left;
    width: 8px;
    margin-top: 4px;
    color: red;
}
.errors 
{
	background: white url('Images/ValidatorIcon.gif') no-repeat 10px 10px;
	width: 200px;
	border: 1px solid black;	
	color: red !important;
	padding: 10px 10px 10px 50px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
}
.errors ul
{
	margin: 0px 0px 0px -20px;
	.margin: 0px 0px 0px 23px;
	font-weight: normal;
}
.hidden 
{
	color: red !important;
	display: none;
}
.info 
{
	position: absolute;
	width: 190px;
	margin: -20px 0px 0px 360px;
	.margin: 5px 0px 0px 0px;
	background: url('Images/info.gif') no-repeat;
	height: 20px;
	padding-left: 20px;
}
.alert 
{
	position: absolute;
	width: 200px;
	margin: -22px 0px 0px 360px;
	.margin: 3px 0px 0px 0px;
	background: url('Images/alert.gif') no-repeat;
	height: 20px;
	padding-left: 20px;
}
/* Start Planning */
.quote label 
{
    float: left;
    width: 195px;
    margin-top: 4px;
}
.quote input
{
    width: 150px;
	margin-top: 2px;
}
.quote select
{
    width: 154px;
    .width: 156px;
	margin-top: 2px;
}
.quote textarea
{
    width: 345px;
    height: 100px;
	margin-top: 2px;
}
/* Sign-Up */
.signUp label 
{
    float: left;
    width: 120px;
    margin-top: 4px;
}
.signUp input
{
    width: 150px;
	margin-top: 2px;
}
.signUp select
{
    width: 154px;
    .width: 156px;
	margin-top: 2px;
}
.signUp textarea
{
    width: 500px;
    height: 100px;
	margin-top: 2px;
}
/* BUTTONS */
.btnSubmit a{ 
    background:url('../Default/Images/btnSubmit.gif') repeat 0px 0px; 
    width: 81px; 
    height: 22px; 
    display: block;
    margin:5px 0px 5px 5px;
}
.btnSubmit span { 
    display: none; 
}
.btnSubmit a:hover { 
    background: url('../Default/Images/btnSubmit.gif') repeat -81px 0px; 
}
.btnSubmit2 a{ 
    background:url('../Default/Images/btnSubmit2.gif') repeat 0px 0px; 
    width: 81px; 
    height: 22px; 
    display: block;
    margin:5px 0px 5px 5px;
}
.btnSubmit2 span { 
    display: none; 
}
.btnSubmit2 a:hover { 
    background: url('../Default/Images/btnSubmit2.gif') repeat -81px 0px; 
}
.btnCancel a{ 
    background:url('../Default/Images/btnCancel.gif') repeat 0px 0px; 
    width: 81px; 
    height: 22px; 
    display: block;
    margin:5px 0px 5px 5px;
}
.btnCancel span { 
    display: none; 
}
.btnCancel a:hover { 
    background: url('../Default/Images/btnCancel.gif') repeat -81px 0px; 
}
.btnOk a{ 
    background:url('../Default/Images/btnOk.gif') repeat 0px 0px; 
    width: 81px; 
    height: 22px; 
    display: block;
    margin:0 auto;
    margin-top:10px;
}
.btnOk span { 
    display: none; 
}
.btnOk a:hover { 
    background: url('../Default/Images/btnOk.gif') repeat -81px 0px; 
}
.btnDelete a{ 
    background:url('../Admin/Images/btnDelete.gif') repeat 0px 0px; 
    width: 81px; 
    height: 22px; 
    display: block;
    margin:5px 0px 5px 5px;
    float:left;
}
.btnDelete span { 
    display: none; 
}
.btnDelete a:hover { 
    background: url('../Admin/Images/btnDelete.gif') repeat -81px 0px; 
}
/* Interior Prev-Next */
#next a{ 
    background:url('../Default/Images/btnNext.gif') repeat 0px 0px; 
    width: 16px; 
    height: 13px; 
    display: block;
    margin:1px 0px 0px 2px;
}
#next span { 
    display: none; 
}
#next a:hover { 
    background: url('../Default/Images/btnNext.gif') repeat -16px 0px; 
}
#prev a{ 
    background:url('../Default/Images/btnPrev.gif') repeat 0px 0px; 
    width: 16px; 
    height: 13px; 
    display: block;
    margin:1px 2px 0px 0px;
}
#prev span { 
    display: none; 
}
#prev a:hover { 
    background: url('../Default/Images/btnPrev.gif') repeat -16px 0px; 
}
/* Interior CTAs */
#bottomCtas
{
    text-align:center;
}

/* Paging */
#paging 
{
	margin-top: 10px;
}
#paging a, #paging b
{
	float: left;
	margin-right: 2px;
}

/* Upcoming Events */
#events
{
    font-family:Arial;
}
.event
{
    float: left;
    background:#dbe4ee;
    #margin:-5px 0px -8px 0px;
    _margin:-5px 0px -6px 0px;
    width: 503px;
    padding:10px;
    border-left:1px solid #8fb0cd;
    border-right:1px solid #8fb0cd;
}
.event .date
{
    color:#ec1116;
    font-size:12px;
    font-weight:bold;
    float:right;
}
.event .title 
{
    color:#2d5b80;
    font-size:16px;
    font-weight:bold;
}
.event .location
{
    color:#2d5b80;
    font-size:14px;
    font-weight:bold;
    margin-left:10px;
}
.event .description
{
    color:#2d5b80;
}
.event .link
{
    margin:10px 0px 0px 0px;
    text-align:right;
}
.event .link a
{
    color:#2d5b80;
    text-decoration:none;
    font-weight:bold;
}
.event .link a:hover
{
    text-decoration:underline;
}
.hideBg 
{
	position: absolute;
	z-index: 1;
	background: white;
	width: 100%;
	height: 39px;
	margin-top: -33px;
}
.noBg 
{
	background: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
.goBack
{
    margin:10px 0px 0px 0px;
}
.goBack a
{
    color:#2d5b80;
    text-decoration:none;
    font-weight:bold;
}
.goBack a:hover
{
    text-decoration:underline;
}

/* Hot Group Travel Spots */
#travelSpots
{
    font-family:Arial;
}
.travelSpot
{
    float: left;
    background:#dbe4ee;
    #margin: -5px 0px -8px 0px;
    _margin: -5px 0px -6px 0px;
    width: 503px;
    padding:10px;
    border-left:1px solid #8fb0cd;
    border-right:1px solid #8fb0cd;
}
.travelSpot .title
{
    color:#2d5b80;
    font-size:16px;
    font-weight:bold;
    margin-bottom:15px;
}
.travelSpot .img
{
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #8fb0cd;
}
.travelSpot p
{
    text-align:left !important;
}
.travelSpot .description
{
    color:#2d5b80;
}
.travelSpot .link
{
    margin:10px 0px 0px 0px;
    text-align:right;
}
.travelSpot .link a
{
    color:#2d5b80;
    text-decoration:none;
    font-weight:bold;
}
.travelSpot .link a:hover
{
    text-decoration:underline;
}
.goBack
{
    margin:10px 0px 0px 0px;
}
.goBack a
{
    color:#2d5b80;
    text-decoration:none;
    font-weight:bold;
}
.goBack a:hover
{
    text-decoration:underline;
}

/* Fundraising Help */
#partners 
{
    font-family:Arial;
}
.partner
{
    float: left;
    background:#dbe4ee;
    #margin: -5px 0px -8px 0px;
    _margin: -5px 0px -6px 0px;
    width: 503px;
    padding:10px;
    border-left:1px solid #8fb0cd;
    border-right:1px solid #8fb0cd;
}
.partner .img
{
    float:right;
    margin-left:8px;
    border:1px solid #8fb0cd;
}
.partner .name
{
    color:#2d5b80;
    font-size:16px;
    font-weight:bold;
}
.partner .description
{
    color:#2d5b80;
}
.partner .url
{
    color:Blue;
}
/* Blog */
.minHeight 
{
	min-height: 698px;
	#min-height: 686px;
	_height: 686px;
}
/* Blog Right */
#blogRight
{
	background: url('Images/rightCta-bg.gif') repeat-y;
	width: 251px;
	_margin-left: 1px;
	padding: 1px 0px;
}
html:first-child #blogRight h2
{
	padding-top: 20px;	
}
.btnSearch
{
    float: left;
    margin: 3px 0px 0px 3px;
}
.btnSearch a { 
    background: url('../Default/Images/btnNext.gif') repeat 0px 0px; 
    width: 16px; 
    height: 13px; 
    display: block;
}
.btnSearch span { 
    display: none; 
}
.btnSearch a:hover { 
    background: url('../Default/Images/btnNext.gif') repeat -16px 0px; 
}
/* Manage Blog */
/* dataList */
.dataList
{
	border: solid 1px #005f92;
	width: 100%;
	margin-top: 10px;
}
.dataListHeader
{
	background-color: #dce5ee;	
	text-align: left;
	color: #005f92;
}
.dataListHeader a
{
	text-decoration: none;
	color: #005f92;
}
.dataListAlt
{
	background-color: #e4e4e4;		
}
.dataList td
{
	padding: 2px;
	border-top: 1px solid #005f92;
}
.dataListPager table td
{
	border: 0px;
	white-space: nowrap;
}
.dataListPager a
{
	float: left;
}
.btnPrev 
{
	position: relative;
	float: left;
	width: 16px;
	background: url('Images/btnPrev.gif') top right;
	margin: 1px 5px 0px 0px;		
}
.btnPrev a 
{
	background: url('Images/btnPrev.gif');
	overflow: hidden;
	display: block;
	height: 0px;	
	padding-top: 13px;
}
.btnPrev a:hover
{
	background: none;
}
.btnNext 
{
	position: relative;
	float: left;
	width: 16px;
	background: url('Images/btnNext.gif') top right;
	margin: 1px 0px 0px 5px;	
}
.btnNext a 
{
	background: url('Images/btnNext.gif');
	overflow: hidden;
	display: block;
	height: 0px;	
	padding-top: 13px;
}
.btnNext a:hover
{
	background: none;
}
/* dataView */
.dataView
{
	margin-top: 10px;
	width: 710px !important;
}

.dataView td 
{
	padding: 2px;
}

.dataViewHeader td
{
	border-bottom: 1px solid #47301d;
	font-weight: bold;	
}
.DataListCommandItem 
{
	text-align: right;
}
/* Form */
.form label
{
	float: left;
	width: 110px;
	margin-top: 4px;
}
.form input
{
	margin-top: 2px;
	width: 150px;
}
.form select
{
	margin-top: 2px;
	width: 154px;
	.width: 156px;
}
.form textarea
{
	float: left;
	margin-top: 2px;
	width: 400px;
	height: 100px;
}
.chkList input
{
	width: auto !important;
}
.chkList label
{
	float: none !important;
	width: auto !important;
}
/* Flickr */
.album 
{
	border-top: 1px solid #e3e3e3;
	padding-top: 10px;
	margin-top: 10px;
	.border-top: 0px solid #e3e3e3;
	.padding-top: 0px;
	.margin-top: 0px;
}
.albumHr 
{
	display: none;
	.display: block;
	height: 1px;
	color: #e3e3e3;
	margin: 5px 0px;
}
.album input
{
	float: left;
}
.album img
{
	float: left;
	border: 1px solid #005f92;
	margin: 2px 8px 0px 5px;
}
.album .title
{
	font-weight: bold;
}
.album .description
{
	margin: 10px 0px;
}
.album .qty 
{
	font-style: italic;
}
/* Gallery */
#gallery 
{
	width: 610px;
	_width: 620px;
	margin: 0px auto;
	_margin-left: -5px;
}
#gallery div
{
	float: left;
	width: 77px;
	text-align: center;
	margin: 5px;
}
#gallery img
{
	border: 1px solid #005f92;
	margin-bottom: 5px;
	cursor: pointer;
}
.listImgLrg
{
	position: absolute; 
	z-index: 1; 
}
/* Albums (left nav) */
#albums 
{
	position: relative;
	background: white;
	width: 110px;
	height: 340px;
	overflow: auto;
	overflow-y: auto;
	padding: 10px 5px;
	margin-left: -22px;
	text-align: center;
	border: 1px solid #005f92;
	border-right: 0px;
	scrollbar-face-color: #005f92;
	scrollbar-shadow-color: #005f92;
	scrollbar-highlight-color: #03619c;
	scrollbar-3dlight-color: #aabecf;
	scrollbar-darkshadow-color: #005f92;
	scrollbar-track-color: #aabecf;
	scrollbar-arrow-color: #ffffff;
}
#albums h2 
{
	margin-top: 0px;
}
.blogAlbum 
{
	margin: 5px 0px;
}
.blogAlbum img
{
	border: 1px solid #005f92;
}
.blogAlbum span
{
}
/* Login */
#login
{
	margin: 20px 0px 0px 30px;
	line-height: 20px;
}
#login input 
{
	width: 126px;
	#width: 124px;
	_width: 122px;
}
/* Site Map */
#sitemap 
{
	margin-left: -15px;
	.margin-left: 25px;
}
/* How */
#how li
{
	font-weight: bold;
}
#how li span 
{
	font-weight: normal;
}
/* My Account Buttons */
.myProfile a{ 
    background:url('Images/myProfile.gif') repeat 0px 0px; 
    width: 79px; 
    height: 23px; 
    display: block; 
    float:left;
    margin-right:5px;
}
.myProfile span { 
    display: none; 
}
.myProfile a:hover{ 
    background: url('Images/myProfile.gif') repeat -79px 0px; 
}
.myBlog a{ 
    background:url('Images/myBlog.gif') repeat 0px 0px; 
    width: 101px; 
    height: 23px; 
    display: block; 
    float:left;
    margin-right:5px;
}
.myBlog span { 
    display: none; 
}
.myBlog a:hover{ 
    background: url('Images/myBlog.gif') repeat -101px 0px; 
}
.myFlickr a{ 
    background:url('Images/myFlickr.gif') repeat 0px 0px; 
    width: 67px; 
    height: 23px; 
    display: block; 
    float:left;
    margin-right:5px;
}
.myFlickr span { 
    display: none; 
}
.myFlickr a:hover{ 
    background: url('Images/myFlickr.gif') repeat -67px 0px; 
}

/* Recent Happy Travelers */
#trips
{
}
#trips .trip
{
    float: left;
    background:#dbe4ee;
    #margin: -5px 0px -8px 0px;
    _margin: -5px 0px -6px 0px;
    width: 515px;
    padding:4px;
    border-left:1px solid #8fb0cd;
    border-right:1px solid #8fb0cd;
}
.trip .title
{
    color:#2d5b80;
    font-size:16px;
    font-weight:bold;
}
.trip .description
{
}
/* Tips */
.tool-tip {
	color: black;
	width: 139px;
	z-index: 13000;
	text-align: left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #005f92;
	padding: 8px 8px 4px;
	background: url('Images/bubble.png') top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('Images/bubble.png') bottom right;
}