/* 
Middleton colours
---------------------
#ffcb03 - yellow
#0084a9 - blue (#006f8f for use on the yellow)
#f36d20 - orange
--------------------- 
*/



/* Resetting default padding and margin - http://www.clagnut.com/blog/1287/ */
* {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin: 0.5em 0;}
li,dd {margin-left:1em;}
fieldset {padding:.5em;}
/* end reset */

body {
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color: #444;
	line-height:18px;
}
/* backgroung images */
#bk_ladder {
	background: url(../_img/background/ladder.gif) no-repeat left top;
}

#wrapper {
	width: 970px;
	margin-right:10px;
	background-image:url(../_img/stripe1down.gif); 
	background-position:top right; 
	background-repeat:repeat-y;
}
#header {height:105px; }
#logo {height:105px; width:196px; float:left;}
#nav {position:absolute;top:24px;left:270px; font-size:12px;font-family:Arial,Helvetica,sans-serif; } /* was top:25px; */
/* mainmenu */
.moduletable-mainmenu {position:relative;top:0;left:0;} /* div around mainmenu <ul> tag */
ul#mainlevel-mainmenu {list-style:none; } /* id of mainmenu <ul> tag */
ul#mainlevel-mainmenu li {float:left; display:block; padding-right:3px;}
.mainlevel-mainmenu {} /* class of mainmenu <a> tag */
#active_menu-mainmenu { font-weight:bold;color:#000000;} /* id of selected mainmenu <a> tag */
#mainlevel-mainmenu A:link  { text-decoration:none; color:#006f8f; display:block; }
#mainlevel-mainmenu A:visited { text-decoration:none; color:#006f8f; display:block; }
#mainlevel-mainmenu A:hover, #mainlevel-mainmenu A:active { text-decoration:none; color:#000000; display:block; }


#test {position:absolute;top:450px;left:650px; width:100px; height:100px; background-color:red; z-index:6;}

#main-body {position:relative;top:0;left:0; /*margin-left:275px;*/margin-left:20px; }
#sidebarLeft {position:relative;top:0;left:0;float:left;width:275px;} /* usable width = 235px */
#sidebarLeftHome {position:relative;top:0;left:0;float:left;width:20px;}
#content {position:relative;top:0;left:0; } /*margin-right:285px;*/
#content ul {
	position:relative;
	top:0;left:5px;
	margin: 0;
	padding: 0 0 18px 12px;
}
#content li {padding:0 0.5em; }
#content p {
	margin: 0;
	padding: 0 0 18px 0;
}
.conhome {margin-left:0px;}
.nonhome {margin-left:263px;}
.withoutsubmenu {margin-right:90px;}
.withsubmenu {margin-right:285px;}

#sidebarRight {
	position:absolute;
	top:0;
	right:0;
	width:285px;

	background-color:transparent;
	font-size:12px;
	line-height:15px; 
	z-index:10;}

.leftboxpad {padding:10px 20px;}
.contentpad {padding:10px 0px; }
.rightboxpad {position:relative;top:0;left:0;padding:10px 95px 10px 20px;background-color:transparent; z-index:10;}
/*
#footer {position:relative;top:0;left:0; text-align:right; height:20px; clear:both; padding:0 90px 0 265px; color:#888888;font-size:0.9em; z-index:0; }
*/
#footer {text-align:left; height:20px; clear:both; padding:0 90px 0 285px; color:#888888;font-size:10px; }
#footer A:link, #footer A:visited { position:relative;top:0;left:0;color:#888888; text-decoration:underline;  }
#footer A:hover, #footer A:active { position:relative;top:0;left:0;color:#000000; text-decoration:underline; }
#footer A:link.nounderline, #footer A:visited.nounderline { position:relative;top:0;left:0;color:#888888; text-decoration:none;  }
#footer A:hover.nounderline, #footer A:active.nounderline { position:relative;top:0;left:0;color:#000000; text-decoration:none; }
A:link#skipnav, A:visited#skipnav { color:#cccccc; text-decoration:none; font-size:0.9em; }
A:hover#skipnav, A:active#skipnav { color:#888888; text-decoration:underline;font-size:0.9em; }

.stripe1 {
	background-image:url(../_img/stripe1a.gif); 
	background-position:left; 
	background-repeat:no-repeat;
}
.stripe1corner {
	position:relative;
	top:0;left:0; 
	height:105px; 
	width:80px; 
	float:right; 
	background-image:url(../_img/stripe1corner.gif); 
	background-position:right; 
	background-repeat:no-repeat;
}
.stripe1down { 
	background-image:url(../_img/stripe1down.gif); 
	background-position:top right; 
	background-repeat:repeat-y;
}
.stripe1end { 
	background-image:url(../_img/stripe1end.gif); 
	background-position:top right; 
	background-repeat:no-repeat;
}

.prop {float:right;width:1px;}
.minclear {clear:both;height:1px;overflow:hidden; background-color:transparent;}
.minpx {height:300px; background-color:transparent;} 

h1 {font-size:1.2em;font-weight:normal;background-color:#0084a9;color:#FFFFFF;padding:2px 0 3px 3px;}
h1.componentheading-services {} /* category level H1 heading on blog-style pages */
h2 {font-size:1.0em;font-weight:normal;background-color:#0084a9;color:#FFFFFF;padding:1px 0 2px 3px;}
h3 {font-size:0.9em;}

/* linked content H1 heads on blog-style pages */
A:link.contentpagetitle-services, A:visited.contentpagetitle-services { text-decoration:none; font-weight:normal;  color:#0084a9; }
A:hover.contentpagetitle-services, A:active.contentpagetitle-services { text-decoration:underline; font-weight:normal;  color:#000000; }

/* "Read more..." links */
A:link.readon-services, A:visited.readon-services { text-decoration:none; font-weight:normal;  color:#cccccc;font-size:0.9em; }
A:hover.readon-services, A:active.readon-services { text-decoration:underline; font-weight:normal;  color:#666666;font-size:0.9em; }

/* content item navigation */
.pagenavbox {margin-top:5px; text-align:center;}
.pagenavboxspacer { padding-left:10px;padding-right:10px; color:#ffffff;}
.pagenav_prev {}
.pagenav_prev A:link, .pagenav_prev A:visited { text-decoration:none; font-weight:normal;  color:#0084a9;font-size:0.9em; }
.pagenav_prev A:hover, .pagenav_prev A:active { text-decoration:none; font-weight:normal;  color:#000000;font-size:0.9em; }
.pagenav_next {}
.pagenav_next A:link, .pagenav_next A:visited { text-decoration:none; font-weight:normal;  color:#0084a9;font-size:0.9em; }
.pagenav_next A:hover, .pagenav_next A:active { text-decoration:none; font-weight:normal;  color:#000000;font-size:0.9em; }
/* page navigation */
table.contenttoc { position:relative; top:0px; left:1px; z-index:200; border: 10px solid #ffffff; /*border:1px solid #888888; padding:10px;*/ margin:0 0 10px 10px; width:120px; background-color:#FFFFFF;}
table.contenttoc th { font-size:1.0em; font-weight:normal; color:#000000;font-size:0.9em;}
table.contenttoc td A:link, table.contenttoc td A:visited { text-decoration:none; font-weight:normal;  color:#0084a9;font-size:0.9em; }
table.contenttoc td A:hover, table.contenttoc td A:active { text-decoration:none; font-weight:normal;  color:#000000;font-size:0.9em; } 
div.pagenavbar {font-size:0.9em;color:#888888;}
div.pagenavbar A:link, div.pagenavbar A:visited { text-decoration:none; font-weight:normal;  color:#0084a9; }
div.pagenavbar A:hover, div.pagenavbar A:active { text-decoration:none; font-weight:normal;  color:#000000; }
div.pagenavcounter { display:none;color:#888888;}

.pagebreaknavbox {display:none;margin-top:5px; text-align:center; }
.pagebreaknavboxspacer { padding-left:0px;padding-right:0px; color:#ffffff;}
.pagebreaknavbox A:link, .pagebreaknavbox A:visited { text-decoration:none; font-weight:normal;  color:#0084a9;/*font-size:0.9em;*/ }
.pagebreaknavbox A:hover, .pagebreaknavbox A:active { text-decoration:none; font-weight:normal;  color:#000000;/*font-size:0.9em;*/ }
.pagebreaknavboxselected {color:#000000;/*font-size:0.9em;*/  }
table.contenttoc th {display:none;}

/* login form */
div.credentials {position:relative; top:0; left:0;}
div.row {position:relative; top:0; left:0; padding-top: 10px; background-color:#ffffff; }
div.row label {position:relative; top:0; left:0; text-align:right;}
div.row input#mod_login_username {position:relative; top:0; left:0;margin-left:10px;} 
div.row input#mod_login_password {position:relative; top:0; left:0;margin-left:15px;}
div.row input#mod_login_remember {position:relative; top:0; left:0;margin-left:73px;}
div.credentials div.row .button {position:relative; top:0; left:0;margin-left:73px;}
div.lostpasssword {display:none;margin-left:73px; margin-top:10px;font-size:0.9em}
div.lostpasssword A:link, div.lostpasssword A:visited { text-decoration:none; font-weight:normal;  color:#0084a9; }
div.lostpasssword A:hover, div.lostpasssword A:active { text-decoration:none; font-weight:normal;  color:#000000; }
form.logout div {}

/* homepage */

#home-imagebox { 
	position:relative; 
	top:0px; 
	left:0px;  
	height:330px; /*margin-right:90px;*/
	background-image:url(../_img/home-image.jpg); 
	background-position:left; background-repeat:no-repeat;
}
#home-textbox {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:345px; 
	height:330px;
	margin-right:0px;
	background-image:url(../_img/home-textarea.gif); 
	background-position:left; background-repeat:no-repeat;
}
#home-textbox-pad {padding:20px;}
#home-textbox-pad h1 {font-family:Arial, Helvetica, sans-serif; font-size:44px;/* was 3.7em */ line-height:1.4em; font-weight:bold; color:#0084a9; background-color:#FFFFFF; margin:0; padding:0;}
#home-baserow {position:relative; top:0px; left:0px;  height:100px; margin-top:19px;}
#home-baserow h2 { background-color:transparent; margin:0;padding:0; color:#FFFFFF; font-weight:bold;}
 
#home-baserow A:link, #home-baserow A:visited { text-decoration:none;  color:#ffffff; }
#home-baserow A:hover, #home-baserow A:active { text-decoration:underline;   color:#ffffff; }
/* first info box */
#home-box1 {position:relative;top:0px;left:0px;width:20%;background-color:#ffcb03;float:left;}
#home-box1pad {font-size: 11px;position:relative;top:0px;left:0px;border-right:20px solid #ffffff;border-top:1px solid #ffffff;}
	/*#home-box2 {position:relative;top:0px;left:0px;width:20%;float:left;}
	#home-box3 {position:relative;top:0px;left:0px;width:20%;background-color:#f36d20;float:left;}
	#home-box3pad {position:relative;top:0px;left:0px;border-right:20px solid #ffffff;border-top:1px solid #ffffff;}*/
/* third info box */
#home-box4 {position:relative;top:0px;left:0px;width:20%;background-color:#0084a9;float:left;}
#home-box4pad {font-size: 11px;position:relative;top:0px;left:0px;border-right:20px solid #ffffff;border-top:1px solid #ffffff;}
/* last info box - helpline */
#home-box5 {position:relative;top:0px;left:0px;width:19%;background-color:#ffcb03;float:left; }
#home-box5pad {font-size: 11px;position:relative;top:0px;left:0px;border-right:0px solid #ffffff;border-top:1px solid #ffffff;}
/*#home-box5 A:link, #home-box5 A:visited { text-decoration:none; font-weight:normal;  color:#006f8f; }
#home-box5 A:hover, #home-box5 A:active {text-decoration:none; font-weight:normal;  color:#000000; }*/
.helplinenumber { font-weight:normal}
/* image and info box combo */
#home-box6 {font-size: 1px;position:relative;top:0px;left:0px;width:40%;;float:left; background-image:url(../_img/home-mini-image.jpg); background-position:top left; background-repeat:no-repeat; background-color:#f36d20;}
#home-box6a {font-size: 1px;position:relative;top:0px;left:0px;/*border-top:1px solid #ffffff;*/} /*border-right:20px solid #ffffff;*/
#home-box6b {font-size: 1px;position:relative;top:0px;left:50%;width:50%;}
#home-box6c {font-size: 1px;position:relative;top:0px;left:0;background-color:#f36d20;}
#home-box6cpad {font-size: 11px;position:relative;top:0px;left:0px;border-right:20px solid #ffffff;/*border-top:1px solid #ffffff;*/}


.bl {background:url(../_img/bl.gif) 0 100% no-repeat; }
.bl-orange {background:url(../_img/bl-orange.gif) 0 100% no-repeat}
.br {background:url(../_img/br.gif) 100% 100% no-repeat}
.br-blank {background:url(../_img/br.gif) 100% 100% no-repeat}
.tl {background:url(../_img/tl.gif) 0 0 no-repeat}
.tl-orange {background:url(../_img/tl-orange.gif) 0 0 no-repeat;padding-left:10px}
.tr {background:url(../_img/tr.gif) 100% 0 no-repeat; padding:10px}
.tr-nopad {background:url(../_img/tr.gif) 100% 0 no-repeat;}
.tr-arrow {background:url(../_img/tr-arrow.gif) 100% 0 no-repeat; padding:10px}
img {border:0}