/* Start of CMSMS style sheet 'Karls-css' */
/****************** Reset everything ******************/
* {
margin: 0;
padding: 0;
}
body {
background: #eaeaea url(uploads/images/bgcontainer.gif) top center repeat-y;
color: #444;
font-family: Helvetica, Arial, Sans-serif;
margin: 0;
}

a {
color: #FF6600;
}
a:hover {
color: #111111;
}
a img {
border: 0;
}

p {
font-size: 12px;
padding-bottom: 1.2em;
}

.clear {
clear: both;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.grey {
color: #333333;
}
.red {
color:#FF0000;
}
span.bigprice {
font-size: 24px;
}


h2 {
font-size: 22px;
font-weight: normal;
margin: 15px 0 15px 0;
}

/***************** COLOURS *****************/
.global {
color: #FF6600;
}

a.health, .health {
color: #be0c34;
}
a.food, .food {
color: #2183c1;
}
a.people, .people {
color: #752c85;
}
a.dementia, .dementia {
color: #b5bf00;
}
a.adults, .adults {
color: #193188;
}
a.medication, .medication {
color: #0081ab;
}
a.epilepsy, .epilepsy {
color: #70267a;
}
a.infection, .infection {
color: #f4aa04;
}
a.firstaid, .firstaid {
color: #c9bb89;
}
a.comms, .comms {
color: #d6053a;
}
a.fire, .fire {
color: #e30b34;
}

a.health:hover, a.food:hover, a.people:hover, a.dementia:hover, a.adults:hover, a.medication:hover, a.epilepsy:hover, a.infection:hover, a.firstaid:hover, a.comms:hover, a.fire:hover {
text-decoration: none;
}


/***************** STRUCTURE *****************/
.container {
margin: 0 auto;
padding-bottom: 6px;
width: 960px;
}
.main {
clear: both;
padding: 0 10px 0 10px;
}


/***************** HEADER *****************/
.header {
background: url(uploads/images/header_img_new.jpg) top left no-repeat;
height: 200px;
margin: 0;
}


#utilinks {
font-size: 12px;
font-weight: normal;
text-align: center;
background: #FFFFFF;
float: right;
width: 270px;
margin: 10px 10px 0 0;
padding: 5px;
}
#utilinks li {
display: inline;
border-right: #999999 1px solid;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
#utilinks li.last_util {
border-right: none;
margin: 0;
padding: 0;
}
#utilinks a {
color: #666666;
text-decoration: none;
}
#utilinks a:hover {
color: #000000;
}

#searchbox {
margin: 15px 20px 0 0;
float: right;
color: #FFFFFF;
}


table.searchbox {
margin: 5px 0 0 0;
text-align: right;
width: 260px;
border: none;
background: none;
}
table.searchbox td {
background: none;
margin: 0;
}
#searchbox input {
font-size: 16px;
}



/**************** LEFT NAV *****************/
.sidenav ul {
padding-left: 12px;
margin: 0;
}
.sidenav {
margin: 0;
border-top: none;
float: left;
width: 200px;
}
h1.courses {
color: #666;
font-size: 16px;
height: 20px;
margin: 0 0 5px 0;
}
.sidenav ul {
border: 1px solid #E5E5E5;
padding: 0;
font-weight: bold;
}
.sidenav li {
font-size: 12px;
list-style: none;
margin: 0;
}
.sidenav li a {
background: url(uploads/images/nav_bg.gif) bottom repeat-x;
color: #ff6600;
display: block;
padding: 10px 6px 10px 14px;
text-decoration: none;
}
.sidenav li a:hover {
background: #EEEEEE;
color: #111111;
}
.currentpage {
background: #d8d8d8;
color: #111111;
display: block;
padding: 10px 6px 10px 14px;
}

ul#home_li {
margin: 40px 0 0 0;
}

/**************** RIGHT CONTENT ****************/
ul#special {
list-style: none;
border: none;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
ul#special li {
border: 0;
margin: 0 0 10px 0;
}
ul#special li#offers {
padding: 0 5px 10px 0;
font-size: 18px;
}

ul#special a {
display: block;
padding: 0;
}


/****************** CONTENT ******************/
#right_content {
margin: 0;
width: 180px;
float: right;
}

.content {
float: right;
width: 540px;
padding: 0;
margin: 0 9px 0 0;
}

.content_course {
float: right;
width: 626px;
margin: 0 100px 0 0;
}

h1#pagetitle {
margin: 0 0 15px 0;
font-size: 24px;
color: #666666;
}

#feature_leftcol {
width: 265px;
float: left;
margin: 0;
}
#feature_rightcol {
width: 265px;
float: right;
margin: 0;
}

.feature {
background: url(uploads/images/feature_bg.gif) bottom left repeat-x;
border: #CCCCCC 1px solid;
margin: 10px 0 0 0;
padding: 8px;
}
.feature h3 {
font-size: 18px;
font-weight: normal;
margin: 0 0 10px 0;
}

.keyfacts {
font-weight: normal;
font-size: 18px;
margin: 0 0 10px 0;
}

/* Tables and forms */
table {
border:1px solid #d8d8d8;
border-collapse:collapse;
width:100%;
margin: 0 0 30px 0;
padding:0;
}
th {
background: #eaeaea url(uploads/images/menubg2.gif) repeat-x bottom left;
font-weight: normal;
font-size:16px;
color:#505050;
padding:7px;
text-align:left;
width: 140px;
}
td {
background: #f4f4f4 url(uploads/images/menubg.gif) repeat-x bottom left;
color:#303030;
font-size:0.9em;
padding:7px;
text-align:left;
}

ul#course_details {
margin: 0;
padding: 0 0 10px 20px;
font-size: 12px;
font-weight: bold;
list-style: circle;
}


span.fifteen {
padding: 0;
font-size: 14px;
}



ul.enquire_but {
text-align: center;
width: 300px;
margin: 20px 0 0 0;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
}

.enquire_but li {
list-style: none;
margin: 0;
}
.enquire_but li a {
color: #fff;
display: block;
padding: 18px;
text-decoration: none;
}
.enquire_but a:hover {
background: #CCCCCC;
color: #111111;
}

.enquire_health li a {
background: #be0c34;
}
.enquire_food li a {
background: #2183c1;
}
.enquire_people li a {
background: #752c85;
}
.enquire_dementia li a {
background: #b5bf00;
}
.enquire_adults li a {
background: #193188;
}
.enquire_med li a {
background: #0081ab;
}
.enquire_epilepsy li a {
background: #70267a;
}
.enquire_infection li a {
background: #f4aa04;
}
.enquire_firstaid li a {
background: #c9bb89;
}
.enquire_comms li a {
background: #d6053a;
}
.enquire_fire li a {
background: #e30b34;
}


/****************** HOMEPAGE ******************/
.indexcourse_first  {
padding: 3px 15px 0 20px;
margin: 0 0 20px 0;
width: 505px;
}
.indexcourse  {
background: url(uploads/images/indexcourse.gif) left top no-repeat;
padding: 15px 15px 0 20px;
margin: 0 0 5px 0;
width: 505px;
}
h2.hometitle {
margin: 0 0 12px 0;
padding: 0;
}

ul.coursesleft {
list-style: circle;
line-height: 18px;
margin: 0;
padding: 0 0 0 20px;
font-size: 12px;
width: 200px;
float: left;
}

/****************** HOMEPAGE_COPY ******************/
.homeimage  {
background: url(uploads/images/randoms/front2.jpg) left top no-repeat;
padding: 3px 15px 0 20px;
margin: 0 0 10px 0;
width: 505px;
height: 198px;
}
ul.coursesleft_new {
list-style: none;
line-height: 16px;
text-align: center;
margin: 0;
padding: 10px 0 0 10px;
font-size: 12px;
float: left;
}







/********* MAP *********/
#map {
width: 250px;
height: 190px;
position: absolute;
margin: 42px 0 0 290px;
}

/********* LINKS PAGE *********/
h3.linktitle {
font-size: 14px;
font-weight: normal;
margin: 0 0 5px 0;
}

/************ SITE MAP ***********/
#sitemap {
padding: 0 0 0 20px;
}

#sitemap ul {
list-style: circle;
margin: 0 0 25px 0;
padding: 0 0 0 40px;
}
#sitemap li {
margin: 5px 0 5px 0;
font-size: 14px;
}
#sitemap p {
font-size: 16px;
font-weight: bold;
margin: 10px 0 15px 0;
padding: 0;
}



/****************** FOOTER ******************/
.footer {
background: #FFF;
border: 1px solid #EEE;
color: #666;
font-size: 11px;
margin: 30px auto 10px auto;
text-align: center;
padding: 10px 0 10px 0;
width: 926px;
}
.footer p {
margin: 0;
padding: 0;
}
.footer a {
color: #FF6600;
text-decoration: none;
}
.footer a:hover {
color: #111111;
text-decoration: underline;
}


/* End of 'Karls-css' */

