/*
CSS STYLESHEET
PROJECT - Clydebank College
DEVELOPER - Kenny Burns
Main body and common containers 
*/

body 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    
}

#container
{
    width:970px;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    color:#000000;
    }
    
#left-hand-column
{
    width: 280px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    background-color: Transparent;
    float: left;
    display:none; 

    
}

#left-hand-column #toplinks
{
    width: 500px;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    background-color: Transparent;
    color: #6B6B6B;
    font-weight: bold;
    z-index:5;
    position:relative;
   
}

#left-hand-column #toplinks p
{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

a.toplinks:link, a.toplinks:visited, a.toplinks:active 
{
    color:#00ADEF;
    text-decoration: none;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

a.toplinks:hover
{
    color:#00ADEF;
    text-decoration: underline;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

#left-hand-column #logo
{
    width: 280px;
    height: 102px;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;

    
}

#left-hand-column #search
{
    width: 280px;
    height: 130px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(searchtop.gif);
    background-color: #CCCCCB;
    background-position: top;
    background-repeat: no-repeat;
    color: #585B58;
    font-size: 12px;
}
#left-hand-column #search h1
{
    font-size: 30px;
    color: #046FAC;
    padding: 15px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}
#left-hand-column #search .searchform
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    
}

#left-hand-column #search .searchfield
{
    border: solid 1px #046FAC;
    width: 185px;
    padding: 3px 1px 3px 1px;
    margin: 5px 5px 0px 15px;
    float: left;
}

#left-hand-column #search .searchbutton
{
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border: none;
}

#left-hand-column #search .radio_buttons
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 15px;
    width: 150px;
}


#left-hand-column #links
{
    width: 280px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    background-image: url(links-bgnd.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #6BADD2;
    border-top: solid 5px #587C95;
}

#left-hand-column #links ul
{
    width: 220px;
    border: solid 0px #f90000;
    margin: 5px 0px 0px 15px;
    padding: 0px 0px 0px 5px;
}



#left-hand-column #links ul li
{
    list-style-type: none;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: dotted 1px #FFFFFF;
    color: #FFFFFF;
    font-size: 16px;
}

#left-hand-column #links ul li a:link, #left-hand-column #links ul li a:visited, #left-hand-column #links ul li a:active
{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left-hand-column #links ul li a:hover
{
    color: #6b6b6b;
    font-size: 18px;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left-hand-column #links ul li a.selected:link, #left-hand-column #links ul li a.selected:visited, #left-hand-column #links ul li a.selected:active, #left-hand-column #links ul li a.selected:hover
{
    color: #6b6b6b;
    font-size: 18px;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


#left-hand-column #links h1
{
    font-size: 30px;
    color: #FFFFFF;
    padding: 15px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

#left-hand-column #login
{
    width: 280px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    background-color: #CCCCCB;
    border-top: solid 5px #878787;
}

#left-hand-column #login h1
{
    font-size: 30px;
    color: #046FAC;
    padding: 15px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

#left-hand-column #login p
{
    font-size: 12px;
    color: #464646;
    padding: 10px 10px 0px 15px;
    margin: 0px 0px 0px 0px;
}

/* Standard Sublinks Without The Different Colors */

#left-hand-column #sublinks
{
    width: 280px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
}

#left-hand-column #sublinks ul
{
    width: 220px;
    border: solid 0px #f90000;
    margin: 5px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
}



#left-hand-column #sublinks ul li
{
    list-style-type: none;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: dotted 1px #6BADD2;
    color: #FFFFFF;
    font-size: 16px;
}

#left-hand-column #sublinks ul li a:link, #left-hand-column #sublinks ul li a:visited, #left-hand-column #sublinks ul li a:active
{
    color: #6BADD2;
    font-size: 18px;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left-hand-column #sublinks ul li a:hover
{
    color: #6b6b6b;
    font-size: 18px;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left-hand-column #sublinks h1
{
    font-size: 30px;
    color: #6b6b6b;
    padding: 15px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

/* Sublinks For The Course Root Pages With The Different Colors */


#left-hand-column #sublinks-courseroot
{
    width: 280px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
}

#left-hand-column #sublinks-courseroot ul
{
    width: 240px;
    margin: 5px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    
}



#left-hand-column #sublinks-courseroot ul li
{
    list-style-type: none;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: dotted 1px #6BADD2;
    color: #FFFFFF;
    font-size: 16px;
    
}

#left-hand-column #sublinks-courseroot ul li a:link, #left-hand-column #sublinks-courseroot ul li a:visited, #left-hand-column #sublinks-courseroot ul li a:active
{
    font-size: 18px;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left-hand-column #sublinks-courseroot ul li a:hover
{
    font-size: 18px;
    color: #6B6B6B;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left-hand-column #sublinks-courseroot h1
{
    font-size: 30px;
    color: #00ADEF;
    padding: 15px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

#left-hand-column #sublinks-courseroot h2
{
    font-size: 18px;
    color: #6B6B6B;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}


#left-hand-column #latestnews-top
{
    width: 280px;
    height: 23px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latest_news_top.gif);
    background-repeat: no-repeat;
    
}

#left-hand-column #latestnews-middle
{
    width: 250px;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    background-image: url(latest_news_middle.gif);
    background-repeat: repeat-y;
   
}

#left-hand-column #latestnews-middle h1
{
    font-size: 22px;
    color: #006699;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

#left-hand-column #latestnews-middle h2
{
    font-size: 12px;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
}

#left-hand-column #latestnews-middle p
{
    font-size: 12px;
    color: #585858;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    
   
}

#left-hand-column #latestnews-bottom
{
    width: 280px;
    height: 77px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latest_news_bottom.gif);
    background-repeat: no-repeat;
  
}

#left-hand-column #video-panel
{
    width: 280px;
    height: 280px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #0074B1;

}


#right-hand-column
{
    width: 670px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 20px 0px;
    background-color: transparent;
    float: left;
    
}


#right-hand-column #flash
{
    width:670px;
    height:280px;
    background-color:white;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position:relative;
    z-index:2;
    float: left;
    display:none; 
    }
    
#right-hand-column #flash #mainnav-container
{
    width:670px;
    background-color:transparent;
    margin:-245px auto 0px auto;
    padding:0px 0px 0px 0px;
    position: relative;
    z-index:5;
    float: left;
    }

#right-hand-column #flash #mainnav-container #nav-top
{
    width:670px;
    height:14px;
    background-image: url(mainNav-top2.gif);
    background-repeat: no-repeat;
    float: left;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    
}

#right-hand-column #flash #mainnav-container #nav-middle
{
    width:670px;
    background-image: url(mainNav-middle2.gif);
    background-repeat: repeat-y;
    float: left;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    height: 57px;
}

#right-hand-column #flash #mainnav-container #nav-middle ul
{
    width:610px;
    height:60px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 40px;
    list-style-type: none;
    float: left;
    color: #6B6B6B;
    font-weight: bold;
   
}

#right-hand-column #flash #mainnav-container #nav-middle ul li
{
    width:200px;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    float: left;
    
}

a.mainNavLinks:link, a.mainNavLinks:visited, a.mainNavLinks:active 
{
    color:#00ADEF;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    
}

a.mainNavLinks:hover
{
    color:#6b6b6b;
}

a.mainNavLinksSelected:link, a.mainNavLinksSelected:visited, a.mainNavLinksSelected:active, mainNavLinksSelected:hover 
{
    color:#6b6b6b;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    
}



#right-hand-column #flash #mainnav-container #nav-bottom
{
    width:670px;
    height:40px;
    background-image: url(mainNav-bottom2.gif);
    background-repeat: no-repeat;
    float: left;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
}


#right-hand-column #content
 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    
}

#right-hand-column #content ul li
{
    color: #585858;
}



/*Homepage and Standard Page Layout Specifics - Content split into 2 columns (right side has latest news) */

#right-hand-column #content #leftcolumn
{
    width: 475px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    float: left;

}

#right-hand-column #content #leftcolumn #header
 {
    width: 475px;
    height: 40px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    /*background-image: url(main-header-bgnd.gif);
    background-position: middle;
    background-repeat: repeat-x;
    background-color: transparent;*/
}

#right-hand-column #content #leftcolumn #header-text
 {
    width: auto;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    background-color: #FFFFFF;
   
}

#right-hand-column #content #leftcolumn #header-text h1
 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 34px;
    color: #00ADEF;
    font-weight: lighter;
}

#right-hand-column #content #leftcolumn .right-image
 {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 10px;
    float: right;
    width:200px;
    
}

#right-hand-column #content #leftcolumn h2
 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-size: 18px;
    color: #000000;
    font-weight: lighter;
}

#right-hand-column #content #leftcolumn p
 {
    margin: 0px 0px 0px 0px;
    padding: 10px 5px 10px 0px;
    font-size: 12px;
    color: #585B58;
   
}

#right-hand-column #content #leftcolumn #leftbox
 {
    width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 30px 10px;
    float: left;
}

#right-hand-column #content #leftcolumn #leftbox ul
{
    width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



#right-hand-column #content #leftcolumn #leftbox ul li
{
    list-style-type: none;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    color: #FFFFFF;
    font-size: 12px;
}

#right-hand-column #content #leftcolumn #leftbox ul li a:link, #right-hand-column #content #leftcolumn #leftbox ul li a:visited, #right-hand-column #content #leftcolumn #leftbox ul li a:active
{
    color: #00ADEF;
    font-size: 12px;
    font-weight: lighter;
    text-decoration: underline;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#right-hand-column #content #leftcolumn #leftbox ul li a:hover
{
    color: #00ADEF;
    font-size: 12px;
    font-weight: lighter;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#right-hand-column #content #leftcolumn #leftbox h1
{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 16px;
     color: #00ADEF;
}

#right-hand-column #content #leftcolumn #rightbox
 {
    width: 200px;
    margin: 0px 0px 0px 10px;
    padding: 10px 10px 30px 10px;
    float: left;
}

#right-hand-column #content #leftcolumn #rightbox h1
{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 16px;
     color: #00ADEF;
}
#right-hand-column #content #leftcolumn #rightbox p
{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    color: #585B58;
}



#right-hand-column #content #leftcolumn #people-flash
{
    width: 480px;
    height: 140px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #000000;
    clear: both;
}

#right-hand-column #content #leftcolumn #people-flash p
{
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 20px;
}

#leftcolumn .contactLinks {
    background-color:transparent;
    padding:20px 0px 10px 0px;  
}

#leftcolumn .contactLinks .indivLinkDetail {
    background-color:transparent;
    padding:10px 0px 10px 0px;  
}


#right-hand-column #content #rightcolumn
{
    width: 190px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    float: left;
    position: relative;
    z-index:6;
    top:-40px;
    
}

#right-hand-column #content #rightcolumn #latestnews-top
{
    width: 190px;
    height: 21px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latest-news-long-top.gif);
    background-repeat: no-repeat;
}

#right-hand-column #content #rightcolumn #latestnews-middle
{
    width: 155px;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 15px;
    background-image: url(latest-news-long-middle.gif);
    background-repeat: repeat-y;
}

#right-hand-column #content #rightcolumn #latestnews-middle h1
{
    font-size: 22px;
    color: #006699;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

#right-hand-column #content #rightcolumn #latestnews-middle h2
{
    font-size: 12px;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
}

#right-hand-column #content #rightcolumn #latestnews-middle p
{
    font-size: 12px;
    color: #585858;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
   
}

#right-hand-column #content #rightcolumn #latestnews-bottom
{
    width: 190px;
    height: 90px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latest-news-long-bottom.gif);
    background-repeat: no-repeat;
}

#apply-now
{
    width: 150px;
    height: 28px;
    background-image: url(apply-now.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    margin: 70px 0px 0px 0px;
    padding: 20px 10px 30px 26px;
    
    
}

a.applynow:link, a.applynow:visited, a.applynow:active
{
    font-size: 22px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: lighter;
}

a.applynow:hover
{
    font-size: 22px;
    color: #FFFFFF;
    text-decoration: underline;
}

.whitebox
{
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: Transparent;
    width: 187px;

    
}

.whitebox-top
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image:url(right-hand-whitebox-top.gif);
    background-repeat: no-repeat;
    width: 187px;
    height: 21px;
    
}

.whitebox-middle
{
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 7px;
    background-image:url(right-hand-whitebox-middle.gif);
    background-repeat: repeat-y;
    width: 165px;
    text-align: center;
}

.whitebox-middle p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    text-align: center;
    color: #5B5B5B;
    font-style: italic;
    font-size: 16px;
}

.whitebox-bottom
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image:url(right-hand-whitebox-bottom.gif);
    background-repeat: no-repeat;
    width: 187px;
    height: 27px;
}


/**************************end homepage and standard specifics********************************/

#right-hand-column #content #header
 {
    width: 670px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(main-header-bgnd.gif);
    background-position: left 13px;
    background-repeat: repeat-x;
    float: left;
}

#right-hand-column #content #header-text
 {
    width: auto;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    background-color: white;
    float: left;
}

#right-hand-column #content #header-text h1
 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 34px;
    color: #00ADEF;
    font-weight: lighter;
}



#right-hand-column #content #tabmenu
 {
    width: 670px;
    height: 60px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #FFFFFF;
    background-image: url(tabmenu_bgnd.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    float: left;
    display:none;
}

#right-hand-column #content #tabmenu ul
 {
    width: 660px;
    height: 60px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background-color: transparent;
    float: left;
    
}


#right-hand-column #content #tabmenu ul li
 {
    width: 130px;
    height: 60px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    float: left;
    list-style-type: none;   
    
    
}

#right-hand-column #content #tabmenu ul li a:link, #right-hand-column #content #tabmenu ul li a:active, #right-hand-column #content #tabmenu ul li a:visited
 {
    width: 76px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 18px 27px 7px 27px;
    background-image: url(tab_off.gif);
    background-repeat: no-repeat;
    border-bottom: none;
    display: block;
    color:#00ADEF; 
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    float: left;
    
    
 }
    
#right-hand-column #content #tabmenu ul li a:hover
 {
    width: 76px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 18px 27px 7px 27px;
    background-image: url(tab_over.gif);
    border-bottom: none;
    float: left;
    
 }
 
#right-hand-column #content #tabmenu ul li a.selected:link, #right-hand-column #content #tabmenu ul li a.selected:visited, #right-hand-column #content #tabmenu ul li a.selected:active, #right-hand-column #content #tabmenu ul li a.selected:hover
 {
    width: 76px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 18px 27px 7px 27px;
    background-image: url(tab_on.gif);
    border-bottom: none;
    float: left;
 }
 
#right-hand-column #content .right-image
 {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 10px;
    float: right;
    width:200px;
   
}

#right-hand-column #content h2
 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-size: 18px;
    color: #000000;
    font-weight: lighter;
}

#right-hand-column #content p
 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    color: #585B58;
    line-height: 16px;

    
}

 
#right-hand-column #content .tabbed-content
 {
    margin: 0px 0px 0px 0px;
    padding: 15px 10px 20px 20px;
    background-color: #FFFFFF;
    /*background-image: url(tabbed-content-bgnd.gif);
    background-repeat:repeat-y;*/
    float: left;

    
}

#right-hand-column #content .tabbed-content ul
{
    width:633px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float: left;
    color: #6B6B6B;
    font-weight: bold;
    border: solid 1px #FFFFFF;
   
}


#right-hand-column #content .tabbed-content ul.courses
{
    width:610px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float: left;
    color: #6B6B6B;
    font-weight: bold;
}

#right-hand-column #content .tabbed-content ul.courses li
{
    width:260px;
    margin: 0px 20px 0px 0px;
    padding: 2px 0px 0px 0px;
    float: left;
    border-bottom: dotted 1px #6B6B6B;
    background-image: none;
}


#right-hand-column #content .tabbed-content ul li a:link, #right-hand-column #content #tabbed-content ul li a:active, #right-hand-column #content #tabbed-content ul li a:visited
{
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#right-hand-column #content .tabbed-content ul li a:hover
{
    color: #6B6B6B;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


#right-hand-column #content .tabbed-content-bottom
 {
    width: 670px;
    height: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #FFFFFF;
    float: left;
    background-image: url(tabbed-content-bottom.gif);
    background-repeat:no-repeat;
    
}

#footer
{
    width: 970px;
    height: 100px;
    background-image:url(footer.gif);
    background-repeat: no-repeat;
    margin: 20px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    
}




#footer #companyinfo
{
    width: 163px;
    height: 73px;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 25px;
    color: #585B58;
    float: left;
   
   
}

#footer #images
{
    width: 780px;
    height: 75px;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 2px;
    float: left;
     
     
}

#footer #images .footerimages
{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    border: none;
}

#leftlinks
{
    width: 600px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    color: #585B58;
    float: left;
   
}

#radiator
{
    width: 200px;
    height: 20px;
    margin: 0px 0px 20px 0px;
    padding: 0px 5px 0px 0px;
    color: #585B58;
    float: right;
    text-align: right;
}

/*********************** Table Style For Courses *******************************/

td.header
{ 
    text-align: left;
    font-size: 14px;
    color: #FF633A; 
    padding: 0px 0px 5px 0px;
}

td.blue
{ 
    color: #00ADEF;
}

td.helpBod
{ 
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    text-indent: 10px;
    font-family: Verdana, sans-serif, Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #fafafa; 
}

table.coursestable
{ 
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #6B6B6B;
    width: 620px;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    
   
 } 
 
 table.course-detail-table
{ 
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #6B6B6B;
    width: 400px;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 15px 0px;
 }
 
 tr.coursestable td
 {
    border-bottom: dotted 1px #6B6B6B;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
 }
 
  tr.course-detail-table td
 {
    border-bottom: dotted 1px #6B6B6B;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
 }
 
   tr.course-detail-table-top td
 {
    border-top: dotted 1px #6B6B6B;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
 }
 
 .tablelink
 {
     width: 20px;
 }
 
 .arrow-courses
 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
 }
 
.sitemaplink
{
    margin: 10px 0px 0px 20px; 
    padding: 7px 0px 0px 15px; 
    width: 300px; 
    height: 23px; 
    background-image: url(../images/sitemaplinkg.gif); 
    background-repeat: no-repeat; 
    background-position: left bottom;
    }
    
.sitemaplinkindent
{
    margin: 0px 0px 0px 32px; 
    padding: 7px 0px 0px 15px; 
    width: 300px; 
    height: 23px; 
    background-image: url(../images/sitemaplinkg.gif); 
    background-repeat: no-repeat; 
    background-position: left bottom;
    }
    
/*********************** Form classes ************************************/
    
.form
{
    border-top: 1px dotted #999999;
    width: 430px;
    padding: 0 0 0 0;
    height: 0 0 0 0;
}
    
.formleft		
{
    margin: 0 10px 10px 0; 
    padding: 4px 0 0 0; 
    float: left; 
    width: 120px;
    color: #585858;
    
    }
    
.formright		
{ 
    margin: 0 0 10px 0; 
    padding: 0 0 0 0; 
    float: left; 
    width: 300px;
    }
    
.formrighttext  
{
    font-weight:bold; 
    margin: 0 0 10px 0; 
    padding: 5px 0 0 0; 
    float: left; 
    width: 200px;
    }
    
.formfull		
{ 
    margin: 0 0 0 0; 
    padding: 0 0 5px 0; 
    float: left; 
    width: 435px;
    }
    
.formtextright  
{
    margin: 0 0 0 0; 
    padding: 2px 0 2px 0; 
    width: 295px;
    }
    
.required
{
     font-weight:bold; 
     color:#00ADEF;
     }
    
    
/*********************** News and Events classes ************************************/

.newsroot
{
    width: 320px;
    height: 129px;
    padding: 0 0 0 0;
    margin: 10px 10px 12px 0;
    border-top: dotted 1px #8F8F8F;
    border-bottom: dotted 1px #8F8F8F;
    float: left;
}

.newsroot .newsrootimage
{
    width: 100px;
    height: 100px;
    padding: 0 0 0 0;
    margin: 12px 0 0 5px;
    float: left;
    overflow: hidden;
    
}

.newsroot .newsroottext
{
    width: 200px;
    height: 100px;
    padding: 0 0 0 0;
    margin: 12px 0 0 5px;
    float: left;
    
}

.newsroot .newsroottext h1
{
    color:#00ADEF;
    font-size: 14px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.newsroot .newsroottext p
{
    color:#8F8F8F;
    font-size: 12px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float: left;
}

.newsroot .newsroottext .moreimage
{
    float: right;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
}




/*********************** Generic classes etc ************************************/

a.generallinks:link, a.generallinks:visited, a.generallinks:active 
{
    color:#00ADEF;
    text-decoration: none;
    font-weight: bold; 
}

a.generallinks:hover
{
    color:#00ADEF;
    text-decoration: underline;
    font-weight: bold; 
}

a 
{
    color:#00ADEF;
    text-decoration: none;
    font-weight: bold; 
}

a:hover
{
    color:#00ADEF;
    text-decoration: underline;
    font-weight: bold; 
}

.h1OrangeMainContent
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #FF633A;
    font-size: 26px;
    font-weight: lighter;
 
    
}

.h2BlackMainContent
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-size: 18px;
    font-weight: lighter;
}

.h3OrangeMainContent
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #FF633A;
    font-size: 14px;
    font-weight: normal;
}


/************************ Classes For Different Color Links **********************88*/
.green1
{
    color: #929B3D;
}

.green2
{
    color: #A1BF2F;
}

.green3
{
    color:#00734A;
}

.blue1
{
    color: #009B9E;
}

.blue2
{
    color: #00588A;
}

.blue3
{
    color: #00519C;
}

.blue4
{
    color: #00AEEF;
}

.purple1
{
    color: #812990;
}

.purple2
{
    color: #C6168D;
}

.purple3
{
    color: #A50575;
}

.pink1
{
    color: #ED0677;
}

.pink2
{
    color: #ED1651;
}


.red1
{
    color: #C9234A;
}

.red2
{
    color: #DB4128;
}

.error{ color:Red; font-weight:bold;}

.orange1
{
    color: #F15A22;
}

.orange2
{
    color: #CA6C18;
}

.orange3
{
    color: #F7931D;
}

/* Tabbed Content */

#tableftcol
{
    width: 440px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    float: left;
     
    
}

#tabrightcol
{
    width: 190px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background-color: transparent;
    float: left;
  

    
    
}

#right-hand-column #content .tabbed-content #tableftcol ul
{
    width: 420px;
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    list-style-type: none;
      
   
 }

#right-hand-column #content .tabbed-content #tableftcol ul li
{
    padding: 4px 0px 4px 20px;
    margin: 0px 0px 0px 0px;
    border: none;
    width: 380px;  
    background-image: url('ccBullet.gif');
    background-repeat: no-repeat;
    background-position: 5px 6px;
       
}

.noborder{border:none;}

table.vacancyList
{ 
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #6B6B6B;
    width: 460px;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    
   
 } 
 
  tr.vacancyList td
 {
    border-bottom: dotted 1px #6B6B6B;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
 }
 
 .tabsubmenu
 {
     border-left: solid 1px #CCCCCC;
     border-right: solid 1px #CCCCCC;
     width: 668px;
     height: 48px;
     float: left;
     background-image: url(submenubgnd.gif);
     
 }
 
 .tabsubmenu ul
 {
   width: 600px;
   margin-top: 13px;  
   margin-left: 0;
   padding-left: 15px;
 }

.tabsubmenu ul li
 {
    float: left;
    display: inline; 
    padding-right: 40px;     
 }
 
 
 #right-hand-column #content .tabbed-content table.jobDesc
{ 
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    color: #6B6B6B;
    width: 460px;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    
    
    
   
 } 
 
#right-hand-column #content .tabbed-content table.jobDesc tr td
 {
    border: dotted 1px #6B6B6B;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
 }
 
#right-hand-column #content .tabbed-content table.jobDesc tr td ul
{
    
    width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;   
    list-style-type: none;
    float:left;
}



#right-hand-column #content .tabbed-content table.jobDesc tr td ul li
{
    list-style-type: none;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    float:left;
    border-bottom: none;
    
}

#right-hand-column #content .tabbed-content table.jobDesc tr td ol
{
    width: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}



#right-hand-column #content .tabbed-content table.jobDesc tr td ol li
{
    list-style-type: none;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    border-bottom: none;
     
    
}

/* Job Application form styles */

.appForm{margin-top: 15px;width: 635px; padding-left: 0px;}


.appLong{ width:600px; float:left; background-color:transparent; margin:20px 0px 10px 0px; color: #585858;}
.gray{ color:#585858;}

.appformleft		
{
    margin: 0 10px 10px 0; 
    padding: 4px 0 0 0; 
    float: left; 
    width: 180px;
    color: #585858;
    
    }
    
.appformright		
{ 
    margin: 0 0 10px 0; 
    padding: 0 0 0 0; 
    float: left; 
    width: 350px;
}
    
.appformrighttext  
{
    font-weight:bold; 
    margin: 0 0 10px 0; 
    padding: 5px 0 0 0; 
    float: left; 
    width: 250px;
    }
    
.appformfull		
{ 
    margin: 0 0 0 0; 
    padding: 0 0 5px 0; 
    float: left; 
    width: 620px;
    }
    
.appformtextfull
{
    margin: 0 0 0 0; 
    padding: 2px 0 2px 0; 
    width: 620px;
    }
    
.appformtextright  
{
    margin: 0 0 0 0; 
    padding: 2px 0 2px 0; 
    width: 340px;
    }
    
.appformtextrighthalf
{
    margin: 0 0 0 0; 
    padding: 2px 0 2px 0; 
    width: 149px;
    }
    
.appformleftquarter		
{
    margin: 0 10px 10px 0; 
    padding: 4px 0 0 0; 
    float: left; 
    width: 80px;
    color: #585858;
    
    }
    
.appformrightquarter		
{ 
    margin: 0 0 10px 0; 
    padding: 0 0 0 0; 
    float: left; 
    width: 130px;
}

.appformtextrightquarter
{
    margin: 0 0 0 0; 
    padding: 2px 0 2px 0; 
    width:100px;
    }
 
.appformthird		
{ 
    margin: 0 10px 10px 0; 
    padding: 4px 0 0 0; 
    float: left; 
    width: 170px;
    color: #585858;
} 

.appformtextthird		
{ 
    margin: 0 0 0 0; 
    padding: 0 0 5px 0; 
    float: left; 
    width: 170px;
} 

.appformhalf		
{ 
    margin: 0 10px 10px 0; 
    padding: 4px 0 0 0; 
    float: left; 
    width: 250px;
    color: #585858;
} 

.appformquarter		
{ 
    margin: 0 10px 10px 0; 
    padding: 4px 0 0 0; 
    float: left; 
    width: 125px;
    color: #585858;
} 

.appformtextquarter		
{ 
    margin: 0 0 0 0; 
    padding: 0 0 5px 0; 
    float: left; 
    width: 125px;
} 

.appformsavebtn{width:88px; float:left;}

    
    


.clearboth{clear:both;}
.breakform{width: 100%; height: 1px; border-bottom: dotted 1px #6BADD2; margin-bottom: 13px; }

.appformsave{margin: 0 0 10px 0; padding: 5px 0 0 0; float: left; width: 340px; border: solid 0px red;}
.lhsSave{border:solid 0px blue; float:left;}
.rhsSave{border:solid 0px green;float:right;}
.appformback{width: 530px; float: left;}
.appformcontinue{width: 90px; float: left;}
.applyBtn{border: none; margin-top: 10px;}


#right-hand-column #content .tabbed-content ul
{
    width:630px;
    margin: 0px 0px 10px 0px;
    padding: 2px 0px 0px 10px;
    float: left;
    list-style-type: none;
    
}

#right-hand-column #content .tabbed-content ul li
{
    width:400px;
    margin: 0px 20px 5px 0px;
    padding: 2px 0px 0px 20px;
    float: left;
    font-weight: normal;
    background-image: url('ccBullet.gif');
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

.bluetext{
   color:#02AADB; 
}

.panoramicimage{padding-left: 6px; padding-top: 20px; border: none;}

.quotes{margin-top: 15px; background-image:url('../images/quotes.gif'); background-repeat: no-repeat; width: 185px;}
.quotes .quotetext{color: #585858; font-size: 11px; padding: 7px 2px 0 10px; font-weight: normal; font-style: italic; }
.quotes .title{color: #585858; font-size: 12px; padding: 7px 2px 5px 10px;}

.accordians{width: 97%;}
.breakAccordians{width: 100%; height: 1px; border-bottom: dotted 1px #6BADD2; padding: 0 0 4px 0; margin-bottom: 4px; }
.intranetDocRow{width: 99%; padding-top: 2px; padding-bottom: 2px; float: left;}
.intranetDocCol1{width: 6%; float: left; padding-right: 2px;}
.intranetDocCol2{width: 63%; float: left; padding-top: 6px; }
.intranetDocCol3{width: 6%; float: left; }
.intranetDocCol4{width: 24%; float: left; padding-top: 6px;}
.intranetDocRowLHS{width: 99%; padding-top: 2px; padding-bottom: 2px; border-bottom: dotted 1px #6BADD2; float: left; }
.intranetDocCol5{width: 12%; float: left; padding-right: 2px;}
.intranetDocCol6{width: 86%; float: left; padding-top: 6px; padding-bottom: 6px;}
.intranetDocCol7{width: 20%; float: left; padding-right: 2px;}
.intranetDocCol8{width: 78%; float: left; padding-top: 6px; padding-bottom: 6px;}

#left-hand-column #latestdocs-top
{
    width: 285px;
    height: 38px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latestdocs_top.gif);
    background-repeat: no-repeat;
    
}

#left-hand-column #latestdocs-top h1
{
    font-size: 22px;
    color: #006699;
    padding: 15px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

#left-hand-column #latestdocs-middle
{
    width: 255px;
    margin: 0px 0px 0px 0px;
    padding: 10px 15px 0px 15px;
    background-image: url(latestdocs_mid.gif);
    background-repeat: repeat-y;
   
}


#left-hand-column #latestdocs-middle h2
{
    font-size: 12px;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
}

#left-hand-column #latestdocs-middle p
{
    font-size: 12px;
    color: #585858;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    
   
}

#left-hand-column #latestdocs-bottom
{
    width: 285px;
    height: 38px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latestdocs_btm.gif);
    background-repeat: no-repeat;
  
}

#right-hand-column #content #rightcolumn #latestmins-top
{
    width: 190px;
    height: 21px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latestmins_top.gif);
    background-repeat: no-repeat;
}

#right-hand-column #content #rightcolumn #latestmins-middle
{
    width: 155px;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 15px;
    background-image: url(latestmins_mid.gif);
    background-repeat: repeat-y;
}

#right-hand-column #content #rightcolumn #latestmins-middle h1
{
    font-size: 22px;
    color: #006699;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: lighter;
}

#right-hand-column #content #rightcolumn #latestmins-middle h2
{
    font-size: 12px;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
}

#right-hand-column #content #rightcolumn #latestmins-middle p
{
    font-size: 12px;
    color: #585858;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
   
}

#right-hand-column #content #rightcolumn #latestmins-bottom
{
    width: 190px;
    height: 90px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(latestmins_btm.gif);
    background-repeat: no-repeat;
}


#childrenneed
{
    width: 280px;
	height:261px;
	background-image:url(bg_children.jpg);  
}

#childrenneed h1
{
	color:#FFFFFF;
	margin:0px;
	padding:5px 0px 0px 20px;
	font-size:18px;
}


#childrenneed h2
{
	font-size:13px;
	margin:25px 0px 0px 0px;
	padding:0px;
}

#childrenneed .pudsey
{
	float: left;
	margin:20px 8px 0px 15px;
}
#childrenneed p
{
margin-top: 15px;
margin-right:20px;
margin-left:30px;
}


.noticeboardleftCol{float:left; width: 280px;}
.noticeboardleftCol2{float:left; width: 280px;padding: 7px 0 0 0;}
.noticeboardleftCol3{float:left; width: 230px; padding-left: 0px;}
.noticeboardrightCol{float:right;padding: 8px 15px 0 0;}
.noticeboardrightCol2{float:right;padding: 0px 15px 0 0;}

.nbcommentsBox{background-image:url(commentsBoxTop.gif); background-repeat: no-repeat; width: 440px; background-color:#F1F1F1; float: left; padding: 0 10px 0 10px;}
.nbcommentsBoxBottom{background-image:url(commentsBox.gif); background-repeat: no-repeat; width: 440px; background-color:#F1F1F1; float: left; padding: 0 10px 0 10px; height: 15px;}

.relatedDownloads{width: 95%; border: dashed 1px #6BADD2; padding: 5px 5px 5px 5px; background-image: url(downloads-trc.gif); background-position: right top; background-repeat: no-repeat; margin-top: 7px;}
.relatedDownloads h1{  font-size: 22px; color: #006699; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: lighter;}
.relateddownloadsrow{float: left; padding-top: 5px;}
.relateddownloadscolleft{float: left; width: 35px;}
.relateddownloadscolright{ float: left; padding-top: 7px;}

.advancedSearch{padding-top: 7px; padding-left: 3px;}
.advancedSearchLeft{width: 145px;float: left; padding-left: 5px;}
.advancedSearchRight{width: 280px;float: left; padding: 7px 0 5px 0;}
.rowhalfcomponentdate{ width:100px;}
.searchCol{float:left; padding-right: 12px;}

 .courseTablelink
 {
     width: 20px;
 }
 
  .courseBlue
 {
     width: 470px;
 }
 
  .courseLevel
 {
     width: 120px;
 }
 
 .contactDiv{padding: 10px 0 0 20px; border: none;}
 
 .prospectusBox{ width: 180px; height: 280px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
 .prospectusBoxLeft{ width: 140px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: left; }
 .prospectusBoxRight{ width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; font-size: 18px; color: #585858;}
 
 .boardmemberrow{width: 450px; margin-top: 5px;}
 .boardmembercolleft{width: 100px; float: left; padding-top: 10px;}
 .boardmembercolright{width: 340px; float: left;}
 .memberimage{width: 88px;}
 
 .rssNewsStyle{padding: 10px 10px 10px 10px; border-bottom: solid 1px #CCCCCC;}
 .AccordionHeader{cursor:pointer;}