@charset "UTF-8";
/* CSS Document */


/* 

------------------- fonts em / px reference -----------------

base font size for site: 81.3% (13px)

h1{1.231em} equivalent to 16px
h2{1.077em} equivalent to 14px
h3{1em} equivalent to 13px

11px font size = 0.846em (used in sitemap/upper navigation)

-------------------------------------------------------------

CONTENTS 

[01] General Styles for home and content pages
[02] Main Nav
[03] Content page specific styles including 3 col layout
[04] Tab Navigation for Home Page
[05] Styles for Content within Tab pages
[06] Site Map and footer styles

-------------------------------------------------------------

*/





/*---- [START] GENERAL STYLES FOR HOME AND CONTENT  ----- */


*{padding:0px; margin:0px;}

body{

	background-color:#292727;
	font-family:Arial, Helvetica, sans-serif;
	font-size:81.3%;
	color:#5B5B5B;	

	}

a{color:#339900; text-decoration:none;}
a:hover{color:#33BC07; text-decoration:underline;}

p{margin-bottom:15px;}

img{border:0px;}

hr {
	background:transparent url(../images/divider_misc.jpg) repeat-x scroll left top;
	border:0px;
	height:1px;
	width: 100%;
	margin-bottom:8px;
}

#wrapper{

	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	margin-bottom:30px;

	}

#innerwrapper{

	width: 931px;
	margin-left:14px;

	}
	
#header{

	width:931px;
	height:74px;

	}

#header img{

	float:left;
	display:inline;
	
	}


#header_01{

	width:700px;
	text-align:right;
	float:right;
	display:inline;
	font-size:0.846em;
	color:#999999;
	margin-top:10px;
	
	}

#header_01 a{color:#999999;}
#header_01 a:hover{color:#999999;}

.back {
	display:inline;
	float:right;
}

#siteSearch{margin-top:15px;}

.textfield{
	
	width:170px;
	background-color:#FFFFFF; 
	border:1px solid #BDBABA; 
	margin:0px;
	padding:3px; 
	padding-top:5px; 
	padding-bottom:5px; 
	font-size:1.077em; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#999999; 
	margin-right:10px;
	
	}
	

#flash{
	clear:both;
	width:100%;
}

#content{

	float:left;
	width:931px;
	display:inline;
	padding-bottom:20px;

}

#content-homepage{

	float:left;
	width:931px;
	display:inline;
	padding-bottom:20px;

}


/* ---- [END] GENERAL STYLES FOR HOME AND CONTENT ---- */







/* ---- [START] MAIN NAV -------------------------------------------------------------------------------------------- */

#mainNav{

	float:left;
	width:931px;
	font-size:1.007em;
	background:url(../images/bg_mainNav.jpg) repeat-x top left;
	margin-bottom:1px;

	}


#mainNav ul{list-style:none;}

#mainNav li{
			float:left; 
			display:inline; 
			background:url(../images/divider_mainNav.jpg) no-repeat left; 
			padding:0;
			}
			
#mainNav li li{
			border: 1px solid #fff; border-width: 0px 1px 1px 1px;
			}

#mainNav a{
			font-weight:bold; 
			display:block; 
			color:#666666; 
			text-decoration:none; 
			/*padding:15px 0 15px 0;*/
			
			}
			
#mainNav a:hover {color:#339900;}
#mainNav li a {padding:15px 0 15px 12px;}
#mainNav li li a {padding:5px 0 5px 10px; font-weight:normal;}
#mainNav li li a:hover {color:#fff;}

#mainNav ul li .active{
			
			background:url(../images/bg_mainNav_hover.jpg) no-repeat center bottom;
			
			}




/* ---- [END] MAIN NAV ------------------------------------------------------------------------------------------------ */








/* ---- [START] CONTENT PAGE SPECIFIC STYLES INCLUDING 3 COLUMN LAYOUT ---- */



#col_01{
		
		float:left; 
		width:180px; 
		font-size:0.923em; 
		background:url(../images/divider_vertical_misc.jpg) repeat-y top right;
		min-height:300px;
		height: expression( this.scrollHeight < 301 ? "300px" : "auto" ); /* sets min-height for IE */
		}

		

#col_02{
		
		float:left; 
		width:475px; 
		line-height:1.4em;
		display:inline;
		margin:0 15px 0 15px; 
	/*	padding-right:15px;*/
		}
		

#col_03{
		
		float:left; 
		width:240px; 
		margin-top:25px;	
		}

/*left Nav*/

#col_01 ul{
	
	list-style:none; 
	margin-top:15px;
	font-weight:bold;
		}

#col_01 li{	
	list-style:none;
	padding:0;		
	}

#col_01 li a{	
	display:block; 
	/*padding: 7px 0 7px 5px; */
	font-weight:bold; 
	color:#333333;
	padding:0;
	margin:0;	
	}
#col_01 li a:hover{
	
	background:#F5F5F5 url(../images/divider_misc.jpg) repeat-x top left;
	margin-bottom:0px; 
	text-decoration:none;	
	}
#col_01 .active{color:#339900; font-weight:bold}

/*leftNav second level items*/

#col_01 ul li ul{margin:0px;}

#col_01 ul li li{
		padding:0;
		margin:0; 
		list-style:none;
		background:url(../images/divider_misc.jpg) repeat-x top left;
		
		}		
#col_01 ul li li a, #col_01 ul li li.subsub1 a{

		padding:7px 0 7px 5px;
		font-weight:bold;
		line-height:16px;
		margin:0; 
		color:#333333; 		
		}
#col_01 ul li li a:hover{
		
		display:block; 
		/*padding: 7px 0 7px 5px;*/
		background:#F5F5F5;
		margin:0;
		}

/*content styling for middle column*/

.short {
		display:inline;
		float:left;
		width:270px;
}

#col_02 #breadcrumbs{font-size:0.75em; margin-bottom:15px;} 
#col_02 #breadcrumbsimage{font-size:0.75em; } 

#col_02 h1{font-size:1.231em; font-weight:bold; color:#333333; margin-bottom:10px; line-height:1.5em}
#col_02 h2{font-size:1.007em; font-weight:bold; color:#A80C0C; margin-bottom:8px;}
#col_02 h3{font-size:1em; font-weight:bold; color:#333333; margin-bottom:8px;}
#col_02 p{}
#col_02 img{}
#col_02 .actions {display:block; height:25px; background:url(../images/divider_misc.jpg) repeat-x top left; padding-top:10px; font-size:.922em; floast:left; width:469px; float:left;}
#col_02 .actions a{margin-right:5px; margin-left:5px;}


#col_02 ul{margin-left:20px; margin-top:15px; margin-bottom:15px; list-style:none;}

#col_02 ol{margin-left:30px; margin-top:15px; margin-bottom:15px;}

#col_02 ul li{
		display:block; 
		background:url(../images/bullet_misc.jpg) no-repeat 0 7px;
		padding-left:10px; 
		}
		
#col_02 ol li{
		padding-left:0px; 
		}


/*content styling for right column*/

#col_03 .share{margin-right:45px;}
#col_03 .help{font-size:1.231em;}
#col_03 .dottedLine{background:#f0f0f0 url(../images/bg_rightCol_content.jpg) repeat-x top left;padding:10px;}

#col_03 .pdf{background:url(../images/divider_misc.jpg) repeat-x top left #FFFFFF; padding:10px;}
#col_03 .cart{font-size:1.231em; color:#5B5B5B}

/* ---- [END] CONTENT PAGE SPECIFIC INCLUDING 3 COLUMN STYLES ----- */











/* ---- [START] TAB NAVIGATION FOR HOME PAGE ---- */


#tabNav{

	float:left;
	width:914px;
	font-size:1.007em;
	color:#666666;
	background-color:#FFFFFF;
	padding-left:17px;
	background:url(../images/bg_tabNav.jpg) repeat-x bottom left;
	}

/*tab system layout */
#tabNav ul{}

#tabNav li{
		
		float:left; 
		display:inline; 
		background:url(../images/tabDivider.jpg) no-repeat bottom left;  
		height:35px; 
		border-bottom:1px solid #C4C3C3;
		
		}
		
#tabNav li a{
		
		font-weight:bold; 
		display:block; 
		color:#AAAAAA; 
		text-decoration:none;  
		margin-top:12px; 
		margin-left:20px; 
		margin-right:10px;
		
		}
		
#tabNav a:hover{color:#626262;}

/* uses the parent UL ID and "active" class on <A> tag to determine active tab styling  */

#tabNav #students .students,
#tabNav #jobseekers .jobseekers,
#tabNav #employers .employers,
#tabNav #volunteers .volunteers,
#tabNav #products .products
{
border-bottom:1px solid #FFFFFF;
}

#tabNav #students li .students,
#tabNav #jobseekers li .jobseekers,
#tabNav #employers li .employers,
#tabNav #volunteers li .volunteers,
#tabNav #products li .products

{ color:#339900;}


#contentFrame{
width:931px;
/*min-height:350px;*/
float:left;
display:inline;

background:url(../images/bg_tabs.jpg) no-repeat 0 35px;
}

/* ---- [END] TAB NAVIGATION FOR HOME PAGE ---- */














/* ---- [START] STYLES FOR INSIDE TAB CONTENT ---- */


#home_col_01{
	
	float:left;
	width:608px;
	display:inline;
	margin-left: 12px;
	}

	.tabItem{
			display:block; 
			float:left; 
			width:608px; 
			background:url(../images/divider_misc.jpg) repeat-x bottom left; 
			padding-bottom:15px; 
			margin-top:15px; 
			}
			
	.tabItem img{float:left; display:inline; margin-right:20px;}
	.tabItem h2{font-size:1.007em; color:#333333; font-weight:bold; display:block; margin-bottom:10px;}
	.tabItem p{font-size:0.923em; margin-bottom:10px;}
	.tabItem a{font-weight:bold; text-decoration:none; font-size:0.923em;}
	.tabItem a:hover{text-decoration:underline;}
	.tabItem .colRight{float:left; display:inline; width:440px;}


#home_col_02{

	float:right;
	width:271px;
	display:inline;
	/*margin-left: 24px;*/
	background:url(../images/bg_rightCol.jpg) repeat-y;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	/*margin-top:15px;*/
	margin-right:10px;
	}

#accessibilityBar{padding: 10px 0px 5px 10px; background:#f0f0f0 url(../images/bg_rightCol_content.jpg) repeat-x top left}

#home_col_02 .share{margin-right:70px;}

#home_col_02 .calltoaction{background:url(../images/divider_rightCol_home.jpg) no-repeat top left; padding:10px; padding-top:15px; padding-bottom:5px;}

#home_col_02 .help {font-size:1.231em;}

#home_col_02 h2{font-size:1.007em; color:#333333; font-weight:bold; display:block; margin-bottom:10px;}

/*#home_col_02 ul{margin-left:0px;}
#home_col_02 li{padding-bottom:5px; padding-top:5px; display:block; padding-left:30px;}
#home_col_02 .newsRss{background:url(../images/icon_rss.jpg) no-repeat center left;}
#home_col_02 .newsletter{background:url(../images/icon_newsletter.jpg) no-repeat center left;}
#home_col_02 .translator{background:url(../images/icon_googleTranslator.jpg) no-repeat center left;}*/

.calltoaction p{padding-bottom:5px; padding-top:5px; display:block; padding-left:30px; font-weight:normal; font-family:arial}
.calltoaction .newsRss{background:url(../images/icon_rss.jpg) no-repeat center left;}
.calltoaction .newsletter{background:url(../images/icon_newsletter.jpg) no-repeat center left;}
.calltoaction .translator{background:url(../images/icon_googleTranslator.jpg) no-repeat center left;}

/* ---- [END] STYLES FOR INSIDE TAB CONTENT ----- */









/* ---- [START] SITEMAP + FOOTER STYLES ---- */


#sitemap{ 
		float:left; 
		display:inline;
		width:930px; 
		min-height:100px;
		font-size:0.846em;
		background: #302F2F url(../images/bg_footer.jpg) no-repeat top left;  
		padding:15px; 
		padding-bottom:10px; 
		}
		
#sitemap ul{list-style:none; float:left; display:inline; width:110px; margin-right:10px;}
#sitemap li{list-style:none;}
#sitemap li a{color:#93D603; font-weight:bold;}
#sitemap li ul li a{color:#CCCCCC; font-weight:normal;}
#sitemap li ul li a:hover{}


#footer{border-top:1px solid #333131; border-bottom:1px solid #333131; width:960px; background-color:#292727; clear:both;}

#legals{font-size:0.846em; color:#CCCCCC; display:inline; float:left; width:730px; margin-top:10px;}
#legals a{color:#CCCCCC;}
#legals a:hover{color:#CCCCCC;}


/* ---- [END] SITEMAP + FOOTER STYLES ---- */


/*Newly added styles*/

#home_cont_wrap{
	float:left;
	width:475px;
/*	width:400px;*/
	margin:0;
	padding:0;
	font-weight:normal;
	
		
}

#home_cont_wrap table {
	vertical-align:top;
}

#home_cont_wrap td {
	padding:5px;
	vertical-align:top;
	/*border-bottom: 1px solid #999999;*/
}
	


	.footer_news
	{
	padding-top:3px;
	}
	
.footer_news td span a{color:#CCCCCC; font-weight:normal; margin:0; padding:0;}

.footer_news td span.txt{color:#CCCCCC; font-weight:normal; margin:0; padding:0;}
/*.footer_news a.txt{color:#CCCCCC; font-weight:normal;}*/
.search {
background:#DF144C;
border:1px solid #84817A;
color:#FFFFFF;
height:24px;
margin-top:3px;
}


/*------ FAQS -------- */

#col_01_faq{
		
		float:left; 
		width:180px; 
		font-size:0.923em; 
		background:url(../images/divider_vertical_misc.jpg) repeat-y top right;
		min-height:300px;
		}


#col_01_faq ul{
	
	list-style:none; 
	margin-top:5px; 
	padding:0;		
	}


#col_01_faq li{
	
	list-style:none;
	background:url(../images/divider_misc.jpg) repeat-x top left;
	padding:0; 
	margin:0px;
	}


#col_01_faq li a{
	
display:block;
	padding: 7px 10px 7px 0px; 
	margin:0px;
	color:#339900;
	background:url(../images/divider_misc.jpg) repeat-x top left;
	}


#col_01_faq li a:hover{
	
	background:#F5F5F5;
	margin:0px; 
	text-decoration:none;

	padding: 7px 10px 7px 0px; 

	}


#col_01_faq1 .active{color:#339900;}

#col_01_faq .title{

	margin-top:30px;
	font-weight:bold;
	display:block;
	
	
	
}


/*------ [END] LEFT COLUMN -------- */

.subheading{margin-top:15px;}


/* ------- [START] FAQ LISTING PAGE   ----- */

#searchFaq{float:left; width:467px; height:43px; background:url(../images/bg_search.jpg) repeat-x left; margin-bottom:25px; border:1px solid #d4e5cd; margin-top:15px;}

#searchFaq .title{float:left; width:134px; display:inline; margin-top:8px; font-weight:bold; margin-left:13px; margin-top:13px;}
#searchFaq .textbox{float:left; width:228px; display:inline; margin-top:8px; }
#searchFaq .button{float:left; width:85px; display:inline; margin-top:8px;}
#searchFaq .textbox input{padding:5px;  border:1px solid #b1d7a3; font-size:1em; width:165px;}


#search_col_a{float:left; width:220px; margin-right:15px; margin-top:15px;}

#search_col_b{float:left; width:220px; margin-top:15px;}

#search_row_a {float:left; width:470px; margin-top:15px; position:relative; margin-bottom:20px;}

.category{float:left; width:210px; padding-right:20px}

.category .title{font-weight:bold; font-size:1.007em; display:block; margin-bottom:5px;}


/* ------- [END] FAQ LISTING PAGE   ----- */



/* ------- [START] FAQ DETAIL PAGE   ----- */



#questions{display:block;  margin:0px; padding:0px;}
#questions ul{margin:0px; padding:0px; font-weight:bold; }
#questions li{padding:5px; margin:0px; background:url(../images/bullet.gif) no-repeat 0 10px; padding-left:35px; margin:0px; background-color:#f0f0f0;}
#questions .alt{background:#fafafa; padding:5px; margin:0px; background: #fafafa url(../images/bullet.gif) no-repeat center left; padding-left:35px; margin:0px;}
li.answer li{margin:0px; padding:0px; font-weight:normal; background:transparent url(../images/bullet_misc.jpg) no-repeat scroll 0 7px;}
li.answer p{ padding-left:25px;}

#questions .title{background:url(../images/divider_contacts.jpg) repeat-x bottom left; font-weight:bold; color:#333333; background-color:#f0f0f0; padding-left:15px; font-size:1.077em;}
.questions .alt{}

#questions ul li li{background-color:#FAFAFA;}
#questions .answer{ background-color:#f0f0f0; background-image:none; font-weight:normal; background-color:#fafafa; padding-bottom:15px;}
#questions .alt_active{padding:5px; margin:0px; background:url(../images/bullet_down.gif) no-repeat 0 10px; padding-left:35px; margin:0px; background-color:#fafafa;}


/* ------- [END] FAQ DETAIL PAGE   ----- */






/* ------- CONTACTS   ----- */


#col_01_contacts{

	float:left; 
	width:180px; 
	font-size:0.923em; 
	min-height:300px;
	background:url(../images/divider_vertical_misc.jpg) repeat-y top right;
}

#col_01_contacts .title{

	margin-top:30px;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	background:url(../images/divider_misc.jpg) repeat-x left bottom;
	color:#333333;
	margin-bottom:15px;
	
}

#col_01_contacts form{
	padding-bottom:12px;
	background:url(../images/divider_misc.jpg) repeat-x left bottom;
	margin-bottom:20px;
}


#col_01_contacts input{

	background-color:#FFFFFF;
	border:1px solid #BDBABA;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.077em;
	margin:0 10px 0 0;
	padding:5px 3px;
	width:150px;
} 

#col_01_contacts select{

	background-color:#FFFFFF;
	border:1px solid #BDBABA;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.077em;
	margin:0 10px 0 0;
	padding:5px 3px;
	width:158px;
} 

#col_01_contacts input.contact_search {
	margin:5px 0px 10px 0px;
	width: 68px;
	height:27px;
	paddding:0px;
	border:none;
}

#col_01_contacts .fieldLabel{

	margin-top:10px;
	font-weight:bold;
	

}

#col_01_contacts .textbox{

	padding:5px;
	border:1px solid #BDBABA;
	background:#FFFFFF;
	margin-top:5px;
	margin-bottom:20px;

}

#col_01_contacts .dropdown{
	padding:2px;
	border:1px solid #BDBABA;
	background:#FFFFFF;
	width:161px;
	margin-top:5px;
	margin-bottom:10px;

}

#col_01_contacts .button{

	margin-top:15px;

}


/*------ [END] LEFT COLUMN -------- */

.subheading{margin-top:15px;}


/* ------- [START] OFFICE LISTING PAGE   ----- */

.officeItem {width:467px; background:url(../images/divider_misc.jpg) repeat-x left bottom;  margin-top:15px; font-size:0.923em;  padding-bottom:15px;}
.officeItem #col_a{float:left; width: 367px;}
.officeItem #col_b{float:left; width: 100px;margin-top:47px;}
.officeItem .title{font-size:1.167em;}
.officeItem table{font-weight:bold;}

/* ------- [END] OFFICE LISTING PAGE   ----- */



/* ------- [START] OFFICE DETAIL PAGE   ----- */


.officeDetails {width:467px; background:url(../images/divider_misc.jpg) repeat-x left bottom;  margin-top:15px;   padding-bottom:15px;}
.officeDetails #col_a{float:left; width: 257px;}
.officeDetails #col_b{float:left; width: 210px;}

.officeDetails .email{text-align:right; margin-top:10px; padding-right:30px; width:245px; background:url(../images/email.jpg) no-repeat right center ; }
.officeDetails .block{margin-bottom:12px;}
.aboutOffice {margin-top:15px;}

/* ------- [END] OFFICE DETAIL PAGE   ----- */




/* ------- EVENTS   ----- */

#col_01_events{

		float:left; 
		width:180px; 
		font-size:0.923em; 
		min-height:300px;
		background:url(../images/divider_vertical_misc.jpg) repeat-y top right;
}

#col_01_events .title{

	margin-top:30px;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	background:url(../images/divider_misc.jpg) repeat-x left bottom;
	
}


#col_01_events input{

	margin-top:10px;

} 

#col_01_events .textbox{

	padding:5px;
	border:1px solid #BDBABA;
	background:#FFFFFF;
	margin-top:10px;

}

#col_01_events .dropdown{
	padding:2px;
	border:1px solid #BDBABA;
	background:#FFFFFF;
	width:161px;
	margin-top:10px;

}

#col_01_events .calendar{

	display:block;
	background:url(../images/divider_misc.jpg) repeat-x left top;
	margin-top:15px;
	padding-top:15px;
	

}



/*------ [END] LEFT COLUMN -------- */

.subheading{margin-top:15px;}


/* ------- [START] EVENT LISTING PAGE   ----- */

.eventItem{display:block; background:url(../images/divider_misc.jpg) repeat-x left bottom; padding-bottom:15px;  margin-top:25px;}
.eventItem .image{float:left; width:126px; margin-right:10px;}
.eventItem .content{display:block; margin-bottom:10px; width:100%}
.eventItem .title{font-size:1.077em; font-weight:bold; margin-bottom:3px;}
.eventItem .location, .eventItem .date{color:#666666; font-size:0.923em; line-height:1.4em}
.eventItem .button{margin-top:6px;}
.eventItem .description{color:#333333; clear:both; font-size:0.923em; padding-top:10px;}

/* ------- [END] EVENT LISTING PAGE   ----- */



/* ------- [START] EVENT DETAIL PAGE   ----- */

.eventContainer{display:block; background:url(../images/divider_misc.jpg) repeat-x left bottom; padding-bottom:15px;  margin-top:25px;  }
.eventContainer .col_01{float:left; width:250px; margin-right:15px; margin-bottom:10px; }
.eventContainer .col_02{float:left;}
.eventContainer .fieldLabel{font-weight:bold;}
.eventContainer .field{}
.eventContainer .image{}
.eventContainer .button{ display:block;clear:both; }

.eventInformation{display:block; margin-top:15px;}
.eventInformation .contact{display:block; margin-bottom:25px; margin-top:10px; float:left; width:475px;}	
.contact p{margin:0px;}
.contact .title{background: #f0f0f0 url(../images/eventsImages/divider_contacts.jpg) repeat-x left bottom;   padding:5px; font-weight:bold;}
.contactDetails{background:#f4f4f4; padding:5px; float:left; width:465px;}
.contact .name{float:left; display:inline; width:150px; font-weight:bold; }	
.contact .phone{float:left; display:inline; width:195px;}
.contact .email{float:left; display:inline;  width:115px; }


.eventFeedback{}
.eventFeedback h1{background:  url(../images/divider_misc.jpg) repeat-x left bottom; padding-bottom:12px;}
.eventFeedback .post{ background:url(../images/divider_misc.jpg) repeat-x left bottom; margin-top:10px; margin-bottom:15px; padding:1px;}
.eventFeedback .postedBy{font-size:0.769em;}


/* ------- [END] EVENT DETAIL PAGE   ----- */


/* ------- [START] EVENT REGISTRATION   ----- */


.step{color:#999999;}
.attendees{display:inline; margin-right:15px;}
#register h2{margin-top:20px;}
#register td{padding-bottom:10px;}
#register .required{color:#ab0d28; font-size:0.850em;}
#register input {padding:2px;}
#register .notes{color:#999999; font-size:0.850em; line-height:1em;}
#register .button{padding:0px;}
#register .label{margin-left:10px;}
#register .paySelect{background:url(../images/divider_misc.jpg) repeat-x left bottom; padding-bottom:15px; }
.terms{font-size:0.769em;}
.cost{color:#AB0D28; font-weight:bold;}



/* ------- [END] EVENT REGISTRATION   ----- */

/* ------- CATALOGUE BOOKSHOP   ----- */


div.prod_container {
	width:469px;
	background:url(../images/divider_misc.jpg) repeat-x scroll left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	float:left;
	position:relative;
}

div.prod_medium_image {
	float:left;
	width:150px;
	height:auto;

	background:#000000;
}

div.prod_txt {
	/*width:325px;*/
	float:left;
	margin-bottom:15px;
	margin-left:10px;
}

div.prod_price {
	width:100px;
	float:left;
	margin-right:10px;
	height:20px;
	padding-top:5px;
	font-weight:bold;
	font-size:14px;
	color:#dd0a0a;
	margin-top:12px;
}

div.detail_price {
	width:113px;
	float:left;
	height:20px;
	padding-top:5px;
	font-weight:bold;
	font-size:14px;
	color:#dd0a0a;
}

div.prod_read_more {
	margin-right:10px;
	float:left;
	height:25px;
	position:relative;
	margin-top:12px;
}

div.prod_add_cart {
	float:left;
	height:25px;
	position:relative;
	margin-top:12px;
}

div.pages {
	position:relative;
	width:300px;
	float:left;
	text-align:right;
}

div.prod_detail_container {
	width:469px;
	position:relative;
	float:left;
	margin-bottom:10px;
}

div.col1 {
	width:240px;
	margin-right:29px;
	position:relative;
	float:left;

}

div.col2 {
	width:200px;
	position:relative;
	float:left;
}

/* ------- [END] CATALOGUE BOOKSHOP    ----- */


input.entry_field {
	margin:5px;
}

#searchProd{float:left; width:467px; height:65px; background:url(../images/bg_prodsearch.jpg) repeat-x left; margin-bottom:25px; border:1px solid #d4e5cd; margin-top:15px;}

#searchProd .title{float:left; width:467px; display:block; font-weight:bold; margin-left:13px; margin-top:4px;}
#searchProd .textbox{float:left; width:150px; margin-top:8px; margin-left:13px; display:inline;  }
#searchProd .button{float:left; width:85px; display:inline; margin-top:8px; margin-left:20px;}
#searchProd .textbox input{padding:5px;  border:1px solid #b1d7a3; font-size:1em; width:150px;}
#searchProd select{margin-left:3px; margin-right:3px; padding:4px;width:150px;}


/* ------- ORDER    ----- */


td.of_left {
	height:20px;
	padding:8px 0px 5px 0px;
	width:150px;


}

td.of_right {
	height:25px;
	padding:3px 0;
	width:325px;

}

div.of_left {
	height:20px;
	margin:3px 0;
	padding-top:5px;
	width:150px;
	float:left;
	position:relative

}

div.of_right {
	height:25px;
	margin:3px 0;
	width:325px;
	float:left;
	position:relative
}

select.of_select {
	height:23px;
	width:225px;
}

input.of_field {
	height:23px;
	width:225px;
}

div.cc_txt {
	float:left;
	height:20px;
	margin:3px 0;
	padding-top:5px;
	position:relative;
	width:150px;
	}
	
div.cc_field {
	float:left;
	height:25px;
	margin:3px 0;
	position:relative;
	width:325px;
	}

div.cc_field input{
	height:23px;
	width:225px;
	}
	
div.cc_field select{
	height:28px;
	width:60px;
	padding:3px;
	}

/* EVENTS */

tr.tableContent {cursor: pointer;}

tr.tableContent td {height: 25px; border-bottom: 2px solid #ffffff; padding-top: 3px;}

tr.tableContent_over {cursor: pointer; background: #e1e1e1; }

tr.tableContent_over td {height: 25px; border-bottom: 2px solid #ffffff; padding-top: 3px;}

tr.tableSelect {cursor: pointer; background: #ffffff;}

tr.tableSelect  td {height: 25px; border-bottom: 2px solid #ffffff; padding-top: 3px;}

tr.tableSelect_over {cursor: pointer; background: #ffffff;}

tr.tableSelect_over td {height: 25px; border-bottom: 2px solid #ffffff; padding-top: 3px;}

#upcoming_title {
font-weight: bold;
padding-right: 15px;
vertical-align: top;
}

#upcoming_data {
vertical-align: top;
}

#upcoming_date {
font-weight: bold;
color: #B60E2A;
vertical-align: top;
}

.calendar_table2 {
width: 202px;
background: url('../images/events/calendar_bg.html') repeat-x top left;
}

.calendar_head {
*background: url('../images/events/calendar_head.html') repeat-x top left;
color: #FFF;
height: 29px;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

.calendar_back {
*background: url('../images/events/calendar_head.html') repeat-x top right;
height: 29px;
padding: 0px 0px 0px 5px;
vertical-align: middle;
}

.calendar_forward {
*background: url('../images/events/calendar_head.html') repeat-x top left;
height: 29px;
padding: 0px;
vertical-align: middle;
}

.calendar_wday {
text-align: center;
font-weight: bold;
height: 20px;
color: #339900;
vertical-align: middle;
}

.calendar_wday1 {
text-align: center;
font-weight: bold;
border-left: 1px solid #F0EBE1;
color: #339900;
height: 20px;
vertical-align: middle;
}

.day {
text-align: center;
height: 20px;
*height: 15px;
vertical-align: middle;
}

.calendar_wday7 {
color: #339900;
font-weight: bold;
text-align: center;
border-right: 1px solid #F0EBE1;
height: 25px;
vertical-align: middle;
}

#events_selected {
text-align: center;
height: 25px;
*height: 20px;
vertical-align: middle;
background: #009900;
color: #FFF;
}

#events_not_selected {
text-align: center;
height: 25px;
*height: 20px;
vertical-align: middle;
}

#calendar_today {
text-align: center;
height: 25px;
*height: 20px;
vertical-align: middle;
background: #339900;
color: #FFF;
}

#calendar_not_today {
text-align: center;
height: 25px;
*height: 20px;
vertical-align: middle;
}

.calendar_footer {
background: url('../images/events/calendar_footer.html') no-repeat bottom left;
height: 10px;
}

.calendar_selected {
display: block;
color: #339900;
}

div#pci_content_area table.calendar_table2 td#calendar_today a.calendar_selected {
color: #FFF;
}

#date_location {
color: #B60E2A;
}

#date_location_a {
color: #333;
}
#grey{
color: #333333;
}

#grey a {
color: #333333;
}

#red {
color: #B60E2A;
}

#feedback_bg {
background-image: url(../images/feedback_bg.html);
background-repeat: repeat-x;
background-position: top left;
width:385px;/*405px;*/
padding: 10px;
}

.feedback_bg {
background-image: url(../images/feedback_bg.html);
background-repeat: repeat-x;
background-position: top left;
padding: 10px;
}

/* FORM ORDER */
#require {
color: #FF0000;
}

#small_text {
font-size: 9px;
color: #85795F;
}

#brown {
color: #85795F;
}

td.fieldname {
	width:240px;
}

/* intranet styles */


#menu_intranet {
position: relative;
width: 930px;
height: 37px;
float: left;
background: url('../images/intranet_menu_bg.jpg') repeat-x top left;
}

a.intranet_main {
background: url('../images/intranet_nav.jpg') no-repeat top left;
}

img {border: 0px}

.glry_main { width:730px; float:left;}
.glry_frme { background:url(../images/gall-img-frame.png) no-repeat; width:137px; height:101px; padding:4px 0px 0px 15px; float:left; margin:0px 30px 30px 0px;}
.glry_frme3 { background:url(../images/gall-img-frame.png) no-repeat; width:137px; height:101px; padding:4px 0px 0px 15px; float:left; margin:0px 30px 10px 0px;}
.pre_nxt {
color:#4f4f4f;
text-decoration:none;
font-size:12px;
padding-bottom:30px;
}
.greenHead {
color:#009900;
font-size:13px;
font-weight:bold;
margin-bottom:8px;
}

.redHead {
color:#FF0000;
font-size:13px;
font-weight:bold;
margin-bottom:8px;
}

a, img { outline:none; }
