/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{
	height: 100%;
	top: 20px;
	margin: 0 auto;
	position: relative;
	width: 740px;
}

#pagecontent {
	position: relative;
	left: 0px;
	top: 20px;
	width: 740px;
	text-align: left;
	margin: 0px;
}

/* ------------------------------------------------------- 
Page header elements	                                    
------------------------------------------------------- */

#pageheader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 740px;
	height: 220px;
}

#pagestrip 
{
   position: relative;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 36px; 
}

#logo {
	position: absolute;
	top: 133px;
	left: 39px;
	width: 279px;
	height: 77px;
}


/* ------------------------------------------------------- 
Page container elements   	                                    
------------------------------------------------------- */


#innercopy 
{
	position: relative;
	top: 0px;
	left: 0px;
}

#pageleft {
	position: relative;
	top: 0px;
	left: 0px;
	width: 170px;	
	padding-top: 15px;
}

#pagemid 
{
	position: relative;
	top: 0px;
	padding-left: 29px;
	width: 505px;
	margin-left: 0px;
	margin-top: 15px;
	float: left;
	border-left: solid 1px #f5cecd;
}

/* ------------------------------------------------------- 
    toolbar                                 
------------------------------------------------------- */

#toolbar{
	position: absolute;
	left: 40px;
	top: 235px;
	color: #ca8589;
	font-size: 11px;
}

#toolbar li{
	display: inline;
}

#toolbar ul{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-indent:0px;
}

#toolbar a {
	color: #333333;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 1px;
}

#toolbar a:hover{
	color: #ca8589;
}

* html #toolbar ul {
    margin-left:-10px;
    padding-left:10px;
}

.toolselected {

	background-color: #dc9ea1;
	color: #ffffff;

}

#listselected a {

	color: #ffffff;
}

#listselected a:hover {

	color: #333333;
}

/* ------------------------------------------------------- 
search
------------------------------------------------------- */

#searchbox
{
	position: absolute;
	top: 165px;
	left: 560px;
	width: 170px;
}


#searchtitle{
	position: absolute;
	top: 0px;
	left: 0px;
}

#inputfield 
{
    position: absolute;
	top: 18px;
	left: 0px;
}

.gobutton {
   padding-left: 0px;
}

/* ------------------------------------------------------- 
Topnav                                    
------------------------------------------------------- */

#topnavbox 
{
	position: absolute;
	left: 400px;
	top: 15px;
	z-index: 90;
	font-size: 90%;
	width: 320px;
}

#topnav
{
	color: #fa9ea3;
	float: right;
	z-index: 90;
}

#topnav a{
	color: #ffffff;
	font-weight: normal;
	padding-right: 0px;
	text-decoration: none;
	padding:2px;
}

#topnav a:hover{
	color: #fa9ea3;
	padding:2px;
}

#topselected {

	background-color: #bcc9fa;
	color: #3661be;
}

#topselected a {

	color: #ffffff;
}

/* ------------------------------------------------------- 
font size                             
------------------------------------------------------- */

#fontsize 
{
    position: absolute;
    top: -3px;
    left: 90px;
	color: #AEA8AB;
	text-align: right;
	padding-right:10px;
	width: 90px;
	z-index: 90;
}

#print 
{
    position: absolute;
    top: 0px;
    left: 10px;
}

#print a{
	color: #667bb6;
	text-decoration: none;
}

#print a:hover{
	color: #30438b;
	text-decoration: underline;
}

/* ------------------------------------------------------- 
breadcrumb and fontsize                            
------------------------------------------------------- */

#breadcrumb {
	text-decoration: none;
	color: #d59d9d;
	position: relative;
	top: 5px;
	left: 0px;
	height: 24px;
	font-size: 85%;
	width: 550px;
}


#breadtext {
	position: absolute;
	top: 2px;
	left: 2px;
	padding-top: 2px;
	padding-left: 11px;
	
}


#breadtext a{
	color: #cf6868;
	padding-right: 0px;
	text-decoration: none;
	font-weight: normal;
	padding:3px;
}

#breadtext a:hover{
	color: #cf6868;
	font-weight: bold;
	padding:3px;
}


/* ------------------------------------------------------- 
Level 2 naviagtion
------------------------------------------------------- */

#menubox
{
  	border: 0px;
	margin: 0px;
	padding: 0px;
}

#level2 
{
	width: 150px;
	position:relative;
	left: 10px;
	padding-top: 20px;
}

#level2 ul{
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

#level2 li{
	display: block; 
	width: 145px;
	background-image: url(../images/menu_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#level2 a{
	color: #c99595;
	font-weight: normal;
	display: block;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
	width: 145px;
}

#level2 a:hover{
    color: #a76464;
    background-image: url(../images/menu_icon_hover.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


#menu2 li{
	border-bottom: solid 1px #ffffff;
}

#menu2 a{
	color: #cf6868;
	font-weight: bold;
	background-image: url(../images/menu_icon_selected.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#menu2 a:hover{
    color: #cf6868;
    font-weight: bold;
    background-image: url(../images/menu_icon_selected.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


/* 
------------------------------------------------------- 
Level 3 naviagtion
------------------------------------------------------- 
*/

#level3 {
	text-decoration: none;
	width: 130px;
	font-weight: bold;
	background-color: transparent;
	padding-top: 10px;
	padding-bottom: 10px;
}

#level3 a{
	color: #667bb6;
	text-decoration: none;
	height: 17px;
	padding-left: 20px;
	line-height: 17px;
	width: 130px;
	font-weight: bold;
	background-color: transparent;
}

#level3 a:hover{
	color: #30438b;
	height: 17px;
	background-color: transparent;
}

#menu3 a{
	color: #30438b;
	background-color: #b5c3f3;
}

#menu3 a:hover{
	color: #30438b;
}

#level3 li{
	height: 17px;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
}

#level3 ul{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}


/* ------------------------------------------------------- 
Level 4 naviagtion
------------------------------------------------------- */

#level4 
{
	width: 500px;
	position:relative;
	left: 0px;
	top: 0px;
	font-size: 95%;
}

#level4 ul{
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

#level4 li{
	display: block; 
	height: 17px;
	line-height: 17px;
	
}

#level4 a{
	color: #366086;
	text-decoration: none;
	background-image: url(../images/link_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#level4 a:hover{
    color: #366086;
    font-weight: bold;
}

/* 
------------------------------------------------------- 
related links
------------------------------------------------------- 
*/


#related 
{
	width: 480px;
	padding-left: 0px;
}

#related h2 
{
    padding-bottom: 10px;
    color: #c95c5c;
}

#related ul{
	list-style-image: none;
	list-style-type: none;
	margin-left: 2px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;	
}

#related li{
	padding-bottom: 5px;
}

#related li a{
	background-image: url(../images/menu_icon_selected.gif);
	background-position: left top;
	background-repeat: no-repeat;
	bottom: 5px;
	color: #c95c5c;
	padding-left: 15px;
	padding-right: 5px;
	text-decoration: none;
}

#related li a:hover{
	text-decoration: underline;
	color: #c95c5c;
}

.link 
{
	color: #cf6868;
	background-image: url(../images/menu_icon_selected.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 14px;
	margin-right: 20px;
}



/* ------------------------------------------------------- 
print box
------------------------------------------------------- */

#email a{
	color: #915886;
	text-decoration: none;
	padding-left: 20px;
	text-align: left;
	background-image: url(../images/email_p.gif);
	background-position: left center;
	background-repeat: no-repeat;
	width: 150px;
	margin-right: 20px;
	margin-top: 5px;
	display: block; 
	padding-top: 2px;
	padding-bottom: 2px;
}

#email a:hover{
	background-color: #eee4ec;
	color: #b88aaf;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}




.gobutton 
{
	border: none;
}

.inputbutton 
{
    background-color: #c98080;
	color: #ffffff;
	padding:0px;
	border: solid 1px #c98080;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
}

.backbutton 
{
    background-color: #cbd6fc;
	color: #366086;
	padding:0px;
	border: solid 1px #99abe7;
	cursor: pointer;
	font-size: 110%;
	font-weight: bold;
}

.backbuttonlink 
{
    background-color: #cbd6fc;
	color: #366086;
	padding: 5px;
	border: solid 1px #99abe7;
	cursor: pointer;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}

.backbuttonlink hover 
{
    text-decoration: none;
}

.sitebutton 
{
    background-color: #cbd6fc;
	color: #366086;
	padding:0px;
	border: solid 1px #99abe7;
	cursor: pointer;
	font-size: 110%;
	font-weight: bold;
}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */

#sitemap 
{
}

#sitemap ul{
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;

}

#sitemap li{
	padding: 1px;
}

#sitemap a{
	color: #ca8589;

}

#sitemap a:hover{
    color: #4b4b4b;
}

.sitemap1{
	background-image: url(../images/sitemap1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	font-weight: bold;
	font-size: 90%;
	line-height: 25px;
}

.sitemap2{
	background-image: url(../images/sitemap2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 5px;
	font-size: 85%;
}

.sitemap3{
	background-image: url(../images/sitemap3.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 20px;
	font-size: 85%;
}

.sitemap4{
	background-image: url(../images/sitemap3.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 45px;
	font-size: 90%;
}

/* 
------------------------------------------------------- 
quick links
------------------------------------------------------- 
*/

#quicklinks 
{
    background-image: url(../images/quicklinks_back.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0px;
	width: 139px;
	float: right;
}

#quicklinks h2 
{
    padding-bottom: 10px;
    font-size: 90%;
    margin-left: 15px;
    padding-top: 10px;
}

#quicklinks ul{
	list-style-image: none;
	list-style-type: none;
	margin-left: 15px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;	
}

#quicklinks li{
	padding-bottom: 1px;
}

#quicklinks li a{
	background-image: url(../images/link_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	bottom: 5px;
	color: #30438b;
	padding-left: 15px;
	text-decoration: none;
	display: block;

}

#quicklinks li a:hover{
	background-color: #bdcafb;
	color: #30438b;
}


/* ------------------------------------------------------- 
 events
------------------------------------------------------- */

#calsearch 
{
    background-color: #eababd;
    padding: 5px;
    margin-top: 10px;
    color: #8e4a4a;
}

#eventcalendar
{
    background-color: #eababd;
}

.calbox 
{
    position: relative;
    top: 0px;
    left: 0px;
}

.calendar
{
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    height: 70px;
    
}

.today
{
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #f0ecf7;
    height: 70px;
}

.weekend 
{
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #f6e6e6;
    height: 70px;
}

.blankday 
{
    background-color: #f2c7c9;
    height: 70px;
}

.day 
{
    text-align: center;
    font-size: 90%;
    color: #ffffff;
    background-color: #c98080;
}

.month
{
    color: #cf6868;
    font-size: 1.8em;
	font-weight: 400;
    padding-bottom: 10px;
}

.prevmonth
{
   padding-left: 30px;
}

.nextmonth
{
   padding-right: 30px;
}

.theday 
{
    position: absolute;
    top: 0px;
    left: 82px;
    border-bottom: 1px solid #ca8589;
    border-left: 1px solid #ca8589;
    clear: none;
    padding: 2px;
    font-size: 85%;
    color: #4b4b4b;
}

.thedaytoday 
{
    position: absolute;
    top: 0px;
    left: 82px;
    border-bottom: 1px solid #ca8589;
    border-left: 1px solid #ca8589;
    clear: none;
    padding: 2px;
    font-size: 85%;
    background-color: #fff4ff;
    color: #4b4b4b;
}

/* ------------------------------------------------------- 
 events links
------------------------------------------------------- */

.eventslinks ul{
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

.eventslinks li{
	display: block; 
	width: 75px;
	margin-bottom: 3px;
	padding: 2px;
}

.eventslinks a 
{
    color:#000000;
}


/* ------------------------------------------------------- 
    logos                               
------------------------------------------------------- */


/* 
------------------------------------------------------- 
footer                                
------------------------------------------------------- 
*/

#footertext {
	position: relative;
	left: 0px;
	top: 0px;
	height: 75px;
	color: #d59d9d;
}

#copyright {
	color: #d59d9d;
	font-size: 90%;
	position: relative;
	left: 0px;
	top: 60px;
}

#copyright a{
	color: #d59d9d;
	text-decoration: none;
	padding:2px;	
}

#copyright a:hover{
	color: #d59d9d;
	background-color: #fee8e9;
	text-decoration: none;
	padding:2px;	
}

/* ------------------------------------------------------- 
    footer logos                          
------------------------------------------------------- */


#newlabour 
{
    position: absolute;
    top: 0px;
    left: 11px;
}

#yougov
{
    position: absolute;
    top: 9px;
    left: 74px;
}

#directgov
{
    position: absolute;
    top: 10px;
    left: 193px;
}

#greennet
{
    position: absolute;
    top: 0px;
    left: 306px;
}

#unionstogether
{
    position: absolute;
    top: 9px;
    left: 378px;
}

.homediv 
{
    padding-top: 10px;
    padding-bottom: 15px;
}

.rightlink
{
    float: right;
}

#photobox 
{
   position: relative;
   top: 0px;
   left: 0px;
   height: 140px;
   color: #c99595;
   font-size: 0.9em;
}

#photobox strong 
{
    color: #bd7979;
}

#photobox2 
{
   position: relative;
   top: 0px;
   left: 0px;
   height: 140px;
   color: #c99595;
   font-size: 0.9em;
}

#photobox2 strong 
{
    color: #bd7979;
}

.photo1 
{
   position: relative;
   top: 0px;
   left: 0px;
   width: 100px;
}

.photo2 
{
   position: absolute;
   top: 0px;
   left: 110px;
   width: 100px;
}

.photo3 
{
   position: absolute;
   top: 0px;
   left: 220px;
   width: 100px;
}

.photo4 
{
   position: absolute;
   top: 0px;
   left: 330px;
   width: 100px;
}

.photo5 
{
   position: absolute;
   top: 0px;
   left: 440px;
   width: 100px;
}