body{
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
}

hr{
height: 1px;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

table{
width: 98%;
}

a{
color: #0D426F;
}


a:visited{
color: #41749F;
}

a:hover{
color: #CC0000;
}

h1{
color: #0C4270;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}

h2{
color: #D72A21;
font-size: 13px;
padding: 0px;
margin: 5px 0 2px 0;
}

h3{
color: #0C4270;
font-size: 12px;
}

h4{
color: #0C4270;
font-size: 12px;
text-decoration: underline;
}

h5, h6{
color: #0C4270;
font-size: 11px;
padding: 0px;
margin: 0px;
}

ul{

}

li{

}

#shell{
width: 756px;
text-align: left;
padding: 0px;
margin: 0px;

}

#header{
border-bottom: 4px solid #FFFFFF;

}

#banner{
background-image: url(images/ifebanner.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 114px;
border-bottom: 3px solid #FFFFFF;
}

#mainnav .navigation{
text-align: center;
}
#mainnav .navigation ul {
list-style-type: none;
}

#mainnav .navigation li {
float: left;
}

#mainnav{
height: 18px;
padding: 0;
margin: 0;
text-align: center;
}

#mainnav ul{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
text-align: center; 
}

#mainnav li{
height: 16px;
margin: 0;
padding: 2px 0 0 0;
background-image: url(images/nav-bgnd.png);
background-repeat: no-repeat;
background-position: right;
text-align: center;
color: #FFFFFF;
background-color: #666666;
border-right: 0 none #FFFFFF;
width: 108px;
}

#mainnav ul li a{
margin: 0px;
padding: 0px;
text-align: center;
color: #FFFFFF;
width: 108px;
text-decoration: none;
font-weight: 600;
}

#mainnav ul li a:hover{
color: #D3E8FB;
}

/*
#mainnav ul li a:hover{
font-weight: bold;
color: #CC0000;
text-decoration: none;
text-align: center;
height: 25px;
width: 109px;
}

#mainnav li.dir.open.current{
background-repeat: no-repeat;
background-position: center;
width: 101px;
height: 25px;
}

#mainnav li.dir.open.sub.first-child{
background-repeat: no-repeat;
background-position: center;
width: 101px;
height: 25px;
}

#mainnav .dir.open.current {
margin: 0px;
padding: 10px 0 0 0;
width: 101px;
height: 25px;
background-repeat: no-repeat;
background-position: center;
text-align: center;
font-weight: bold; 
}
*/

#subnav{
margin: 4px 0 4px 5px;
border: 1px solid #D3E8FB;
}

#subnav ul{
padding: 0px;
margin: 0px;
list-style: none;
}

#subnav li{
/*margin: 1px 0 0 25px;*/
margin: 5px 0 5px 0px;
padding: 1px 1px 1px 10px;
font-weight: 600;
color: #0C4270;
text-decoration: none;
font-size: 11px;
}

#subnav li a{
font-weight: 600;
color: #0C4270;
text-decoration: none;
font-size: 11px;
padding: 0 0 0 0px;
margin: 0px;
/*background-image: url(images/li-subnav.png);
background-repeat: no-repeat;
background-position: left;*/
}

#subnav li a:hover{
color: #CC0000;
}

#subnav li.dir.open.current{
color: #CC0000;
}
#subnav li li.page.active a {
color: #CC0000;
}

/*#subnav ul li.dir.open.current.first-child ul.navigation { Hide empty embedded ul dir tag
display: none;
}*/

/*#subnav ul li.dir.open.current a.dir ul.navigation {
display: none;
}

#subnav ul li ul{
padding: 0px;
margin: 5px 0 5px 0;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}*/

#subnav li ul li{
width: 150px;
margin: 0 0 0 0;
padding: 5px 0 3px 29px;
list-style: none;
font-weight: 500;
color: #0C4270;
text-decoration: none;
font-size: 11px;
/*border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;*/
}

#subnav li ul li a{
background-image: none;
font-weight: 500;
color: #0C4270;
text-decoration: none;
font-size: 11px;
padding: 0px;
margin: 0px;
}

#content{
border: 1px solid #D3E8FB;
padding: 0px;
margin: 0px;
}

#content table{
padding: 3px;
margin: 0px;
border: none;

}
* html #content table{
float: right;
padding: 0px;
margin: 0px;
}
#content td{
padding: 3px;
margin: 3px;
border: 1px solid #D3E8FB;
text-align: left;
}

#content th{
padding: 3px;
margin: 3px;
background-color: #D3E8FB;




text-align: left;
}

#textarea{
color: #333333;
padding: 5px;
margin: 0 20px 0 210px;
}
* html #textarea{
color: #333333;
padding: 1px;
margin: 0 20px 0 210px;
}
#textarea ul li, #textarea-left ul li{
list-style-image: url(/images/li.gif);
}

#textarea-home{
border-right: 12px solid #FFFFFF;
border-left: 12px solid #FFFFFF;
color: #333333;
float: left;
width: 340px;
padding: 0px;
margin: 0px;
}

#textarea-left{
color: #333333;
padding: 5px;
margin: 0 20px 0 10px;
}

#leftcol{
background-color: #D3E8FB;
float: left;
width: 200px;
padding: 0px;
margin: 0px;
}


#leftcol .hd, #rightcol .hd {
margin: 0px;
padding: 0px;
border-bottom: 2px solid #FFFFFF;
}



#leftcol h1, #rightcol h1{
color: #D72A21;
font-size: 14px;
font-variant: small-caps;
margin: 5px 3px 3px 8px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;

}

#rightcol{
background-color: #D3E8FB;
float: right;
width: 190px;
padding: 0 0 0 0;

}

#rightcol hr{
height: 10px;
border: 1px solid #FFFFFF;
color: #FFFFFF;
background-color: #FFFFFF;
}

#login{
margin: 15px 0 15px 0;
padding: 0px;
border: 1px none #FFFFFF;
color: #0C4270;
text-align: right;
}

#footer{
height: 21px;
background-color: #0C4270;
border-top: 5px solid #FFFFFF;
color: #FFFFFF;
padding: 5px 10px 0 10px;
font-weight: 600;
}

#footer a{
color: #FFFFFF;

}

/*-----------------------
Re-usable Classes
-------------------------*/
.left{
float: left;
}

.right{
float: right;
}

/*-----------------------
CMS Generic
-------------------------*/
div.cms-inlineimage{
margin: 5px;
}
div.cms-inlineimage.a{
float: left;
margin: 0px;
padding: 0px;
border: 1px solid #D4E4FE;
background-color: #D4E4FE;
}

div.cms-inlineimage.b{
float: right;
margin: 0px;
padding: 0px;
border: 1px solid #D4E4FE;
}

div.cms-inlineimage img{
border: 1px solid #FFFFFF;
padding: 0px;
margin: 0px;
}

p.cms-caption{
border: 1px solid #FFFFFF;
padding: 2px;
margin: 0px;
background-color: #FFFFFF;
}

/*-----------------------
Form classes
-------------------------*/
.button{
font-family: Arial, Sans-serif;
background-color: #0C4270;
border-bottom: 1px none #666666;
border-right: 1px none #666666;
border-top: none;
border-left: none;
padding: 3px 5px 2px 5px;
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
font-weight: 600;
margin: 0px;
height: 21px;
/*margin: 2px;*/
}
form{
padding: 0px;
margin: 0px;
}

.but-login{
background-color: #D3E8FB;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CC0000;
border: none;
text-decoration: underline;
float: right;
text-transform: uppercase;
}

.inputbox{
width: 100px;
height: 12px;
margin: 2px;
padding: 1px;
}
/*-----------------------
News & Events
-------------------------*/

#searchbox{
margin: 0px;
text-align: right;
width: 270px;
float: right;
padding: 0 5px 0 0;
margin: 0px;
}


#news-events{
margin: 5px 10px 5px 10px;
}
#news-events li{
list-style-image: url(/images/li-bullet.gif);
margin: 5px 0 5px 0;
}
#news-events li a{
font-weight: 700;
color: #0C4270;
font-size: 11px;
text-transform: uppercase;
}

#news-events .redtext a{
font-weight: normal;
color: #cc0000;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}



#promo{
margin: 25px 0 0 0;
border: 1px solid #BDD8F3;

}

#promo .hd{
background-color: #D3E8FB;
border: 1px solid #FFFFFF;
padding: 5px;
}

#promo .hd h1{
margin: 0px;
padding: 0px;
}


#promo .textarea{
margin: 10px;
}


#breadcrumb{
padding: 5px 0 0 5px;
height: 23px;
font-size: 10px;
width: 450px;
float: left;
}

#breadcrumb a{
color: #0C4270;
}

#eclogo{
border-top: 2px solid #FFFFFF;
text-align: center;
height: 50px;
padding: 5px;
}

a.cms_file img{
border: none;
margin: 0px 5px 0px 0px;
padding: 0px;
display: list-item;
float: left;
}

ol{

}

ol li{
list-style-type: decimal;
list-style-image: none;
}

div#login_box {
margin: 0px;
padding: 0px;
}

div#login_box h1 {
border-bottom: 2px solid white;
padding: 5px 3px 3px 8px;
margin: 0;
}

div#login_box p {
padding: 0.5em;
}

#sitemap{
float: left;

}

/*-----------------------
Fire Risk Register
-------------------------*/

table#frr-search{
background-color: #D3E8FB;
margin: 10px 80px 20px 80px;
width: 345px;
}
#frr-search td{
text-align: center;
}
#frr-search .submit{
font-family: Arial, Sans-serif;
background-color: #0C4270;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
padding: 2px 5px 2px 5px;
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
font-weight: 600;
}
#forum table {
width: 98%;
}
#forum th {
text-align: center;
}
#forum td.group {
background-color: #E8F2FA;
font-weight: bold;
}

.forum-post h1{
background-color: #E8F2FA;
font-size: 0.9em;
padding: 3px;
margin: 0px;
}

.forum-post .message{
border: 1px solid #E8F2FA;
margin: 0 0 10px 0;
padding: 3px;
}

#search{
text-align: center;
}
#search .resultslist{
width: 98%;
}

/*------------------------
 Courses
-------------------------*/
#course-header td{
background-color: #D3E8FB;
font-size: 0.9em;
font-weight: 600;
padding: 3px;
margin: 0px;
}

/*-----------------------
 Shop
-------------------------*/
#textarea .shop table{
width: 98%;
border: none;
}
#textarea .shop table td{
border: none;
padding: 5px;
background-color: #D3E8FB;
border-bottom: 8px solid #FFFFFF;
background-image: url(/images/corner-br.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.shop div.cms-inlineimage img{
float: left;
border: 1px solid #336699;
margin: 5px 25px 5px 5px;
}
#textarea .wpay table,#textarea .wpay td {
border: none;
padding: 5px;
text-align: center;
}
/*-----------------------
 Events
-------------------------*/

.events table{
width: 98%;
}

.events th{
border: none;
font-weight: 600;
color: #0C4270;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0 0 0;
}

.events td{
vertical-align: top;
padding: 5px;
}

.events ul{
margin: 0 0 0 15px;
padding: 0px;
}

.events li{
margin: 0 0 8px 0;
padding: 0px;
}

div.pageindex{
padding: 5px;
background-color: #D3E8FB;
}

.pageindex a img, .pageindex img{
margin: 0 10px 0 10px;
padding: 1px;
border: none;

}



#subpage-content{
border: 1px none #CC0000;
width: 500px;
float:right;
margin: 0 20px 0 0;
}

#shop{
margin: 0px;
}
#shop img{
border: 1px solid #D3E8FB;
}
#shop-table, #shop td{
border: none;
vertical-align: bottom;
margin: 10px 0 0 0;
}

#shop-table th{
font-weight: bold;
text-align: center;
}

#shop form{
margin: 0px;
padding: 0px;
}

.but-shop{
font-family: Arial, Sans-serif;
background-color: #0C4270;
border-bottom: 1px none #666666;
border-right: 1px none #666666;
border-top: none;
border-left: none;
padding: 2px 5px 2px 5px;
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
font-weight: 600;
margin: 2px;
}

#product-view{

}

#product-view table{
border: none;
background-color: #D3E8FB;
background-image: url(/images/corner-br.png);
background-position: bottom right;
background-repeat: no-repeat;
}

#product-view td{
border: none;
}

#searchbar{
background-color: #E6F3FC;
padding: 2px;
margin-top: 4px;
height: 25px;
}

#search_input{
margin-top: 3px;
height: 15px;
}


#feature-new{
border-top: 0px solid #FFFFFF;
text-align: left;
padding: 5px;
}

#banner img{
border: none;
}