/* 
   ---------------------------------------- 
   ----------// Generic Styles //----------
   ----------------------------------------
*/



body
{
    background: url(Images/bg.gif) repeat-x top left;
    color: #666;
}

a
{
    color: #117799;
    text-decoration: none;
}

a:hover
{
    color: #771177;
}

a.bullet
{
    background: url(Images/bullet.gif) no-repeat left;
    padding-left: 14px;
}

ul.bullet
{
    list-style-image: url(Images/bullet.gif);
}

.two-columns .column
{
    float: left;
    width: 50%;
}

.three-columns .column
{
    float: left;
    width: 33.333%;
}

.four-columns .column
{
    float: left;
    width: 25%;
}

.attention
{
    color: #cc0000;
    font-weight: bold;
}

.message
{
    color: #cc0000;
    padding: 4px;
    background: #ffecbf;
    border: solid 1px #cc0000;
    margin-bottom: 10px;
}

.message ul
{
    list-style-image: none !important;
    list-style-type: disc;
    margin-bottom: 0;
}

.success
{
    color: #009900;
    padding: 4px;
    background: #ffffdd;
    border: solid 1px #009900;
    margin-bottom: 10px;
}

.success p
{
    margin-bottom: 0;
}

.disclaimer
{
    color: #aaa;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    border-top: solid 1px #aaa;
    margin-top: 10px;
    padding: 10px;    
}


/* Floating Menu */
ul.floating-menu
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
}

ul.floating-menu li
{
    float: left;
    border-left: solid 1px #555;
    margin-left: 4px;
}

ul.floating-menu li.first-child, ul.floating-menu li:first-child /* important: first-child class before first-child attribute */
{
    border-left: 0;
    margin-left: 0;
}

ul.floating-menu li a
{
    float: left;
    display: block;
    padding-left: 4px;
}

ul.floating-menu li a:hover
{
    text-decoration: underline;
}

ul.floating-menu li.first-child a, ul.floating-menu li:first-child a /* important: first-child class before first-child attribute */
{
    padding-left: 0;
}


/* Centered Floating Menu */
ul.centered-floating-menu
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    position: relative; /* enables centering of floating list */
    left: 50%; /* enables centering of floating list */
}

ul.centered-floating-menu li
{
    float: left;
    border-left: solid 1px #555;
    margin-left: 4px;
    position: relative; /* enables centering of floating list */
    right: 50%; /* enables centering of floating list */
}

ul.centered-floating-menu li.first-child, ul.centered-floating-menu li:first-child /* important: first-child class before first-child attribute */
{
    border-left: 0;
    margin-left: 0;
}

ul.centered-floating-menu li a
{
    float: left;
    display: block;
    padding-left: 4px;
}

ul.centered-floating-menu li a:hover
{
    text-decoration: underline;
}

ul.centered-floating-menu li.first-child a, ul.centered-floating-menu li:first-child a /* important: first-child class before first-child attribute */
{
    padding-left: 0;
}


/* Inline Menu */
ul.inline-menu
{
    display: inline;
    list-style-type: none;
    margin-bottom: 0;
}

ul.inline-menu li
{
    display: inline;    
    margin-left: 0;
}

ul.inline-menu li a
{    
    display: inline-block;    
    padding-left: 4px;
    border-left: solid 1px #555;
}

ul.inline-menu li.first-child a, ul.inline-menu li:first-child a /* important: first-child class before first-child attribute */
{    
    padding-left: 0;
    border-left: 0; 
}

ul.inline-menu li a:hover
{
    text-decoration: underline;
}



/* <<----------// Site Access //---------->> */
#access-wrap
{
    margin: 10px auto;
    width: 970px;
}

#access
{
    margin: 0 36px;
}


/* Site Switcher */
#site-switcher
{
    float: left;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
}

#site-switcher-link
{
    background: url(Images/bullet.gif) no-repeat left;
    color: #666;
    padding-left: 14px;
}

#site-switcher-link:hover
{
    text-decoration: underline;
}


/* Site Switcher Modal */
.modal-bg
{
    background-color: #000;
    opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    -khtml-opacity: .5; /* Safari 1.x */
    -moz-opacity: .5; /* FF lt 1.5, Netscape */
}

.sites-modal
{
    background-color: #fff;
    border: 1px solid #333;
    width: 700px;
}

#sites-modal-header
{
    background: url(Images/swoosh.jpg) repeat-x;
    height: 60px;
    padding: 10px;
}

#sites-modal-close-link
{
    background: url(Images/close.gif) no-repeat left;
    color: #666;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    padding-left: 14px;
    float: right;
}

#sites-modal-close-link:hover
{
    text-decoration: underline;
}

#sites-modal-content
{
    padding: 10px;
}

#sites-modal-content h5
{
    color: #9999cc;
    border-bottom: solid 1px #9999cc;
    margin-top: -15px;
}

#sites-modal-content ul
{
    margin: 4px;
}

#sites-modal-content ul li
{
    border-top: solid 1px #bbb;
    padding: 4px;
}

#sites-modal-content ul li.first-child, #sites-modal-content ul li:first-child
{
    border-top: 0;
}


/* Site Localize */
#site-switcher .localize em
{
    font-style: normal;
    font-weight: bold;
}

#site-switcher .localize select
{
    font: 10px/1.2 Verdana, Geneva, sans-serif;
}


/* Site Login */
div#site-login
{
    float: right;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
}



/* <<----------// Site Header //---------->> */
#header-wrap
{
    margin: 0 auto;
    width: 970px;
}

#header
{
    background: #fff url(Images/header-bg.jpg) repeat-x;
    height: 75px;
}

#header-left
{
    float: left;
    background: #fff url(Images/header-bg-left.jpg) no-repeat top left;
    height: 75px;
    width: 402px;
}

#header-middle
{
    float: left;
    height: 75px;
    position: relative;
    width: 548px;
}

#header-right
{
    float: left;
    width: 20px;
    height: 75px;
    background: url(Images/header-bg-right.jpg) no-repeat;
}


/* Header Logo */
#logo
{
    margin: 6px 2px 4px 20px;
}

#logo a
{
    outline: none;
}

#logo img
{
    height: 65px;
    width: 380px;
    display: block; /* remove trailing spacing */
}


/* Header Action */
#action
{
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    position: absolute;
    right: 6px;
    top: 4px;
}

#action ul.floating-menu li
{
    border-color: #fff;
}

#action ul.floating-menu li a
{
    color: #fff;
}


/* Header Search */
#search
{
    position: absolute;
    right: 6px;
    bottom: 14px;
}

#search .text
{
    border: 1px solid #ffaa11;
    color: #ffaa11;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    vertical-align: middle;
    width: 180px;
}

#search input[type=text]
{
    border: 1px solid #ffaa11;
    color: #ffaa11;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    vertical-align: middle;
    width: 180px;
}

#search .button
{
    vertical-align: middle;
}

#search input[type=image]
{
    vertical-align: middle;
}



/* <<----------// Site Navigation //---------->> */
#navigation-wrap
{
    background: #fff url(Images/shadow.gif) repeat-y;
    margin: 0 auto;
    width: 970px;
}

#navigation
{
    background: #fff url(Images/Navigation/bg.jpg) repeat-x;
    height: 25px;
    margin: 0 10px;
}


/* Main Navigation */
#navigation .main-navigation
{
    float: left;
    margin-left: 16px;
    display: inline; /* prevent double margins in IE6 */
}

#navigation .main-navigation ul
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
}

#navigation .main-navigation ul li.navigation-item
{
    float: left;
    margin-left: 0;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel
{
    background: url(Images/Navigation/tab-left.gif) no-repeat top left;
    float: left;
    height: 25px;
    margin-right: 1px;
    padding-left: 8px;
    position: relative;
    z-index: 100;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel a.navigation-item-link
{
    float: left;
    display: block;
    color: #fff;
    background: url(Images/Navigation/tab-right.gif) no-repeat top right;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding-right: 10px;
    padding-top: 5px;
    text-decoration: none;
    outline: none;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.over
{
    background: url(Images/Navigation/tab-left-over.gif) no-repeat top left;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.over a.navigation-item-link
{
    background: url(Images/Navigation/tab-right-over.gif) no-repeat top right;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.current
{
    background: url(Images/Navigation/tab-left-current.gif) no-repeat top left;
}

#navigation .main-navigation ul li.navigation-item .navigation-item-panel.current a.navigation-item-link
{
    background: url(Images/Navigation/tab-right-current.gif) no-repeat top right;
    color: #666;
}


/* Main Navigation Submenu */
#navigation .main-navigation ul li.navigation-item .navigation-submenu
{
    background-color: #fff;
    border: 2px solid #ffd065;
    padding: 4px;   
    position: absolute;
    visibility: hidden;
    z-index: 99;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu h6
{
    margin-bottom: 10px;
    margin-top: 4px;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu-subtitle
{
    border-bottom: dotted 2px #aaa;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul
{
    float: none;
    margin: 10px;    
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul li
{
    margin-left: 14px;
}

#navigation .main-navigation ul li.navigation-item .navigation-submenu ul li ul
{
    margin: 0;  
    margin-left: 4px;  
}


/* Sub Navigation */
#navigation .sub-navigation
{
    float: right;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    margin-right: 16px;
    display: inline; /* prevent double margins in IE6 */
}

#navigation .sub-navigation ul.floating-menu
{
    margin-top: 6px;
}

#navigation .sub-navigation ul.floating-menu li
{
    border-color: #fff;
}

#navigation .sub-navigation ul.floating-menu li a
{
    color: #fff;
}



/* <<----------// Site Container //---------->> */
#container-wrap
{
    background: url(Images/shadow.gif) repeat-y;
    margin: 0 auto;
    width: 970px;
}

#container
{
    background-color: #fff;
    margin: 0 10px;
    padding: 16px;    
}



/* <<----------// Site Content //---------->> */
#content
{
    float: left;
    width: 686px;
}


/* Content Intro */
.intro
{
    font-size: 16px;
    margin-bottom: 20px;
}

.intro .intro-inner
{
}

.intro h1
{
    margin-bottom: 4px;
    vertical-align: middle;
}

.intro .title-image
{
    float: left;    
    vertical-align: middle;
}

.intro .intro-subtitle
{
    font-size: 14px;
    letter-spacing: 1px;
}

.intro .intro-content
{
    font-size: 14px;
    letter-spacing: 1px;
}

.intro .intro-image
{
}


/* Gallery */
#gallery
{
}

div.gallery-content
{
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    float: left;
    width: 380px;
}

div.gallery-content a, div.gallery-navigation a
{
    text-decoration: none;
    color: #777;
}

div.gallery-content a:focus, div.gallery-content a:hover, div.gallery-content a:active
{
    text-decoration: underline;
}

div.gallery-controls
{
    margin-top: 5px;
    height: 23px;
}

div.gallery-controls a
{
    padding: 5px;
}

div.ss-controls
{
    float: left;
}

div.nav-controls
{
    float: right;
}

div.slideshow-container
{
    position: relative;
    clear: both;
    height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow-loader
{
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 380px;
    height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow
{
}

div.slideshow span.image-wrapper
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

div.slideshow a.advance-link
{
    display: block;
    width: 380px;
    height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
    line-height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited
{
    text-decoration: none;
}

div.slideshow img
{
    vertical-align: middle;
    border: 1px solid #ccc;
}

div.slideshow-caption
{
}

span.image-caption
{
    display: block;
    position: absolute;
}

div.caption
{
    background-color: #000;
    color: #ccc;
    padding: 4px;
}

div.image-title
{
    font-weight: bold;
    font-size: 1.3em;
}

div.image-desc
{
    line-height: 1.1em;
    padding-top: 10px;
}

div.gallery-navigation
{
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs
{
    clear: both;
    margin: 0;
    padding: 0;
}

ul.thumbs li
{
    float: left;
    padding: 0;
    margin: 5px 10px 5px 0;
    list-style: none;
}

a.thumb
{
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

ul.thumbs li.selected a.thumb
{
    background: #000;
}

a.thumb:focus
{
    outline: none;
}

ul.thumbs img
{
    border: none;
    display: block;
    width: 74px;
    height: 74px;
}

div.pagination
{
    clear: both;
}

div.gallery-navigation div.top
{
    margin-bottom: 12px;
    height: 11px;
}

div.gallery-navigation div.bottom
{
    margin-top: 12px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis
{
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
}

div.pagination a:hover
{
    background-color: #eee;
    text-decoration: none;
}

div.pagination span.current
{
    font-weight: bold;
    background-color: #000;
    border-color: #000;
    color: #fff;
}

div.pagination span.ellipsis
{
    border: none;
    padding: 5px 0 3px 2px;
}


/* FAQs */
.faqs
{
    margin-bottom: 10px;
}


/* Media */
#media
{
    text-align: center;
}

#media h5
{
    text-align: left;
}


/* Fees */
#fees .course-table .table-header
{
    text-align: center;
}

#fees .course-fee-table
{
    margin-bottom: 0;
}


/* Call-to-Action */
#call-to-action
{
    float: right;
    border-left: 1px solid #919b9c;
    border-bottom: 1px solid #919b9c;
    margin-right: 16px;
}

#call-to-action ul
{
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    list-style-image: none;
}

#call-to-action ul li
{
    float: left;
    border-right: solid 1px #919b9c;
    margin-left: 0;    
    padding: 4px;       
}

#call-to-action ul li a
{
    float: left;
    display: block;
    font: 11px/1.2 Verdana, Geneva, sans-serif;    
}


/* Content Feature */
#content .feature
{
    background-color: #bbb;
    margin-bottom: 10px;
    padding: 3px;
}

#content .feature h4
{
    margin-bottom: 2px;
    margin-top: 2px;
}

#content .feature h6
{
    color: #fff;
    margin-bottom: 2px;
    margin-top: 2px;
}

#content .feature-subtitle
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
}

#content .feature-content
{
    background-color: #fff;
    font-size: 12px;
    padding: 4px;
}

#content .feature-image
{
    margin-bottom: 10px;
    width: 100%;
}


/* Content Section */
.section
{
    margin-bottom: 20px;
}

.section h2
{
    border-bottom: solid 2px #117799;
    color: #117799;
    font-size: 16px; /* not ideal */
    padding-bottom: 4px;
}

.section h5
{
    color: #9999cc;
    border-bottom: 1px solid #9999cc;
}

.section ul
{
    list-style-image: url(Images/bullet.gif);
}

.section ul li
{
    padding: 2px;
}



/* <<----------// Bookmark //---------->> */
#bookmark
{
    background-color: #ddd;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    padding: 3px;
}

#bookmark-inner
{
    background-color: #fff;
    padding: 4px;
    overflow: hidden; /* prevents centered-floating-menu from sticking out on the right */
}

#bookmark-inner em
{
    float: left;
    font-style: normal;
    font-weight: bold;
}

#bookmark-tip-link
{
    float: right;
}

#bookmark-tip
{
    display: none;
}

#bookmark-inner ul.centered-floating-menu
{    
    margin-bottom: 8px;
    margin-top: 16px;    
}

#bookmark-inner ul.centered-floating-menu li
{    
    border-left: 0;
    margin-right: 10px;    
    margin-left: 0;    
}

#bookmark-inner ul.centered-floating-menu li a
{    
    padding: 4px;
}

#bookmark-inner ul.centered-floating-menu li a:hover
{    
    text-decoration: none;
}

#bookmark-inner ul.centered-floating-menu li img
{
    float: left;
}



/* <<----------// Site Sidebar //---------->> */
#sidebar
{
    float: left;
    margin-left: 16px;
    width: 216px;
}


/* Sidebar Feature */
#sidebar .feature
{
    background-color: #bbb;
    margin-bottom: 10px;
    padding: 3px;
}

#sidebar .feature h6
{
    color: #fff;
    margin-bottom: 2px;
    margin-top: 2px;
    vertical-align: middle; 
}

#sidebar .feature .title-image
{
    float: left;   
    margin-bottom: 2px;
    margin-top: 2px; 
    vertical-align: middle;
}

#sidebar .feature-content
{
    background-color: #fff;
    font-size: 11px;
    padding: 4px;
}

#sidebar .feature-image
{
    margin-bottom: 10px;
    width: 100%;
}



/* <<----------// Site Footer //---------->> */
#footer-wrap
{
    background: url(Images/shadow.gif) repeat-y;
    margin: 0 auto;
    width: 970px;
    margin-bottom: 10px;
}

#footer
{
    background-color: #fff;
    margin: 0 10px;
}   

#footer-bottom
{
    background: url(Images/footer-bg.gif) no-repeat bottom;
    height: 25px;
    width: 970px;    
}


/* Footer Main Navigation */
#footer .main-navigation
{
    background: #ddd;
    font: 11px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 4px;
    overflow: hidden; /* prevents centered-floating-menu from sticking out on the right */
}

#footer .main-navigation ul.centered-floating-menu li
{
    border-color: #666;
}

#footer .main-navigation ul.centered-floating-menu li a:hover
{
    text-decoration: none;
}


/* Association */
#association
{
    border-bottom: 2px dotted #bbb;
    font: 11px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
}

#association img
{
    height: 50px;
    margin-top: 4px;
    width: 700px;
}


/* SEO */
#seo
{
    color: #aaa;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
}

#seo ul.inline-menu li
{    
    margin: 2px 0;
}

#seo ul.inline-menu li a
{    
    border-color: #aaa;
    color: #aaa;       
}


/* Legal */
#legal
{
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
}

#legal em
{
    font-style: normal;
    font-weight: bold;
}

#legal ul.inline-menu li
{
    border-color: #666;
}

#legal ul li a:hover
{
    text-decoration: none;
}


/* Footer Localize */
#footer .localize
{
    color: #aaa;
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
}

#footer .localize em
{
    font-style: normal;
    font-weight: bold;
}

#footer .localize ul.inline-menu li a
{
    border-color: #aaa;
    color: #aaa;    
}



/* <<----------// Nice Form //---------->> */
.nice-form
{
    font-size: 11px;
}

.nice-form legend
{
    font-size: 16px;
    font-weight: bold;
    color: #ffaa11;
    padding: 20px 0;
}

.nice-form h5
{        
}

.nice-form .form-sub-title
{
    font-size: 12px;
    font-weight: bold;
    color: #ffaa11;
    padding: 10px 0;
    padding-left: 224px;
    margin-bottom: 12px;
}

.nice-form .form-field
{
    padding-left: 224px;
    margin-bottom: 12px;
}

.nice-form .form-field input,
.nice-form .form-field select, 
.nice-form .form-field textarea
{
    font: 11px/1.2 Arial, Helvetica, sans-serif;
}

.nice-form .form-field .form-label
{
    float: left;
    font-weight: bold;
    margin: 2px 0;
    margin-left: -224px;
    text-align: right;
    width: 216px;
    display: inline; /* prevent double margins in IE6 */
}

.nice-form .form-field .form-label em
{
    color: #cc0000;
}

.nice-form .static-field
{
    float: left;
    margin: 2px 0;
}

.nice-form .multi-fields
{
    float: left;     
    width: 100%;    
}

.nice-form .multi-field
{
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
}

.nice-form .multi-field .form-label
{
    display: block;
    margin: 2px 0;    
    float: none;
    font-weight: normal; 
    text-align: left;
    width: auto;
}

.nice-form .multi-field .form-label em
{
    color: #cc0000;
}

.nice-form .button-field
{
}

.nice-form .button-field input[type=submit]
{
    font-size: 11px;
}

.nice-form .button-field .left-button
{
    float: left;
}

.nice-form .button-field .right-button
{
    float: right;
}

.nice-form .form-hint
{
    margin: 4px 0;
}



/* <<----------// Table //---------->> */
.table
{
    border-color: #ffaa11;    
    color: #666;
}

.table-header
{
    font-weight: bold;
    background-color: #ffaa11;
    color: #fff;
    padding: 4px;
}

.table-sub-header
{
    font-weight: bold;
    background-color: #ffd065;    
    padding: 4px;
}

.table-item
{
    padding: 4px;
    vertical-align: middle;
}

.table-alternating-row
{
    background-color: #ffecbf;
}

.table-row
{
    background-color: #fff;    
}

.table-footer
{
    border-top: solid 2px #666;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
}

.table-item.price, .table-footer.price
{
    color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}


/* <<----------// Tabs //---------->> */


/* Ajax Toolkit Tabs */
.ajax__tab_header
{
    padding-left: 16px;
}

.ajax__tab_tab
{
    font-size: 12px;
}

.ajax__tab_body
{
    font: 12px/1.2 Arial, Helvetica, sans-serif !important;
    padding: 6px !important;
}


/* Horizontal Tabs */
ul.tabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}

ul.tabs li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}

ul.tabs li a
{
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}

ul.tabs li a:hover
{
    background: #ccc;
}

html ul.tabs li.active, html ul.tabs li.active a:hover
{
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab-container
{
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab-content
{
    padding: 20px;
    font-size: 1.2em;
}


/* Vartical Tbas */
ul.vtabs
{
    margin: 6px 0 0 10px;
    padding: 0;
    float: left;
    list-style-type: none;
    list-style-image: none;
    width: 164px;
    display: inline; /* prevent double margins in IE6 */
}

ul.vtabs li.vtab
{
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
    background: #e0e0e0;
}

ul.vtabs li.vtab a.vtab-link
{    
    font: 12px/1.2 Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #666;
    display: block;    
    font-weight: bold;
    padding: 6px;
    outline: none;
}

ul.vtabs li.vtab a.vtab-link:hover
{
    background: #ccc;
}

html ul.vtabs li.vtab.active, html ul.vtabs li.vtab.active a.vtab-link:hover
{
    background: #ffaa11;
}

ul.vtabs li.vtab.active a.vtab-link
{
    color: #fff;
}

.vtab-container
{    
    float: left;
    width: 498px;
    overflow: auto;
}

.vtab-content
{
    font: 12px/1.2 Arial, Helvetica, sans-serif;
    padding: 6px;
    padding-left: 16px;
}



/* <<----------// Accordion //---------->> */
.accordion-header
{
    padding: 4px;
    cursor: pointer;
}

.accordion-header:hover
{
}

.accordion-header a
{
    background: url(Images/Accordion/plus.gif) center left no-repeat;
    padding-left: 20px;
    text-decoration: none;
}

.accordion-header-selected
{
    font-weight: bold;
    padding: 4px;
    cursor: pointer;
}

.accordion-header-selected a
{
    background: url(Images/Accordion/minus.gif) center left no-repeat;
    padding-left: 20px;
    text-decoration: none;
}

.accordion-content
{
    padding: 4px;
    padding-left: 24px;
    margin-bottom: 10px;
}




/* http://sonspring.com/journal/clearing-floats */

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}




/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */

/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/* close commented backslash hack */




/* 
   ---------------------------------------- 
   ----------// Specific Styles //----------
   ----------------------------------------
*/




/* <<----------// Site Content //---------->> */


/* Home Intro */
#home-intro
{
}

#home-slideshow
{
    float: left;
    margin-right: 10px;
    z-index: 98;
}

#home-slideshow .gallerydesctext
{
    padding: 4px;
}


/* Site Search Intro */
#search-intro
{
}

#search-intro .results
{
    color: #ffaa11;
    font-weight: bold;
    font-size: 16px;
}


/* About Intro */
#about-intro
{
}

#about-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    float: left;
    padding: 6px;
    width: 458px;
}

#about-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#about-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Privacy Intro */
#privacy-intro
{
}

#privacy-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    float: left;
    padding: 6px;
    width: 458px;
}

#privacy-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#privacy-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Terms Intro */
#terms-intro
{
}

#terms-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    float: left;
    padding: 6px;
    width: 458px;
}

#terms-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#terms-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Contact Intro */
#contact-intro
{
}

#contact-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    float: left;
    padding: 6px;
    width: 458px;
}

#contact-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#contact-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Downloads Intro */
#downloads-intro
{
}

#downloads-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    padding: 6px;
}

#downloads-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#downloads-intro .recycle img
{
    vertical-align: middle;
}

#downloads-intro .get-adobe-reader
{
    padding: 4px;
    background: #ffecbf;
    border: solid 1px #cc0000;
}

#downloads-intro .get-adobe-reader img
{
    float: left;
    margin-bottom: 4px;
    margin-right: 4px;
}


/* Site Map Intro */
#site-map-intro
{
}

#site-map-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    padding: 6px;
}

#site-map-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#site-map-intro .intro-content-inner
{
    font-size: 12px;
    letter-spacing: normal;
    margin: 4px;
}

#site-map-intro .intro-content-inner h5
{
    color: #9999cc;
    border-bottom: 1px solid #9999cc;
}


/* Book Intro */
#book-intro
{
}

#book-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    padding: 6px;    
}

#book-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}

#book-intro .intro-content-inner
{
    margin: 4px;
}

#book-intro .intro-content-inner h5
{
    color: #9999cc;
    border-bottom: 1px solid #9999cc;
}


/* Account Intro */
#account-intro
{
}

#account-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    padding: 6px;
}

#account-intro .intro-content
{
    background-color: #fff;
    padding: 4px;    
}

#account-intro .intro-content-inner
{
    margin: 4px;
}

#account-intro .intro-content-inner h5
{
    color: #9999cc;
    border-bottom: 1px solid #9999cc;
}


/* Login Intro */
#login-intro
{
}

#login-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    padding: 6px;
}

#login-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
    width: 666px;
}

#login-intro .intro-content .two-columns
{
    width: 682px;
    overflow: hidden;
}

#login-intro .intro-content .two-columns .column
{
    margin-right: 16px;
    width: 325px;
}

#login-intro .intro-content-inner
{
    margin: 4px;
}

#login-intro .intro-content-inner h5
{
    color: #9999cc;
    border-bottom: 1px solid #9999cc;
}


/* Category Intro */
#category-intro
{
}

#category-intro .intro-inner
{
    background: #fdb url(Images/category-intro-bg.gif) repeat-x;
    padding: 6px;
}

#category-intro h1
{
    color: #fff;
}

#category-intro .intro-subtitle
{
    color: #fff;
}

#category-intro .intro-image
{
    float: left;   
    margin-right: 10px;
}

#category-intro .intro-content
{
    font-size: 12px;
    letter-spacing: 0;
}


/* Course Intro */
#course-intro
{
}

#course-intro .intro-inner
{
    background: #ddd url(Images/course-intro-bg.gif) repeat-x;
    padding: 6px;
}

#course-intro h1
{    
}

#course-intro .title-image
{    
    margin-right: 10px;
    height: 30px;
    width: 53px;    
}

#course-intro .intro-subtitle
{
    margin-bottom: 4px;
}

#course-intro .intro-image
{
    background-color: #fff;
    padding: 4px;
}

#course-intro .intro-image img
{
    float: left;
    width: 160px;
    height: 160px;    
    margin-right: 4px;
}

#course-intro .course-sticker
{
    float: left;
    width: 166px;    
    padding: 4px;
    background-color: #ddd;
}


/* Oops Intro */
#oops-intro
{
}

#oops-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    padding: 6px;
}

#oops-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}


/* FAQs Intro */
#faqs-intro
{
}

#faqs-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;
    padding: 6px;
}

#faqs-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}


/* Jobs Intro */
#jobs-intro
{
}

#jobs-intro .intro-inner
{
    background: #ddd url(Images/intro-bg.gif) repeat-x;    
    padding: 6px;    
}

#jobs-intro .intro-content
{
    background-color: #fff;
    padding: 4px;
}


/* Recruitment Intro */
#recruitment-intro
{
}

/* Recruitment Intro */
#recruitment-intro
{
}

#recruitment-intro .intro-inner
{
    background: #fdb url(Images/category-intro-bg.gif) repeat-x;    
    float: left;
    padding: 6px;
    width: 458px;
}

#recruitment-intro h1
{
    color: #fff;
}

#recruitment-intro .intro-subtitle
{
    color: #fff;
}

#recruitment-intro .intro-content
{
    font-size: 12px;
    letter-spacing: 0;
}

#recruitment-intro .intro-image
{
    float: left;
    height: 130px;
    margin-left: 16px;
    width: 200px;
}


/* Content Feature */
.featured-two-columns
{
    width: 686px;
    overflow: hidden;
}

.featured-two-columns .two-columns
{
    width: 702px;
    float: left;
}

.featured-two-columns .two-columns .column
{
    margin-right: 16px;
    width: 335px;
    display: inline; /* prevent double margins in IE6 */
}


/* Home Feature */
#home-feature.feature
{
    background: #ddd url(Images/feature-bg.gif) repeat-x;
}

#home-feature .feature-content
{
    font-size: 14px;
}

#home-feature .course-list
{
    font-size: 12px;
    margin-bottom: 0;
}

#home-feature .course-list td
{
    padding: 4px;
}

#home-feature .feature-image
{
    float: left;
    height: 90px;
    margin-right: 4px;
    margin-bottom: 0;
    width: 90px;
}


/* Agent Feature */
#agent-feature.feature
{
    background: #ddd url(Images/feature-bg.gif) repeat-x;
}


/* Safety Feature */
#safety-feature.feature
{
    background: #ddd url(Images/feature-bg.gif) repeat-x;
}


/* Brochure Feature */
#brochure-feature .feature-content
{
    width: 202px;
    overflow: hidden;
}

#brochure-feature .two-columns
{
    width: 212px;
}

#brochure-feature .column
{
    width: 102px;
    margin-right: 4px;
}

#brochure-feature .feature-image
{
    margin-bottom: 0;
}


/* Testimonial Feature */
#content #testimonials .feature
{
    background-color: #ffd065;
}

#content #testimonials .feature-subtitle
{
    text-align: right;
}

#content #testimonials .feature-content
{
    line-height: 18px;
}

#content #testimonials .feature .quote
{
    color: #ffaa11;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}



/* <<----------// Site Sidebar //---------->> */


/* Centre Map Feature */
#centre-map-feature.feature
{
    background-color: #ffaa11;
}

#centre-map-feature .title-image
{    
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-right: 4px;
    height: 12px;
    width: 20px;    
}

#centre-map-feature .feature-image
{    
    margin-bottom: 3px; 
    display: block; /* remove trailing spacing */       
}

#centre-map-feature .feature-content ul
{
    margin-bottom: 0;
}


/* Football Coaching */
#football-coaching.feature
{
    background-color: #001c57;
}

#football-coaching .feature-subtitle
{
    color: #001c57;
    font-weight: bold;
}

#football-coaching .feature-image
{
    float: left;
    height: 45px;
    margin-right: 3px;
    width: 90px;
}


/* Tennis Coaching */
#tennis-coaching.feature
{
    background-color: #336633;
}

#tennis-coaching .feature-image
{
    float: left;
    height: 80px;
    margin-right: 3px;
    width: 80px;
}




/* <<----------// Nice Form //---------->> */


/* Account Form */
#account-form
{
    font-size: 11px;
    letter-spacing: 0;    
}

#account-form .nice-form .cv-button-field
{
    padding-left: 224px;
}


/* Login Form */
#login-form
{
    font-size: 11px;
    letter-spacing: 0;    
}

#login-form .nice-form .form-field
{
    padding-left: 96px;
    margin-bottom: 4px;
}

#login-form .nice-form .form-field input[type=text], #login-form .nice-form .form-field input[type=password]
{
    width: 128px;
}

#login-form .nice-form .form-label
{
    margin-left: -96px;
    width: 88px;
}

#login-form .nice-form .button-field
{
    padding-left: 96px;
}


/* Testimonial Form */
#testimonial-form
{
    font-size: 11px;
    letter-spacing: 0;    
}

#testimonial-form .nice-form .form-field
{
    padding-left: 120px;
    margin-bottom: 4px;
}

#testimonial-form .nice-form .form-label
{
    margin-left: -120px;
    width: 112px;
}

#testimonial-form .nice-form .multi-field .form-label
{
    width: auto;
    margin-left: 0;
}

#testimonial-form .nice-form .button-field
{
    padding-left: 120px;
}


/* FAQ Form */
#faq-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#faq-form .nice-form .form-field
{
    padding-left: 120px;
    margin-bottom: 4px;
}

#faq-form .nice-form .form-label
{
    margin-left: -120px;
    width: 112px;
}

#faq-form .nice-form .button-field
{
    padding-left: 120px;
}


/* Contact Details Form */
#contact-details-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#contact-details-form .nice-form .form-field
{
    padding-left: 120px;
    margin-bottom: 4px;
}

#contact-details-form .nice-form .form-label
{
    margin-left: -120px;
    width: 112px;
}

#contact-details-form .two-columns
{
    margin-bottom: 10px;
}


/* Enquiry Form */
#enquiry-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#enquiry-form .nice-form .button-field
{
    padding-left: 224px;
}


/* Recruitment Form */
#recruitment-form
{
    font-size: 11px;
    letter-spacing: 0;    
}

#recruitment-form .nice-form h5
{
    color: #ffaa11;
    border-bottom: 1px solid #ffaa11;   
}

#recruitment-form .nice-form .form-sub-title
{
    padding-left: 272px;
}

#recruitment-form .nice-form .form-field
{
    padding-left: 272px;    
}

#recruitment-form .nice-form .form-label
{
    margin-left: -272px;
    width: 264px;
}

#recruitment-form .nice-form .multi-field .form-label
{
    width: auto;
    margin-left: 0;
}

#recruitment-form .skills .multi-field
{
    width: 160px;
}

#recruitment-form .teaching-experience .multi-field
{
    width: 80px;
}

#recruitment-form .centre-access .multi-field
{
    width: 80px;
}

#recruitment-form .dates .multi-fields
{
    width: 50%;
}


/* Recruitment Declarations Form */
#recruitment-form #declarations .form-field
{
    padding-left: 624px;   
    text-align: center; 
}

#recruitment-form #declarations .form-label
{
    margin-left: -624px;
    width: 616px;    
}


/* Send to Friend Form */
#send-to-friend-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#send-to-friend-form .nice-form .button-field
{
    padding-left: 224px;
}


/* Newsletter Form */
#newsletter-form
{
    font-size: 11px;
    letter-spacing: 0;
}

#newsletter-form .loading
{
    background: #fffcdf;    
    right: 0;
    position: absolute;
    top: 0;
    padding: 4px;
}

#newsletter-form .nice-form
{
    margin-bottom: 4px;
}

#newsletter-form .nice-form .form-field
{
    padding-left: 80px;
    margin-bottom: 8px;
}

#newsletter-form .nice-form .form-field input[type=text]
{
    width: 80%;
}

#newsletter-form .nice-form .form-label
{
    margin-left: -80px;
    width: 72px;
}

#newsletter-form .nice-form .button-field
{
    padding-left: 80px;
}


/* Search Result Form */
.search-result .search-result-form
{
    float: left;
    width: 352px;
}

.search-result .search-result-form .nice-form
{
    margin-bottom: 4px;
}

.search-result .search-result-form .nice-form .form-field
{    
    padding-left: 80px;
    margin-bottom: 8px;
}

.search-result .search-result-form .nice-form .form-field select
{
    width: 100%;
}

.search-result .search-result-form .nice-form .form-label
{
    margin-left: -80px;
    width: 72px; 
}


/* Course Sticker */
.course-sticker
{
    font-size: 11px;
    letter-spacing: 0; 
}

.course-sticker .nice-form .form-field
{
    padding-left: 56px;
    margin-bottom: 4px;
}

.course-sticker .nice-form .form-label
{
    margin-left: -56px;
    width: 48px;
}

.course-sticker .price-from
{
    color: #ff0000;
    font-weight: bold;
}

.course-sticker .price-from em
{
    font-size: 28px;
    font-style: normal;
}

.course-sticker .nice-form .button-field
{
    text-align: center;
    vertical-align: middle;
}

.course-sticker .nice-form .button-field input[type=image]
{
    vertical-align: middle;
}


/* Online Booking Form */
#booking-form
{
    font-size: 11px;
    letter-spacing: 0;
    position: relative; /* for "Loading..." div */
}

#booking-form .info
{
    font-size: 12px;
    letter-spacing: 0;
}

#booking-form .info h6
{    
    color: #ffaa11;  
    margin-bottom: 4px;  
}

#booking-form .nice-form h5
{
    color: #ffaa11;
    border-bottom: 1px solid #ffaa11;    
}

#booking-form .nice-form .button-field input[type=submit]
{
    width: 128px;
}

#booking-form .nice-form .cv-button-field
{
    padding-left: 224px;
}

#booking-form .loading
{
    background: #fffcdf;    
    right: 0;
    position: absolute;
    top: 0;
    padding: 4px;
}



/* <<----------// Site Search //---------->> */
.search-result-option
{
    font: 10px/1.2 Verdana, Geneva, sans-serif;
    float: right;
    background: #ddd;
    padding: 4px;
    margin-right: 10px;
}

.search-result-option select
{
    font: 10px/1.2 Verdana, Geneva, sans-serif;
}

.search-result-option label
{
    font-weight: bold;
}

.no-result
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 4px;
    margin: 10px 0;
}

.search-result
{
    border-bottom: 2px dotted #bbb;
    padding: 4px;
    margin: 10px 0;
}

.search-result .search-result-image
{
    float: left;
    margin-right: 10px;
}

.search-result a
{
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 16px;
}

.search-result em
{
    display: block;
    margin-bottom: 10px;
}

.search-result-content
{
    margin-bottom: 10px;
}

.search-result .course-sticker
{
    float: right;
    width: 196px;
}

.search-result .course-sticker em
{
    display: inline;
}

.search-pager
{
    background: #ddd;
    padding: 4px;
}

.search-pager .results
{
    float: left;
}

.search-pager .custom-pager
{
    float: right;
}

.custom-pager a.current
{
    font-weight: bold;
}