/*   There maybe requirement for extra  rules/workarounds to resolve issues caused by
       poor qulity front-end code generated by  .NET and dotNetNuke, these should be commented. 

     The two dotNetNuke template files are:
    1.  "index.ascx" (default content template) 
    2.  "home.ascx" (the hopepage)
        
     Layout is controled where possible with CSS, however DNN modules often generate non-valid and poorly structured markup,
     'opposing floats' are used for layout and the  proprietary 'zoom: 1;' property acts as a 'hasLayout' trigger in IE
     Layout tested in IE6/7, Firefox, Opera 9 PC
*/

/* SKIN (HOME) CSS    Homepage specific styles are imported from home.css  */
@import url("home.css");

/* Globals    */
/*    div {outline:1px solid orange;}    */

* {margin:0;padding:0;}
a {overflow:hidden;}

/* Force vertical scrollbar in FF  short pages  */
html {height:100%;} 
body {min-height:101%;}

/*default links */
a:link, 
a:visited{
    color:#36b;
    padding:1px; 
    text-decoration:none;
}

a:hover {
    background: #d8225d;
    color:#fff;
}

#content a:link, 
#content a:visited {
    /*border-bottom:1px dotted;*/
}

#content a:hover,
#content a:focus {border:none;}

/* ================================
Primary Structure
================================*/
body {
    font: 76%/1.6 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial !important;
}

#wrap {
    margin: 0 auto;
    width:985px;
    position:relative;
    border:1px solid #eee;
}

    /*masthead img*/
    #navutil {
        background: #fff url(img/bg/header.gif) no-repeat left top;
        width:985px;
        height:110px;

    }
        
    /*  HERO IMAGES
           id name generated dynamically for each hero bg image 
     Naming convention - headerimgXxxxx, where Xxxxx is first five characters of the tab name 
    */
        /* static div for default hero on home page template */
        #headerimg,
        #headerimgSearc     {
            clear:left;
            height:196px; /* ORG 250 */
            background:#f0f0ec url(img/bg/hero-home.jpg) no-repeat left top;
        }
    
        /*     dynamic div id="headerimgXxxxx     */
        
        /* Home page children > Utilities: SitemMap FAX... */
        #headerimgHome {
            clear:left;
            height:196px; /* ORG 250 */
            margin: 10px 10px 0 10px; /* ORG wasn't present */
            background:#f0f0ec url(img/bg/hero-home.jpg) no-repeat left top;
        }
        
        #headerimgQuali {
            clear:left;
            height:250px;
            background:#f0f0ec url(img/bg/hero-qual.jpg) no-repeat left top;
        }
    
        #headerimgCaree {
            clear:left;
            height:250px;
            background:#f0f0ec url(img/bg/hero-career.jpg) no-repeat left top;
        }
    
        #headerimgCACHE {
            clear:left;
            height:250px;
            background:#f0f0ec url(img/bg/hero-learning.jpg) no-repeat left top;
        }
        
        #headerimgAdvic {
            clear:left;
            height:250px;
            background:#f0f0ec url(img/bg/hero-advice.jpg) no-repeat left top;
        }
        
        #headerimgNews {
            clear:left;
            height:250px;
            background:#f0f0ec url(img/bg/hero-news.jpg) no-repeat left top;
        }
    #headerimgengag {
            clear:left;
            height:250px;
            background:#f0f0ec url(img/bg/hero-qual.jpg) no-repeat left top;
        }
        


    /*Background grad for top nav tabs */   
    #dnn_nav {
        width:985px; /* ORG 960 */
        height:35px; /* ORG 960 */
        float:relative; /* ORG 960 */
        /* float:left; */
        background:#f0f0ec url(img/bg/head-grad.gif) repeat-x left bottom;
    }
        /*Header Image replacement - hide header text off left */
        /* Hide skip links */
        /*This content is positioned off left but accessible to screen readers and text only UA's */
        #dnn_navutil h1,
        #skiplinks      {
            position: absolute;
            top: -999px;
            left: -999px;
            text-indent: -999px;
            overflow: hidden;
        }

/*
#utilnav {
    position:absolute;
    top:0;
    right:1px;
}
*/
/* Utility Navigation */
#navutil ul {
    float:right; 
    text-transform:uppercase;
    font-size: .8em;
    letter-spacing:.04em;
    padding: .3em 0 0 0;
}

#navutil li {
    list-style:none;
    display:inline;
    border-left:1px solid #ddd; 
    padding: 0 4px;
}
    #navutil li:first-child {border:none;}
    
    #navutil a, #navutil a:visited {
    /*  border-bottom:1px solid #eee; */
    }

#footer li {
    display: inline;
    font-size:.8em;
}

#logo {
    clear: both;
    padding: 10px 15px 15px 75px; /* ORG padding: 10px 0 15px 75px; */
}
    #logo h1 {
        color: #C00;
        letter-spacing: 0.1em; 
        margin-top: 0px;
    }
    
/* Main Layout */
#maincontentwrap {
    background:transparent;
    float: left;
    width: 744px; /* ORG still in place, NEW is 964 */
    margin-top:0px; /* ORG -55 */
}
#dnn_searchfloat {
  position: relative;
  float:right;
  margin-right:10px;
  margin-bottom:-55px;
  width:190px;

}

#dnn_searchfloat_home {
  position: relative;
  float:right;
  margin-right:5px;
  margin-bottom:-55px; /* ORG was -65 */
  width:180px; /* ORG was 180 */
}
    #content {
        float: right;
        width: 750px; /* ORG 524 */
        margin:7px 0 0 0;
    }
    .bodytext {
        /* ORG background: transparent url("img/bg/content-box-tile.gif") repeat-y center top; */
        border-bottom:1px solid #eee;
        padding-bottom:1em;
    }
    html>body .bodytext {}
    
        #content h1 {
            background: transparent url(img/bg/content-box-top.gif) no-repeat top left;
            height: 30px;
            color: #fff;
            padding: 14px 0 0 18px;
            font-size:1.6em;
        }
            html>body #content h1 {
                height:auto;
                min-height:30px;
            }
    
    /* Left Col*/
/*  ORG #sidebar {
        background:transparent;
        float: left;
        width: 210px;
        margin: 7px 0 0 0;
        text-align: left;
    } */

    #sidebar {
        background:transparent;
        float: left;
        width: 190px;
        margin: 0 0 0 10px; /* TAP Margin from hero image to content CCC, , EEE */
        text-align: left;
    }

    /* Right  Column*/
    #sidebar-2 {
        margin: -190px -2px 0 0; /* ORG 190 0 TAP WAS margin: -195px 0 0 0; */
        background: transparent url(img/bg/search-box.gif) no-repeat top left;
        float: right;
        width: 200px;
        height: 719px; /* Height for IE6 - treated as min-height */
        z-index:-1 !important; /* keep DNN admin controls ontop of this sidebar */
    }
    html>body #sidebar-2 {
        min-height: 719px; /*min-height for standards compliant browsers */
        width: 200px;
    }

    #sidebar-2 * {padding: 0 0 0 0;}
    #sidebar-2 table {border: 1px; padding:0; margin: 0px;}
    #sidebar-2 * * {padding:0 0 0 2 ; text-align: left;}
    #sidebar-2 input {margin-top:4px;}
    #sidebar-2 ul {margin:0 0 0 0; padding:0;}
    #sidebar-2 li{list-style:none;}


    #footer {clear: both;}

                #footfind ul li {
		float: right;
                border-right:1px solid #ddd; 
                text-align: right;
		height: 15px;
                }

        #foot-util {
            background:#f0f0ec url(img/bg/head-grad.gif) repeat-x left bottom;
            position:relative; /*ie6 disapearing background  fix */
            overflow:auto; /* Clear float in standards rendering */
            zoom:1; /* Force hasLayout - clear's the float in  IE */
            padding: 9px 0;
        }
        
            #foot-util ul#houseMenuHList36 {
                float:left;
             /*  display:inline;  Fix IE6 double margin float bug */
                text-align: left;
             /*  width:40%; */
            }

	        #mailrss {
        	text-align: left;
		margin: 2px 2px 2px 2px;
	        }


                #foot-util ul li {
                    border-right:1px solid #ddd; 
                    padding: 0 4px 0 0;
                    text-align: left;
                }

                #footutil ul li {
                    padding: 4px 4px 0 0;
                    text-align: left;
                }
        
        
        
        #foot-nav {
            padding: 4px 0 0 0; /* TAP Height of red box */
            color:#eee; /* TAP Copyright text */
	    	width: 100%;
		background: #000000;
		background-color: #A80c35;
		float: none;
	    	font-size: .85em;
		display: table;
		 }

            #foot-nav a,
            #reg {
                background: #A80c35; /*#d8225d; */
                padding:2px 0;
            color:#eee; /* TAP Copyright text */
            }
            #foot-nav a:hover {
            color:#36b;
            }
        
             #footerUtilNav0 {
                float:left;
                display:inline; /* IE6 double margin float bug*/
            }
            
            #reg {
               /* float:right; */
                display:inline;  /* IE6 double margin float bug  */
                margin: 0 1em 0 0;
                text-align: right;
            }


            #regleft {
		float: left;
		padding: 0px 0px 0px 4px;
		margin: 0px 0px 0px 4px;
            }
            #regmiddle {
		float: left;
		padding: 0px 0px 0px 4px; /* padding between left and middle of footer reg */
            }
            #regright {
		float: right;
		padding: 0px 5px 0px 4px;
            }

		 #footregright {
            float: right;
            text-align: right;
	    display:inline;
            }
	
        
        #tandc{
            float:left;
            width:100%;
            position:relative; /*ie6 disapearing background  fix */
            background:#000;
            color:#000;
            padding: 4px 0 0 0; /* TAP Height of black box */
            text-align: left;
        }


/* ==========================
 HTML Elements - content type
============================= */
p, ul, ol, dl, pre, code, blockquote {margin:0 0 1em 0;}

ul, ol, dl, blockquote {margin:0 0 0 1em;}

h1, h2, h3, h4, h5, h6 {
    font-family: arial, helvetica, sans-serif;
    color: #c80c47;
    font-weight:bold;
    letter-spacing:.02em;
}

.bodytext h1 + p {
    margin-top:.7em;
}

.bodytext table.data{
    border-collapse: collapse;
    border: 1px solid #eee;
    width: 500px;
    margin: 0 12px 7px 12px;
}

.bodytext table.data caption{
    text-align: left;
    margin-bottom: 5px;
    font: bold 1em Arial, Helvetica;
}

.bodytext  table.data th {
    font: bold 1em Arial, Helvetica;
    padding: 5px 5px 6px 2px;
    text-align: left;
    font-size: 1.0em;
    background: #eee url(img/bg/bg-th.gif) repeat-x;
    border:1px solid #eee;
    border-bottom: 1px solid #999;
}

.bodytext table.data  td {
    line-height: 1.2em;
    font-size: .9em;
    padding: 5px 15px 5px 3px; 
    border-top-width: 0;
    border:1px solid #eee;
    vertical-align: top;
}

.style2 {
    color: #FFFFFF;
    font-weight: bold;
}

#newsupdates h2, #sidebar-2 h2 {border-bottom:1px dotted #ccc;}

.bodytext p {padding: 0 1.2em;}
.bodytext ul, 
.bodytext ol {
    padding: 0 3.1em .6em;
} 

.bodytext h2, .bodytext h3 {
    padding: 12px 0 4px 12px;
}

.bodytext h4, .bodytext h5, .bodytext h6 {
    padding: 0 0 0 12px;
}
.bodytext h2 {font-size:1.6em;}
.bodytext h3 {font-size:1.4em;}
.bodytext h4 {font-size:1.3em;}
.bodytext h5 {font-size:1.2em;}
.bodytext h6 {font-size:1.1em;}

.bodytext form {
    background: #fff;
}

/* Definitions - basic list  */
.bodytext dl {
    margin-bottom:1em;
}
.bodytext dt {
    margin-left:1em;
}
.bodytext dd {
    margin-left:1em;
}
/* Definition - tabular format */
.bodytext dl.table-display{
    overflow:auto; /* clear the float*/
    zoom:1; /* hasLayout for IE*/
}

.bodytext .table-display dt{
    width: 10em;
    float: left;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #ccc;
    font-weight: bold;
}

.bodytext .table-display dd {
    float: left;
    width: 28em;
    margin: 0 0 0 0;
    padding: .5em;
    border-top: 1px solid #ccc;
}

/*  Utility classes */

.bodytext .leftfloat {
    float:left;
}
.bodytext .rightfloat {
    float:right;
}


/* Bullets Icons etc*/
/* Links to named id's anchors */
ul.nameda, 
ul.pdflist  {
    margin: 0 0 1em 1.2em;
    padding:0;
}

ul.nameda li {
    list-style:none;
    background:url(img/bg/ico-anchor.gif) no-repeat 0 5px;
    padding-left: 14px;
}

ul.pdflist li {
    list-style:none;
    background: url(img/bg/ico-pdf.png) no-repeat 0 5px;
    padding: 4px 0 0 20px;
}


/* Inline Links to PDF's */
a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active {
    background: url(img/bg/ico-pdf.png) no-repeat 0 0 ;
    padding-left: 19px;
    padding-bottom: 3px;
}
a.pdf:hover {background: #d8225d url(img/bg/ico-pdf.png) no-repeat 0 0 ;}

/* =============================================
    PRIMARY NAV - Top Sliding doors tabs
   =============================================*/
#houseMenuH {}

#houseMenuH0 {
    line-height:normal;
    width:95%;
    float:left;
    display:inline; 
}
#houseMenuH0 ul {
    padding:10px 10px 0 0;
    list-style:none;    
}
#houseMenuH0  li {
    float:left;
    list-style:none;
    background:url(img/bg/left-both.gif) no-repeat left top;
    margin-right:2px;
    padding:0 0 0 9px;
}
#houseMenuH0 a {
    display: block;
    background: url(img/bg/right-both.gif) no-repeat right top;
    padding: 10px 15px 8px 6px;
    text-decoration: none;
    color: #666;
    font-size:1.12em;
}

#houseMenuH0 > ul a {width:auto;}

#houseMenuH0 a:hover {
    color:#000;
    text-decoration:underline;
    outline:none;
}

#houseMenuH0 a:focus {outline:none;}

/* Nav on state - Primary tabs */    
ul#houseMenuH0 li#houseMenuCurrentItem {
  background-position:0 -150px;
}

ul#houseMenuH0 a#houseMenuCurrentLink {
  background-position:100% -150px;
  color:#fff;
}

/* =============================================
    Secondary nav - left sidebar
    Generated by HouseMenu SkinObject Module
   =============================================*/
/* Vertical Menu - This is the  houseMenu generated admin navigation */
#HouseMenuNav{margin-top:1em;}
#HouseMenuNav ul{
    padding: 0;
    margin: 0;
}

ul#HouseMenuNav li{list-style:none; background:none;}
#HouseMenuNav li a:link, 
#HouseMenuNav li a:visited{
    /* main colour of the menu */
    margin: 0;
    padding: 0;
    display: block;
    padding: 5px 5px 5px 0.5em;
    color: #000;
    zoom: 1; /* IE6 hasLayout hack*/
}
#HouseMenuNav li a{font-weight:bold;}
#HouseMenuNav li a:hover{
    font-weight:bold;
    background:transparent;
    color:#000;
    text-decoration:none;
}
#HouseMenuNav li li a,
#HouseMenuNav li li a:hover{font-weight:normal;}

#HouseMenuNav ul ul li {border:none;padding-left:15px;}

#HouseMenuNav ul ul a, 
#HouseMenuNav ul ul a:visited{}
#HouseMenuNav ul ul a:hover
{
    background-color: #555;
    color: #FFF;
}



/*SECONDARY/TERTIARY NAV - LEFT COL  */
/* Generated from custom module */

#sidebar strong {
    font-weight:normal;
    color: #000;
}

#sidebar ul {
    margin:0 0 0 4px;
    padding:0;
    zoom:1; /* Trigger 'hasLayout' in IE  */
    width:180px; /* LAST XXX */
}
    #sidebar li {
        list-style:none;
        background:url(img/bg/ico-2ndlevel-nav.gif) no-repeat 0 9px;
        padding-left:2px;
    }
        #sidebar li a, 
        #sidebar li strong{
            display:block;
            padding: 5px 0 5px 0;
            line-height:normal;
            padding-left:10px;
            border-bottom:1px dotted #ccc;
            zoom:1; /* IE 'hasLayout'  trigger*/
        }
        #sidebar li a:hover {background:transparent; color:#d63597;}
        
        #sidebar ul ul {margin:0;}
            #sidebar li  li {
                font-size: .9em;
                padding-left:10px;
                background:url(img/bg/ico-3rdlevel-nav.gif) no-repeat 11px 10px;
                border-bottom:1px dotted #ccc;
            } 
                #sidebar li  li  a, 
                #sidebar li li strong {
                    width:160px;
                    border-bottom:none;
                    
                }
                #sidebar li li strong {}
                
                    #sidebar li li li{
                        border-bottom:none; 
                    }

#searchhead {
/*  background: transparent url(img/bg/search-box-top.gif) no-repeat top left; */
    padding-top: 7px;
    background:transparent;
}

/* DYNAMIC CLASSES
    These classes set by javaScript or applied to DOM generated markup 
    (global.js)
*/
#showhide div.closedsection{
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -999px;
    overflow: hidden;
}

#showhide h2.openhead{
    cursor:pointer;
    background: transparent url(img/bg/ico-contract.gif) 0 5px no-repeat;
    padding-left:15px;
    font-size:1.3em;
    margin-left:12px;
    
}

#showhide h2.closedhead{
    background: transparent url(img/bg/ico-expand.gif) 0 5px no-repeat;
/*  color:#36b; */
    padding-left:15px;
    cursor:pointer;
    font-size:1.3em;
    margin-left:12px;
}

#showhide h2.openhead:hover, #showhide h2.closedhead:hover {
    text-decoration:underline;
}
#showhide6 div.closedsection{
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -999px;
    overflow: hidden;
}

#showhide6 h2.openhead{
    cursor:pointer;
    background: transparent url(img/bg/ico-contract.gif) 0 5px no-repeat;
    padding-left:15px;
    font-size:1.3em;
    margin-left:12px;
    
}

#showhide6 h2.closedhead{
    background: transparent url(img/bg/ico-expand.gif) 0 5px no-repeat;
/*  color:#36b; */
    padding-left:15px;
    cursor:pointer;
    font-size:1.3em;
    margin-left:12px;
}

#showhide6 h2.openhead:hover, #showhide h2.closedhead:hover {
    text-decoration:underline;
}



#showhide4 div.closedsection{
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -999px;
    overflow: hidden;
}

#showhide4 h2.openhead{
    cursor:pointer;
    background: transparent url(img/bg/ico-contract.gif) 0 5px no-repeat;
    padding-left:15px;
    font-size:1.3em;
    margin-left:12px;
    
}

#showhide4 h2.closedhead{
    background: transparent url(img/bg/ico-expand.gif) 0 5px no-repeat;
/*  color:#36b; */
    padding-left:15px;
    cursor:pointer;
    font-size:1.3em;
    margin-left:12px;
}

#showhide4 h2.openhead:hover, #showhide h2.closedhead:hover {
    text-decoration:underline;
}


/*adding two extra dynamic divs*/

#showhide2 div.closedsection{
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -999px;
    overflow: hidden;
}

#showhide2 h2.openhead{
    cursor:pointer;
    background: transparent url(img/bg/ico-contract.gif) 0 5px no-repeat;
    padding-left:15px;
    font-size:1.3em;
    margin-left:12px;
    
}

#showhide2 h2.closedhead{
    background: transparent url(img/bg/ico-expand.gif) 0 5px no-repeat;
/*  color:#36b; */
    padding-left:15px;
    cursor:pointer;
    font-size:1.3em;
    margin-left:12px;
}

#showhide2 h2.openhead:hover, #showhide h2.closedhead:hover {
    text-decoration:underline;
}

#showhide3 div.closedsection{
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -999px;
    overflow: hidden;
}

#showhide3 h2.openhead{
    cursor:pointer;
    background: transparent url(img/bg/ico-contract.gif) 0 5px no-repeat;
    padding-left:15px;
    font-size:1.3em;
    margin-left:12px;
    
}

#showhide3 h2.closedhead{
    background: transparent url(img/bg/ico-expand.gif) 0 5px no-repeat;
/*  color:#36b; */
    padding-left:15px;
    cursor:pointer;
    font-size:1.3em;
    margin-left:12px;
}

#showhide3 h2.openhead:hover, #showhide h2.closedhead:hover {
    text-decoration:underline;
}


#showhide5 div.closedsection{
    position: absolute;
    top: -9999px;
    left: -9999px;
    text-indent: -999px;
    overflow: hidden;
}

#showhide5 h2.openhead{
    cursor:pointer;
    background: transparent url(img/bg/ico-contract.gif) 0 5px no-repeat;
    padding-left:15px;
    font-size:1.3em;
    margin-left:12px;
    
}

#showhide5 h2.closedhead{
    background: transparent url(img/bg/ico-expand.gif) 0 5px no-repeat;
/*  color:#36b; */
    padding-left:15px;
    cursor:pointer;
    font-size:1.3em;
    margin-left:12px;
}

#showhide5 h2.openhead:hover, #showhide h2.closedhead:hover {
    text-decoration:underline;
}


a#pagemailer {
    	padding-left: 24px;
    	background: transparent url(img/bg/envelope.jpg) no-repeat!important;
	background-position: 7% 50% !important;  
}

#pagemailer {
    	padding-left: 24px;
   	background: transparent url(img/bg/envelope.jpg) no-repeat!important;
	background-position: 7% 50% !important;  
}

#pagemailer a:hover {
    	padding-left: 24px; 
    	background: transparent url(img/bg/envelope.jpg) no-repeat!important;
	background-position: 7% 50% !important;  
}


/* ALterations to Admin Area */

div#dnn_ControlPanel {
    outline:1px solid red;
    display:block;
    z-index:100 !important;
    position:relative;
}
*html #dnn_ControlPanel{margin-bottom:60px;}

div#dnn_ControlPanel table {

}


/*main content links*/

#newsupdates a:hover, #sidebar-2 a:hover, #navutil a:hover, #foot-util a:hover{
color: #36b;
background: none;
text-decoration: underline;

}
/* TAP Login link both link and hover */
#tandc a:hover,#tandc a:link{
color: #000;
background: none!important;
text-decoration: none!important;
}


#dnn_contentpane a:hover {
color: #36b;
background-color: #FFF;
text-decoration: underline;
}



#dnn_contentpane a, #newsupdates a, #sidebar-2 a, #navutil a, #foot-util a, #tandc a{

border-bottom: none;

}