/* BBC Active - DotNetNuke Homepage Skin */

Body
{
     margin:0px;
     padding:0px;
     background-color:#f4f7f8;
}

.MainPage
{
    width:970px; /* together with the 15px left & right padding provides a 1000px width */
    padding-left:15px;
    padding-right:15px;
    margin: 0px auto; /* centres the div */
    background-image:url(stTpBkgnd.gif);
    background-repeat:no-repeat;
    background-color:White;
}

.BBCLogo
{
    margin-top:27px;
    float:left;
}

.PageTop
{
    width:970px;
    height:130px;
}

.MainMenu
{
    height:48px;
    width:485px;
    padding-left:297px;
    margin-top:48px;
    float: left;
}
 

.MainContentTable
{
    width:1000px;
    background-color:White;
    margin: 0px auto; /* centres the div */ 
    background-image:url(bttmGrd.gif);
    background-position:bottom;
    background-repeat:repeat-x;
}  

.TopPane
{
    width:970px;
    height:190px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:35px;
}

.LeftColumn
{
    width:215px;
    padding-left:15px;
    vertical-align:top; 
}

.RightColumn
{
    width: 615px;
    padding-right:15px;
    vertical-align:top;
}

.FillerColumn
{
    width:70px;
}

.BottomFiller
{
    height:70px; /* this allows for suitable space at the bottom of the main area */
}
    

.Footer
{
    width: 1000px;
    margin: 0px auto; /* centres the div */
}
    

.BottomLeftFooter
{
    width:485px;
    height: 100px;
    margin-left:15px;
    padding-top:20px;
    float:left;
    font-family:Verdana;
    font-size:9pt;
    color:#8b9a9f;  
}


.Copyright
{
    font-family:Verdana;
    font-size:9pt;
    color:#8b9a9f;  
}

.SelectedTab
{
    font-family:Verdana;
    font-size:9pt;
    color:#8b9a9f;  
}
    

.BottomRightFooter
{
    width:485px;
    height:100px;
    padding-top:16px;
    float:left;
    text-align:right;
}

.ContactUsTerms
{
    padding-left: 6px;
    padding-right:35px;
    font-family:Verdana;
    font-size:9pt;
    color: #046c9f;
    text-decoration:none;

}

.ContactUsTerms:link
{
    color: #046c9f;
}

.ContactUsTerms:visited
{
    color: #046c9f;
}

.ContactUsTerms:hover
{
    color: #046c9f;
    text-decoration:none;
} 

.ContactUsTerms:active
{
    color: #046c9f;
}


.Privacy
{
    padding-left: 6px;
    font-family:Verdana;
    font-size:9pt;
    color: #046c9f; 
    text-decoration:none;  
}

.Privacy:link
{
    color: #046c9f;
}

.Privacy:visited
{
    color: #046c9f;
}

.Privacy:hover
{
    color: #046c9f;
    text-decoration:none;
} 

Privacy:active
{
    color: #046c9f;
}


/* Specific MENU CSS */



.Home
{
    font-family:Verdana;
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
    color:white;
    background-image:url(homeRODefault.gif);
    display:block;
    width:52px;
    height: 18px;
    text-decoration:none;
    text-align:center;
    float:left;
    margin-top:7px;
    padding-top:4px;
    clear:left;
}

Home:link
{
    color:White;
}

.Home:visited
{
    color:White;
}

.Home:hover
{
    background:url(homeRODefault.gif) no-repeat 0px -22px;
    text-decoration:none;
    color:White;
}

.Home:active
{
    color:White;
    background:url(homeRODefault.gif) no-repeat 0px -22px;
}

.HomeActive, .HomeActive:link
{
    font-family:Verdana;
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
    color:white;
    display:block;
    width:52px;
    height: 18px;
    text-decoration:none;
    text-align:center;
    float:left;
    margin-top:7px;
    padding-top:4px;
    clear:left;
    background:url(homeRODefault.gif) no-repeat 0px -22px;
}

.HomeActive:visited, .HomeActive:hover
{
    font-family:Verdana;
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
    color:white;
    display:block;
    width:52px;
    height: 18px;
    text-decoration:none;
    text-align:center;
    float:left;
    margin-top:7px;
    padding-top:4px;
    clear:left;
    background:url(homeRODefault.gif) no-repeat 0px -22px;
}



.OurProducts
{
    font-family:Verdana;
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
    background-image:url(ourProductsRODefault.gif);
    color:White;
    display:block;
    width: 125px;
    height:18px;
    text-decoration:none;
    text-align:center;  
    margin-left:10px;
    float:left;
    margin-top:7px;
    padding-top:4px;
}

.OurProducts:link
{
    color:White;
}

.OurProducts:visited
{
    color:White;
}

.OurProducts:hover, .OurProducts:link:hover, .OurProducts:visited:hover
{
    background:url(ourProductsRODefault.gif) no-repeat 0px -22px;
    text-decoration:none;
    color:White;
}

.OurProductsactive, .OurProductsactive:link
{
    background:url(ourProductsRODefault.gif) no-repeat 0px -22px;
    font-family:Verdana;
    font-size:8pt;
    text-transform:uppercase;
    font-weight:bold;
    color:White;
    display:block;
    width: 125px;
    height:18px;
    text-decoration:none;
    text-align:center;  
    margin-left:10px;
    float:left;
    margin-top:7px;
    padding-top:4px;
}

.OurProductsactive:visited, .OurProductsasctive:hover
{
    color:White;
    text-decoration:none;
}



.TeachersHome
{
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    text-transform:uppercase;
    background-image:url(TeachersHomeRODefault.gif);
    color:White;
    display:block;
    width: 135px;
    height:18px;
    text-decoration:none;
    text-align:center;
    margin-left:10px;
    float:left;
    margin-top:7px;
    padding-top:4px;
}

.TeachersHome:link
{
    color:White;
}

.TeachersHome:visited
{
    color:White;
}

.TeachersHome:hover, .TeachersHome:link:hover, .TeachersHome:visited:hover
{
    background:url(TeachersHomeRODefault.gif) no-repeat 0px -22px;
    text-decoration:none;
    color:White;
}

.TeachersHomeactive, .TeachersHomeactive:link
{
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    text-transform:uppercase;
    color:White;
    display:block;
    width: 135px;
    height:18px;
    text-decoration:none;
    text-align:center;
    margin-left:10px;
    float:left;
    margin-top:7px;
    padding-top:4px;
    background:url(TeachersHomeRODefault.gif) no-repeat 0px -22px;
}

.TeachersHomeactive:visited, .TeachersHomeactive:hover
{
    color:White;
    text-decoration:none;
}

.AboutUs
{
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    text-transform:uppercase;
    background-image:url(aboutUsRODefault.gif);
    color:White;
    display:block;
    width: 81px;
    height:18px;
    text-decoration:none;
    text-align:center; 
    margin-left:10px; 
    float:left;
    margin-top:7px;
    padding-top:4px;
}

.AboutUs:link
{
    color:White;
}

.AboutUs:visited
{
    color:White;
}

.AboutUs:hover, .AboutUs:link:hover, .AboutUs:visited:hover
{
    background:url(AboutUsRODefault.gif) no-repeat 0px -22px;
    text-decoration:none;
    color:White;
}

.AboutUsactive, .AboutUsactive:link
{
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    text-transform:uppercase;
    color:White;
    display:block;
    width: 81px;
    height:18px;
    text-decoration:none;
    text-align:center; 
    margin-left:10px; 
    float:left;
    margin-top:7px;
    padding-top:4px;
    background:url(AboutUsRODefault.gif) no-repeat 0px -22px;
}

.AboutUsactive:visited, .AboutUsactive:hover
{
    color:White;
    text-decoration:none;
}

.Basket
{
    font-family:Verdana;
    font-size:7pt;
    font-weight:bold;
    text-transform:uppercase;
    background-image:url(BasketRODefault.gif);
    color:White;
    display:block;
    width: 52px;
    height:17px;
    text-decoration:none;
    text-align:center;
    margin-top:-19px;
    margin-left:10px;
    float:left;
    padding-top:31px;
}

.Basket:link
{
    color:White;
}

.Basket:visited
{
    color:White;
}

.Basket:hover, .Basket:link:hover, .Basket:visited:hover
{
    background:url(BasketRODefault.gif) no-repeat 0px -48px;
    text-decoration:none;
    color:White;
}

.Basketactive, .Basketactive:link
{
    font-family:Verdana;
    font-size:7pt;
    font-weight:bold;
    text-transform:uppercase;
    color:White;
    display:block;
    width: 52px;
    height:17px;
    text-decoration:none;
    text-align:center;
    margin-top:-19px;
    margin-left:10px;
    float:left;
    padding-top:31px;
   background:url(BasketRODefault.gif) no-repeat 0px -48px;
}

.Basketactive:visited, .Basketactive:hover
{
    color:White;
    text-decoration:none;
}

/* Search */

#searchbutton
{
    font-family:Verdana;
    font-size:7pt;
    font-weight:bold;
    text-transform:uppercase;
    background-image:url(searchRODefault.gif);
    color:White;
    width: 66px;
    height:16px;
    padding-top:3px;
    padding-left:13px;
    text-align:left;
    text-decoration:none;
    display:block;
    float:left;
}

#searchbutton:link
{
    color:White;
}

#searchbutton:visited
{
    color:White;
}

#searchbutton:hover
{
    background:url(searchRODefault.gif) no-repeat 0px -19px;
    text-decoration:none; 
}

#searchbutton:active
{
    color:White;
}

#searchtext
{
    width:336px;
    height:13px;
    border: solid 1px #c0dcea;
    padding:2px;
    font-family:Verdana;
    font-size:8pt;
    color:#2e2e2e;
    display:block;
    float:left;
}

/* Page Text */

h1
{
    font-family:Verdana;
    font-size:1.7em;
    color:#023c62;
    margin-bottom:8px;
    margin-top:0px;
}

h2
{
    font-family:Verdana;
    font-size:1.15em;
    color:#023c62;
    margin-bottom:3px;
}

h3
{
    font-family:Verdana;
    font-size:1.25em;
    color:#023c62;
    margin-bottom:3px;
}

p
{  
    font-family:Verdana;
    font-size:0.8em;
    color:#2e2e2e;
    line-height:1.6em;
    margin-top:0px; /* much easier to set this to zero then use bottom margins on the various titles as they vary */
    margin-bottom:0px;
}

a
{
    color:#056b9f;
}

a:link
{
    color:#056b9f;
}

a:visited
{
    color:#056b9f;
}

a:hover
{
    color:#056b9f;
}

a:active
{
    color:#056b9f;
}

.BackToTop
{
    font-family:Verdana;
    font-size:9pt;
    color:#023c62;
    padding-top:13px;
    padding-bottom:13px;
    padding-right:15px;
    display:block;
    float:right;
}

.BackToTop:link
{
}

.BackToTop:visited
{
}

.BackToTop:hover
{
    font-family:Verdana;
    font-size:9pt;
    color:#023c62; 
    text-decoration:none;
 
}

.BackToTop:active
{
}




.BBCHr /* This is a custom HR designed to provide better control across browsers than the standard HTML HR */
{
    background-color:#c9e0e6;
    height:1px;
    width:100%;
    clear:right;
    font-size:1px; /*everything from this point down is to make the height work in IE6 */
    line-height:0px;
    padding:0px;
    margin:0px;
    overflow:hidden;
}

.BBCContentImage
{
    display:block;
    float:left;
    margin-right:15px;
    margin-bottom:15px;
    margin-top:5px;
}

/* News Reader Styling */
.titlecaption
{
    font-family:Verdana;
    font-size:11px;
    color:#2e2e2e;
    line-height:14px;
    text-transform:uppercase;
    margin-top:5px;
}

.titledate
{
    font-family:Verdana;
    font-size:0.6em;
    color:#2e2e2e;
    line-height:1.2em;
    text-transform:uppercase;
    margin-top:5px;
}

.newstitle
{
    font-family:Verdana;
    font-size:9pt;
    text-transform:uppercase;
    color: #046c9f; 
}

.newsbody
{
    margin-top:0px;
    font-family:Verdana;
    font-size:0.8em;
    color:#2e2e2e;
    line-height:1.3em;
    margin-bottom:15px;
    
}    

tr
{
    vertical-align:top;
}

/* Bulleted Lists */



ul li
{
    font-family:Verdana;
    font-size:0.8em;
    color:#2e2e2e;
    line-height:1.6em;
    list-style-type:disc;
    margin-left:-4px;
}

ol li
{
    font-family:Verdana;
    font-size:0.8em;
    color:#2e2e2e;
    line-height:1.6em;
    list-style-type:decimal;
    margin-left:-4px;
}


