/*  
Theme Name: Access Partnership
Theme URI: http://accesspartnership.co.uk/
Description: The design template for the Access Partnership
Version: 1.0
Author: Ech Design
Author URI: http://echdesign.co.uk/
*/

/* Begin Typography & Colors */

* {
margin:0;
padding:0;
}
body {
background: url(images/background.jpg) repeat-x;
margin:0;
padding:0;
text-align:left;
font-family: arial, helvetica, verdana;
font-size:73%;
color:black;
text-align:center;
}
p {
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
line-height:1.9em;

}
h1 {
float:left;
width:499px;
height:53px;
position:relative;
z-index:2;
top:40px;
left:20px;

}

h1 a {
  display: block;
 text-indent: -900%;

  outline: none;
  background: url(images/access-partnership.jpg) no-repeat;
 width:499px;
height:53px; 
}
h1 a:hover {
 /* background-position: left bottom;*/
  border:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
h2 {
font-size:1.9em; /* was 2.1em */
font-weight:bold;
color:#431680;
margin-bottom:15px;
}

h3 {
padding-left:10px;
color:#560689;
font-size:1.2em;
}
h3.toggler {
cursor:pointer;
margin-top:15px;
margin-bottom:15px;
}
#maintext .element {
margin-top:-10px;
}
/*  a {
outline:none;   firefox property that prevents the dotted line from appearing when you click on links */

a:link {
color:#560689;
}
a:visited {
color:#560689;
}
a:hover {
color:#0081C5;
}
a img {
border:none;
}

#contentwrapper {
background: url(images/left.png) -13px repeat-y ; /* was 14 */
text-align:left;
width:90%;
margin-left:auto;
margin-right:auto;
min-width:900px;
max-width:1050px;
margin-top:20px;
padding-top:0px;
padding-left:1px;
}
#background {
background:#fff;
margin-left:0px;
}
#header {
background: url(images/topleft.png) -13px 0px no-repeat;

position:relative;
top:-16px;
left:-1px;
}
#search { 
position:relative;
right:-22px;
background: url(images/topright.png) top right no-repeat;
padding-right:50px;
text-align:right;
height:135px;
}
input#s {
width:223px;
margin-right:5px;
font-size:1.6em;
background:none;
border:none;
}
input#searchsubmit {
color:transparent;
height:28px;
width:30px;
font-size:0;
background:none;
border:0;
cursor:pointer;
}
form#searchform {
padding-top:52px;
background: url(images/search.jpg) right 28px no-repeat;
height:80px;
padding-right:20px;
}
/* #search img {
margin-top:30px;
} */
#content {
background: url(images/right.png) top right repeat-y;
position:relative;
top: -16px; /* to close the gap caused by the relative positioning on the header */
right:-21px;

}
#menu {
background: url(images/menu.jpg) 0px -21px repeat-y;
/* width:208px; */
padding-top:0px;
margin-left:-10px;

}
#menu ul {
background: url(images/menutop.jpg) no-repeat;
margin-top:0px;
padding-top:20px;
width:208px;
position:absolute;
left:-10px;
}
#menu li {
margin-left:30px;
margin-top:20px;
margin-bottom:20px;
list-style-type:none;
font-size:1.5em;
}
#menu li a {
color:#fff;
text-decoration:none;
}
#menu li a:hover {
color:#431680;
}
#menu ul.element {
background:none;
position:static;
z-index:3;
margin-left:-15px;


}
#menu ul.element li {
font-size: 0.8em;
padding-left:0px;
margin-top:15px;
margin-bottom:15px;

}

#sidebar {
/* float:right;*/
position:absolute; 
right:21px;
top:-7px;
width:262px;

background: url(images/news.jpg) repeat-y;
}
#sidebar p, #sidebar h3, #sidebar small {
padding-left:20px;
padding-right:20px;
}
#sidebar p {
color:#fff;
margin-top:2px; /* line up with h2 and menu */
}
#secondside p { 
margin-top:10px;
}
#sidebar h3 {
color:#fff;
font-size:1.4em;
padding-top:1px;
}

#sidebar h3 a:hover {
color:#0081C5;
}
#sidebar small {
display:block;
margin-top:5px;
color:#fff;
}
#sidebar h2 {
/* text-indent: -900%;*/
font-size:1.2em;
text-align:right;
color:#fff;
padding-left:140px;
padding-right:50px;
padding-top:17px;
margin-bottom:0px;
background: url(images/newstop.jpg) no-repeat;
height:32px;
}
#sidebar h2 img {
position:absolute;
left:222px;
top:12px;
}
#sidebar h2 img#newspaper {
left:216px;
}
#sidebar #secondside h2 img {
position:absolute;
left:216px;
top:7px;
}
#secondside {
position:relative;
z-index:4;
background: url(images/thought.jpg) repeat-y;
margin-bottom:0px;
margin-top:20px;
}
#sidebar a {
color:#fff;
}
#sidebar a:hover {
color:#0081C5;
}
#secondside h2 {
background: url(images/thoughttop.jpg) no-repeat;
height:53px; 
padding-top:10px;/* different from top box */
}
p#archive {
background: url(images/thoughtbottom.jpg) bottom left no-repeat;
padding-bottom:30px;
margin-bottom:0px;
position:relative;
z-index:2;
}
#maintext {
padding-top:19px;
margin-left:220px;
margin-right:305px;
min-height:600px;
}
#maintext h3 {
margin-top:15px;
margin-bottom:10px;
}
#maintext img {
}
#maintext ul, #sidebar ul {
width:auto;
margin:0;
padding:0;
position:static;
background:none;

}
#secondside ul {
background: url(images/thought.jpg) repeat-y; /* needed to prevent the background vanishing in ie */
}
#maintext li, #sidebar li {
margin-left:35px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-size:1em;
line-height:1.7em;
list-style-type:disc;
}
#maintext li a {
color:#560689;
}
#maintext li a:hover {
color:#0081C5;
} 
#sidebar li {
color:#fff;
margin-top:5px;
}
.item {
clear:left;
/* background: url(images/divider.gif) bottom center no-repeat;*/
padding-bottom:5px;
margin-top:20px;
}
.item img {
float:left;
margin-right:15px;
}
.item #map img {
float:none;
}
#map {
text-align:center;
}
.item h2 img {
float:none;
margin-left:10px;
}
#services {
margin-left:8px;
margin-top:20px;
height:160px;

}
.three {
float:left;
margin-left:5px;
margin-right:5px;
}
.three p {
padding-left:0;
}
.three img {
/* height:110px;*/
float:none;
margin-right:0;
}
#wholetext { /* full width for news archive etc */
padding-top:20px;
margin-left:220px;
margin-right:45px;
min-height:600px;
}

#footer {
clear:both;

padding-bottom:30px;
padding-left:225px;
position:relative;
top:16px;
background: url(images/right.png) bottom right no-repeat;
}
#footer p {
font-size:0.9em;
}
/* table styling */
table {
border-collapse:collapse;
margin-left:10px;
margin-top:15px;
margin-bottom:25px;
}
tr:hover, tr.stripe:hover {
background:#6E3C77;
color:#fff;
}
td, th {
padding:4px;
padding-right:20px;
padding-left:10px;
border:1px dotted #431680;
}
th {
background:#3B1153;
color:#fff;
}
tr.stripe {
border-left:1px dotted #431680;
border-right:1px dotted #431680;
font-weight:bold;
color:#3B1153;
}
tr.stripe td {
border:0;
}
tr.past {
color:#838282;
}
/* question form */
.linklove {
display:none;
}

/* Tool tip styles */
.tool-tip {
	color: #000000;
	width: 400px;
	
	z-index: 13000;
margin-top:10px;
border:1px solid #6E3C79;

line-height:1.5em;	
}
.tool-title {
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;

	background: #fff;
}
.tool-text {
border-top:4px solid #6e3c79;
background:#6E3C79;
color:#fff;
	font-size: 1em;
text-align:left;
	padding: 4px 8px 8px;

/*	background: url(images/bottomtip.png) bottom right;*/

}

/* "Just getting started" */