/* 
   ---------------------------------------- 
   ----------// 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%;
}

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

.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;
}


/* 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 ;
}

#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;
}

div#site-login table
{
    margin-bottom: 0;
}



/* <<----------// 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: 370px;
}

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

#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: 348px; /* 350px really */
    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 #117711;
    color: #117711;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    vertical-align: middle;
    width: 180px;
}

#search input[type=text]
{
    border: 1px solid #117711;
    color: #117711;
    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: 2px;
    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 #5cca86;
    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
{
}


/* 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;
}


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

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

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

#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%;
}


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


/* 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;
}



/* <<----------// 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: 4px;
    margin-top: 4px;
    vertical-align: middle;
    font-size: 14px;
}

#sidebar .feature .title-image
{
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
    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: 520px;
}


/* 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: #117711;
    padding: 20px 0;
}

.nice-form .form-sub-title
{
    font-size: 12px;
    font-weight: bold;
    color: #117711;
    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: #117711;
    color: #666;
}

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

.table-sub-header
{
    font-weight: bold;
    background-color: #5cca86;
    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: #117711;
}

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;
}


/* 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 */
}

.featured-three-columns
{
    width: 672px;
    overflow: hidden;
}

.featured-three-columns .three-columns
{
    width: 688px;
    float: left;
}

.featured-three-columns .three-columns .column
{
    margin-right: 6px;
    width: 221px;
    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 .programme-list
{
    font-size: 12px;
    margin-bottom: 0;
}

#home-feature .programme-list li
{
    border-top: solid 1px #ccc;
    padding: 4px 0;
}

#home-feature .programme-list li.first-child, #home-feature .programme-list li:first-child
{
    border-top: 0;
    padding-top: 0;
}


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

#employers-feature .feature-content
{
    font-size: 12px;
}

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


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

#agents-feature .feature-content
{
    font-size: 12px;
}

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


/* Agents Intro */
#agents-intro
{
}

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

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

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


/* 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;
}


/* 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;
}


/* Insurance Intro */
#insurance-intro
{
}

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

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

#insurance-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;
}


/* Employers Intro */
#employers-intro
{
}

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

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

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


/* 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;
}


/* 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;
}


/* Programme Intro */
#programme-intro
{
}

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

#programme-intro h1
{
}

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

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

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

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

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


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

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

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

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


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

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


/* <<----------// Site Search //---------->> */
#search-results
{
    position: relative; /* for "Loading..." div */
}

#search-results .loading
{
    background: #fffcdf;
    left: 0;
    position: absolute;
    top: 0;
    padding: 4px;
}

.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 .programme-sticker
{
    float: right;
    width: 196px;
}

.search-result .programme-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;
}



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


/* 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;
}



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


/* 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;
}


/* 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;
}


/* 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;
}


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

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

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

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

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

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

.programme-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: #117711;  
    margin-bottom: 4px;  
}

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

#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;
}

#booking-form #declarations .form-field
{
    padding-left: 624px;   
    text-align: center; 
}

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


/* 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;
}


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

#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 .text
{
    width: 80%;
}

#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;
}
















/* << ----------------// General Styles //---------------->> */
span.loading
{
    background: url(Images/ajax_loader.gif) no-repeat left;
    padding: 4px 4px 4px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.required
{
    color: #FF0000;
    font-weight: bold;
    font-size: 14px;
}








/* << ----------------// Box (general) Styles //---------------->> */
div.box_general
{
    padding: 3px;
    margin-bottom: 10px;
    background: #BBBBBB;
}

div.box_header
{
    margin: 3px;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
}

div.box_content
{
    padding: 5px;
    background: #FFFFFF;
    font-size: 11px;
}

div.box_content p
{
    margin: 3px 0 6px 0;
}

div.box_content h1
{
    font-size: 11px;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 10px;
}

div.box_content img
{
    border: 0;
}

div.box_content ul
{
    list-style-image: url(Images/bullet.gif);
    padding: 0 3px 0 16px;
    margin-left: 8px;
}

p.box_more
{
    text-align: right;
}





/* << ----------------// Box (map) Styles //---------------->> */
div#box_map
{
    padding: 3px;
    margin-bottom: 10px;
    background: #DD7733;
}

div#box_map img
{
    border: 0;
    margin-bottom: 3px;
    width: 210px;
}




.pricing_subheader
{
    margin-bottom: 10px;
    padding: 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #9999CC;
    font-weight: bold;
    border-bottom: 1px solid;
}



/* << ----------------// Programme Media Styles //---------------->> */
div#programme_media
{
    padding-top: 0;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
}

/* Begin Middle-center */

div#programme_media_current
{
    padding: 8px;
    position: relative;
}

div#programme_media_current .ajaxLoader
{
    /* absolute - to center within DIV */ /* fixed - to center within Window */
    background: url(Images/ajax_loader_big.gif);
    position: absolute;
    height: 54px;
    width: 54px;
    margin: -27px 0px 0px -27px;
    top: 50%;
    left: 50%;
}

/* End Middle-center */

/* << ----------------// Box (page header) Styles //---------------->> */
div#box_page_header_wrapper
{    
    margin-bottom: 16px;    
}

div#box_page_header
{
    padding: 6px;
    background: #ddd url(Images/box_course_header_bg.gif) repeat-x;    
    width: 456px;
    float: left;
}

div#box_page_header_image
{    
    float: right;
}

div#box_page_header h1
{
    font-size: 22px;
    letter-spacing: 1px;
    margin: 8px 0 10px 0;
    line-height: 16px;
}

div#box_page_header_content
{
    padding: 4px;
    background: #FFFFFF;
}

div#box_page_header_content p
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 7px 0;
    letter-spacing: 1px;
}

div#box_page_content
{
    margin-top: 20px;
}

div#box_page_content h2
{
    margin: 20px 0 10px 0;
    padding-bottom: 3px;
    font-size: 16px;
    color: #117799;
    font-weight: bold;
    border-bottom: 2px solid;
    width: 100%;
}

div#box_page_content p
{
}

div#box_page_content ul
{
    list-style-image: url(Images/bullet.gif);
    margin-bottom: 8px;
    margin-left: 24px;
}

/* << ----------------// Form (contact details) Styles //---------------->> */
div.contact_details
{
    margin: 5px;
    font-size: 11px;
}

div.contact_details p.formFieldLeft
{
    padding-left: 114px;
    margin-bottom: 4px;
}

div.contact_details p.formFieldLeft label.formLabel
{
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: -114px;
    width: 106px;
}

/* << ----------------// Form (contact) Styles //---------------->> */
div#contact_form
{
    margin: 5px;
    font-size: 11px;
}

div#contact_form p.formFieldLeft
{
    padding-left: 224px;
    margin-bottom: 4px;
}

div#contact_form p.formFieldLeft label.formLabel
{
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: -224px;
    width: 216px;
}

/* << ----------------// Form (Send to a Friend) Styles //---------------->> */
div#friend_form
{
    margin: 5px;
    font-size: 11px;
}

div#friend_form p.formFieldLeft
{
    padding-left: 224px;
    margin-bottom: 4px;
}

div#friend_form p.formFieldLeft label.formLabel
{
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: -224px;
    width: 216px;
}

























































h6
{
    font-size: 14px;
}

.price_large
{    
    color: #cc0000;
    font-size: 26px;
    font-weight: bold;   
    line-height: normal;
}

.price
{
    color: #cc0000;
    font-size: 14px;
    font-weight: bold;   
    line-height: normal;    
}

.two_column .column
{
    float: left;
    width: 50%;
}

.three_column .column
{
    float: left;
    width: 33%;
}

.four_column .column
{
    float: left;
    width: 25%;
}







/* << ----------------// Box Styles //---------------- >> */
div.box_wrapper
{
    padding: 3px;
    margin-bottom: 8px;
    background-color: #bbb;
}

div.box_wrapper h6
{
    border: 0;
    color: #fff;
    line-height: 1.0;
    margin-bottom: 4px;    
}

div.box
{
    background-color: #fff;
    font-size: 11px;
    padding: 4px;
}


/* << ----------------// Box (WAVA application) Styles //---------------->> */
div#box_application
{
    padding: 6px;
    background: #BBBBBB;
    margin-bottom: 20px;
}

div#box_application h1
{
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 8px 0 10px 0;
}

div#box_application_content
{
    padding: 6px;
    background: #FFFFFF;
}

div#box_application_content .step
{
    height: 30px;
    background: url(images/steps/step_bg.gif) repeat-x top;
    margin-bottom: 12px;
}

.application_subheader
{
    margin-bottom: 10px;
    padding: 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #002C12;
    font-weight: bold;
    border-bottom: 1px solid;
    width: 90%;
}

div#box_application_content p.formFieldLeft
{
    padding-left: 224px;
    margin-bottom: 4px;
    font-size: 11px;
}

div#box_application_content p.formFieldLeft label.formLabel
{
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: -224px;
    width: 216px;
}



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

div.form div.form_field
{
    padding-left: 224px;
    margin-bottom: 8px;
}

div.form div.form_field label.form_label
{
    font-weight: bold;
    text-align: right;
    float: left;
    margin-left: -224px;
    width: 216px;
}