 
 
/*
 * Header
 * Structure
 * Nav
 * Search
 * Headings
 * Lists
 * Forms
 * Links
 * Misc
 */

/*
div for accommodation image gallery
*/
.y400 {
width:400px;
}
.y400 img {
margin:5px;
border:2px solid #3f3f3f;
}
/*
------------------------------------
*/



#facebook img {
    float: left;
}

#mainContainer b, #prices b {
    color: #D64592;
    font-weight: normal;
}

#prices b {
    color: #ffffff;
    font-weight: bold;
}

body {
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    color: #6FA7DF;
}

/* Global Text Styles
 
 -----------------------------------*/
p {
    /*border: 1px solid #ffffff;*/
}

p, li, blockquote, dl {
    line-height: 1em;
    font-size: 14px;
    line-height: 140%;
    overflow: hidden;
    padding: 10px 0;
}

a {
    /*
     blue /  color: #6fa7df;  /  pink/ color: #C44692;
     */
    color: #C44692;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited, {

color:
    #6FA7DF;
}

em {
    color: #EFF7FF;
    font-style: normal;
}

h2, h3 {
    text-transform: uppercase;
    letter-spacing: -0.75px;
    letter-spacing: 2px;
    line-height: 30px;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 1.7em;
    color: #C44692;
}

blockquote, p.cite {
    background-color: #1D354F;
    width: 474px;
    padding-left: 15px;
    color: #FF7FD8;
}

blockquote {
    margin-top: 50px;
}

p.cite {
    background-color: #1D354F;
    font-style: italic;
    text-align: right;
    position: relative;
    left: 100px;
    border: 1px solid #FF7FD8;
    padding: 0 10px 0 0;
}

.secondaryNavigation span a {
    text-decoration: none;
    text-transform: uppercase;
    color: #C44692;
    line-height: 30px;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 1.7em;
}

.secondaryNavigation li span:hover {
    background-color: #0F1E2F;
}

.secondaryNavigation li {
    width: 475px;
    margin: 0;
    padding: 0;
}

.secondaryNavigation li img {
    display: block;
    float: left;
}

.secondaryNavigation li span {
    float: right;
    margin-left: 5px;
    display: block;
    height: 145px;
    width: 260px;
    background-color: #1D354F;
    padding: 5px 5px 0 5px;
    margin-bottom: 5px;
}

.secondaryNavigation a:hover {
    color: #ffffff;
}

small a {
    border: 1px solid #C44692;
    font-size: 80%;
    padding: 1px 5px;
    color: #1E2A38;
    background-color: #C44692;
    font-weight: bold;
}

/*
 --------------------------------------------------------
 */
.secNavNarrow li.arts > span {
    color: #ffffff;
    font-size: 110%;
    line-height: 130%;
}

.secNavNarrow li {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 80%;
    line-height: 105%;
}

.secNavNarrow li img {
    display: block;
    float: left;
}

.secNavNarrow span {
    width: 130px;
    margin-left: 60px;
    height: 150px;
    margin-right: 5px;
}

.secNavNarrow li span {
    display: block;
    background-color: #D64592;
    padding: 5px 5px 0 5px;
    margin-bottom: 5px;
    font-size: 1em;
    color: #192430;
}

.secNavNarrow span h5 {
    color: #192430;
}

.secNavNarrow span a {
    text-decoration: none;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
}

.secNavNarrow a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/*
 --------------------------------------------------------
 */
/*
 h3 {
 background-image: url(../imagesHTML/heading3Bg.png);
 background-repeat: no-repeat;
 background-position: -4px 43px;
 width: 100%;
 height: 46px;
 }
 */
/*
 background image for h3
 h3 {
 background-image: url(../imagesHTML/bullet.png);
 background-repeat: no-repeat;
 background-position: 0px 6px;
 }
 
 */
h4, .services dt {
    color: #C44692;
    font-size: 21px;
    padding: 0;
    text-align: left;
    margin: 20px 0 10px 0;
}

h5 {
    color: #C44692;
}

#mainContainer {
    /*background-color: #1F2B3B ;*/
    /*background: url(../imagesHTML/mainContentBg.jpg) top center;*/
    border-left: 1px solid #1E2A38;
    border-right: 1px solid #1E2A38;
    background-repeat: repeat-y;
}

#mainContainer img .border {
    border: 4px solid #336799;
}

/* .......SET BG COLOUR STRIPES...............*/
#languageStrip {
    background-color: #000000;
    width: 100%;
}

#navigationStrip {
    background-color: #0D161F;
    width: 100%;
    border-top: 1px solid #1E2A38;
    border-bottom: 1px solid #1E2A38;
}

#flashStrip {
    background-color: #000000;
    width: 100%;
}

#mainStrip {
    /*background-image: url(../imagesHTML/BG-GREY-BLUE4.png);*/
    background-repeat: repeat-x;
    width: 100%;
    background-color: #0D161F;
    border-top: 1px solid #1E2A38;
    border-bottom: 1px solid #1E2A38;
}

#footerStrip {
    background-color: #1B2734;
    width: 100%;
}

/* SET PAGE WIDTH
 ----------------------------------------------- */
#languageContainer, #navigationContainer, #flashContainer, #mainContainer, #footerContainer {
    margin: auto;
    width: 960px;
    /*border:1px solid #D8EDFC;*/
}

#mainContainer {
    min-height: 200px;
    overflow: hidden;
}

/* .........................*/
#language {
    height: 30px;
}

#navigation {
    height: 50px;
}

#flash {
    height: 260px;
}

#footer img {
    clear: both;
}
}

#footer {
    height: 200px;
}

/* CONTENT CONTAINERS
 ----------------------------------------------*/
.mainModule {
    margin: 20px 0px 0px 20px;
    height: 100%;
    float: left;
    width: 30%;
}

.mainModule380 {
    width: 360px;
    margin: 10px;
    clear: both;
    float: left;
}

.mainModule540 {
    float: right;
    width: 540px;
    margin: 10px;
}

.mainModule190 {
    margin-top: 40px;
    width: 190px;
    clear: both;
    float: left;
    display: inline;
}

.mainModule760 {
    margin-top: 40px;
    width: 760px;
    float: right;
    display: inline;
}

/* Banner Size
 -----------------------*/
#flashSmall {
    width: 760px;
    height: 260px;
    margin-left: 190px;
    background-color: #000000;
}

/* .......Language Bar..................*/
#selectLanguage img {
    vertical-align: middle;
}

#selectLanguage {
    float: right;
}

#selectLanguage p {
    font-size: 10px;
    padding: 0;
}

#selectLanguage p a {
    display: inline-block;
    margin-top: 4px;
    color: #B1DDFE;
    padding: 4px 6px 3px 6px;
    background-color: #336699;
}

#selectLanguage a:hover {
    background-color: #C45577;
    color: #ffffff;
    text-decoration: none;
}

/* LINKS
 --------------------------------------------------*/
#links p {
}

#links p a {
    color: #C44692;
    font-size: 110%;
    display: inline-block;
    margin-top: 12px;
    background-color: black;
}

#links p {
    margin: 0;
    padding: 0;
    color: #4776AD;
    font-size: 12px;
    font-weight: normal;
    line-height: 100%
}

/* NAVIGATION
 --------------------------------------------------*/
#navigation li {
    padding: 0;
    font-size: 11px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #C44692;
    float: left;
    margin-left: 12px;
    list-style: none;
}

#navigation ul {
    float: right;
    padding-top: 15px;
    /*border-top:1px solid #2D557E;*/
}

#navigation .active a {
    color: #ffffff;
    text-decoration: none;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background: #4776AD none repeat scroll 0 0;
    border: 1px solid #4776AD;
}

#navigation a {
    color: #C44692;
    display: inline-block;
    letter-spacing: 1px;
    padding: 3px 5px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border: 1px solid #0D161F;
}

#navigation a:hover {
    color: #ffffff;
    text-decoration: none;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    background: #4776AD none repeat scroll 0 0;
    border: 1px solid #5385BF;
}

#navigation a:visited {
    color: #ffffff;
}

/*
 ........FOOTER ................ */
#footer div.grid_4 {
    float: left;
    margin-left: 20px;
    padding-right: 10px;
    height: 100px;
    border-right: 1px solid #0F2E4F;
}

#footer {
    background: url(../imagesHTML/footerBg.jpg) top center;
    background-repeat: no-repeat;
    background-position: 0px -15px;
    height: 200px;
    color: #E0E5EF;
    padding: 15px 0 0px 0px;
    background-color: #2F5F90;
}

#footer p {
    position: relative;
    margin: 0;
    line-height: 120%;
    font-size: 12px;
}

#footer h5 {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    color: #FF7FD8;
}

/* EVENTS
 -----------------------*/
.eventDate ul {
    width: 100px;
    background-color: #C44692;
    padding: 2px;
    text-align: center;
}

.eventsContainer h5 {
    color: #C44692;
}

.eventsContainer {
    border-bottom: 1px solid #1E2A38;
    width: 80%;
    margin-bottom: 10px;
}

.eventsContainer p {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 80%;
}

p.eventsDate {
    margin: 0;
    padding: 0;
    color: #6FA7DF;
}

p.eventsDescription {
    margin-bottom: 5px;
    padding: 0 0 5px 0;
}

.midCol {
    color: #696F71;
}

/* Column Left of  Banner
 -----------------------*/
.LeftCol {
    float: left;
    width: 185px;
    height: 260px;
    padding-right: 5px;
    overflow: hidden;
    line-height: 130%
}

/*
 blue /  color: #6fa7df;  or // #5385BF;//  pink/ color: #C44692;
 */
/*        PRICES
 ------------------------------------ */
#prices thead {

    text-transform: uppercase;
    text-align: left;    color: #000000;
}

#prices th {
    padding: 6px 6px 6px 12px;
}

.price-dates {
    line-height: 100%;
 margin-left:5px;
font-size:90%;
    text-transform: none;
    letter-spacing: normal;
}

.price-roomType, .price-amount {
    letter-spacing: 2px;
    padding: 8px 6px 6px 10px;
    line-height: 15px;
}

.price-amount {
    font-weight: bold;
    background-color: #0F2E4F;
}

#price-notSummer {
    background-color: #5385BF;
}

#price-summer {
    background-color: #C44692;
}

#prices td, #prices th {
    border-right: 20px solid #121C27;
}

td.price-details {
    font-size: 80%;
    padding: 7px 0px 4px 7px;
    line-height: 115%;
    background-color: #0F2E4F;
}

/*
 
 
 /* Contact
 ----------------------------------------- */
#phone {
    float: left;
    width: 164px;
    height: 150px;
    background-image: url(../imagesHTML/callOutPink.png);
}

#email {
    clear: left;
    float: left;
    width: 164px;
    height: 150px;
    background-image: url(../imagesHTML/callOutBlue.png);
}

#phone p {
    font-weight: bold;
    font-size: 200%;
    text-align: center;
    padding-top: 10px;
}

#email p {
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    line-height: 100%;
    padding-top: 10px;
}

/* Services
 --------------------------------------*/
.services_list li {
    color: #C44692;
    float: left;
    width: 210px;
    height: 130px;
    background-color: #0F2E4F;
   text-align:center;
 padding: 2px 5px 3px 5px;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 15px;
    background-image: url(../imagesHTML/nav8.jpg);
    background-repeat: no-repeat;
    background-position: -75px 0px;
    font-size: 80%;
}

.services_list {
    padding: 0;
    margin: 0;
}

/* manifestoList
 --------------------------------------*/
.manifestoList {
    list-style-type: none;
    /*
     margin-left: 45px;
     letter-spacing: 0.75px;
     */
    width: 450px;
    padding: 0;
    text-align: left;
}

.manifestoList h1 {
    width: 30px;
    height: 30px;
    background-image: url(../imagesHTML/mandate1.png);
    float: left;
}

.manifestoList1 {
}

.manifestoList2 {
    background-position: -31px 0;
}

.manifestoList3 {
    background-position: -59px 0;
}

.manifestoList4 {
    background-position: -86px 0;
}

.manifestoList5 {
    background-position: -115px 0;
}

.manifestoList6 {
    background-position: -142px 0;
}

.manifestoList span {
    display: block;
    margin-left: 50px;
}

.manifestoList li {
    margin-bottom: 10px;
}

/* Contact page
 --------------------------------------*/
.contactList {
}

.contactList li {
    list-style-type: square;
    padding-bottom: 15px;
}

.quote {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #35495F;
    padding: 5px 7px 5px 7px;
    clear: left;
    width: 66%;
    color: #C44692;
    font-weight: bold;
    font-size: 21px;
}

.quote h5 {
    padding-top: 6px;
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
}

/* Groups page
 --------------------------------------*/
#groups p {
    line-height: 140%;
    width: 500px;
}

.groupsSubhead h4 {
    margin: 14px 0 10px 0;
    position: relative;
    top: 12px;
    color: #BFDFFF;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px 0 3px 5px;
    background: #2D5988;
}

/* Test Classes from vimeo
 --------------------------------------*/
ul.list2 li {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px;
}

ul.list2 {
    margin-left: 15px;
    width: 360px;
}

.list2_Container {
    width: 390px;
    padding: 10px;
    clear: left;
    background-color: #6FA7DF;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
}

/*
 --------------------------------------*/
.LearnMore a {
    text-decoration: underline;
    color: #C44692;
}

/*
 ------paypal form---------------------*/
#paypalForm {
    padding: 10px;
    background-color: #2C5C8F;
    width: 50%;
}

#paypalForm p {
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0;
    font-size: 15px;
    color: #FF6FC9;
}

#paypalForm select option {
    border: 1px dotted #336699;
    padding: 0 2px 0 2px;
}

#paypalForm select, #paypalForm td input {
    border: 1px dotted #336699;
    color: #B1DDFE;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 1px;
    background-color: #336699;
    text-transform: lowercase;
    margin-bottom: 10px;
    border: 1px solid #6FA7DF;
}

#paypalForm submit {
    border: 0px;
}

/*
 --------------------------------------*/