@import "default.css";
@import "form.css";

/*
=general
=table
=page structure 
=title
=navlist 
=breadcrumbs
=sidebar
=leftcol
=content
=rightcol
=footer
*/

/*
=general
---------------------------------------------- */
body {
   	font				: normal 68.8%/150% Verdana, Arial, sans-serif; /* 11px/14px */
	text-align			: center;
   	color 				: #57504B;
}

h1, h2, h3, h4, h5 {
	line-height 		: 140%; 
}

h1 {
	font    	 		: bold 18px Verdana, Arial, sans-serif; /* 18px */ 
  	color 				: #D52B1E;
	margin 				: 0 0 10px 0;
}

h1 em {
	font-style 			: normal;
	color 				: #772432;
}

h2 {
	font    	 		: bold 15px Helvetica, Arial, sans-serif; /* 15px */ 
  	color 				: #57504B; 
	margin 				: 0 0 5px 0;  
}

h3 {
	font-size 			: 1.1825em; /* 13px */
	font-weight 		: bold;
  	color 				: #772432;  
	margin 				: 0 0 10px 0;
}

h4 {
	font-size 			: 1em; /* 11px */
	font-weight 		: bold;
  	color 				: #772432;
	margin 				: 0 0 8px 0;  
}

h5 {
}

h6 {
}

a {
  	color 				: #772432;
  	text-decoration 	: none;
    background 			: transparent url(../img/dots-CC0000.png) repeat-x 0% 100%; 
}

a:focus, a:hover, a:active, a.active {
  	color 				: #D52B1E;
    background 			: transparent url(../img/dots-CC0000.png) repeat-x 0% 100%;
}

p {
  	margin 				: 0 0 15px 0;
}

ul {
	list-style 			: none;
	margin 				: 0 0 25px 0;
}

ul li {
	background 			: transparent url(../img/bullet.png) no-repeat 0% 3px;
	padding 			: 0 0 0 15px;
}

ol {
	margin 				: 0 0 25px 0;
}

/*
=page_structure
---------------------------------------------- */
#container {
	width 				: 768px;
	text-align 			: left;
	margin 				: 0 auto;
}
 
#title {
	background-color	: #BCD4C3;
	margin 				: 0 0 10px;
	padding 			: 17px 0 0 0;
	position 			: relative;
	width 				: 100%; 
	overflow 			: hidden;
}

#title #utility {
	float 				: right;
	font-size 			: 12px;
	position 			: absolute;
	top 				: 19px;
	right 				: 23px;
}

#title #nav {
	background 			: #fff url(../img/nav-bg.png) repeat-x 0% 100%; 
	width 				: 100%;
}

#title #nav #navlist {
	margin 				: 0;
	padding 			: 0 0 4px 13px;
	list-style 			: none;
	overflow 			: hidden;
	width 				: 100%; /* 768px */
}

#breadcrumbs {
	background 			: transparent url(../img/dots-57504B.png) repeat-x 0% 100%;
	color 				: #772432; 
	padding 			: 0 0 4px;
	margin 				: 0 0 10px 17px;
	
}

#main {
	width 				: 100%; /* 768px */
	overflow 			: hidden;
	margin 				: 0 0 50px 0;
}

#main #sidebar {
	float 				: left; 
	width 				: 184px;
}

#main #content {
	float 				: right;
	width 				: 566px; 
 	min-height 			: 300px;  
}

#main #content #leftcol {
	float 				: right;	
	width 				: 566px;
}

#main #content #rightcol {
	display 			: none; /* hidden unless #content.layout4 */
	color 				: #000;	
}

#footer {
	width 				: 100%; /* 768px */
	color 				: #675C53;
}

/*
=title
---------------------------------------------- */
#title h1 {
	margin 				: 0;
}

#title h1 a {
	background 			: none;
	border-bottom 		: none;
}

#title h1 img.logoleft {
	display 			: block;
	width 				: 178px !important;
	height 				: 57px !important;
	margin				: 0 0 7px 17px;   
}

#title h1 img.logoright { 
	width 				: 269px !important;
	height 				: 11px !important;
	margin				: 0 0 16px 17px; 
}

#title h2 {
	position 			: absolute;
	right 				: 17px;
	top 				: 20px;
	text-align 		   	: right;
	font    	 		: bold 18px Verdana, Arial, sans-serif; /* 18px */ 
  	color 				: #D52B1E;
}

/*
=utility
---------------------------------------------- */
#title #utility a {
	float 				: left;
	background 			: none; 
	color 				: #D52B1E;
	border-right 		: 1px solid #B2C9B9;
	padding 			: 5px 5px 4px;
	border-bottom 		: none;
} 

#title #utility fieldset {
	background 			: none;
	padding 			: 0;
	display 			: inline;
	width 				: auto; 
	margin 				: 0;
	float 				: left;
}

#title #utility label {
 	padding 			: 5px;
	float 				: left;
	position 			: relative;
	color 				: #7F313E;
}

#title #utility input.text {
	width 				: 128px !important; /* 128px */
	background-image 	: none;
	position 			: relative;
	top 				: 2px;
}

#title #utility input#SiteSearch1_btSearch {
	position 			: relative;
	top 				: 2px;
}

/*
=navlist
---------------------------------------------- */
#title #nav #navlist li {
	display 			: inline;
	float 				: left;
	padding 			: 0 1px 0 0;
	background 		 	: transparent url(../img/dash-772432.png) no-repeat 100% 50%;
}

#title #nav #navlist li a {
	float 				: left;
	display 			: inline;
	padding 			: 4px 4px 5px; /* 24px */
	background 			: none;
    border-bottom 		: none;
 	margin 				: 0 0 0 0px;
}

#title #nav #navlist li a:focus,
#title #nav #navlist li a:hover,
#title #nav #navlist li a:active,
#title #nav #navlist li a.active {
	background 		 	: #D52B1E;  
	color 				: #fff;
}

#title #nav #navlist li:last-child,
#title #nav #navlist li.last {
	background-image	: none !important;
}

#title #nav #navlist li:last-child a,
#title #nav #navlist li.last a {
}

/*
=breadcrumbs
---------------------------------------------- */ 
#breadcrumbs p {
	margin 				: 0;
}

#breadcrumbs a {
	background 			: none;
	border-bottom 		: none;
}

#breadcrumbs a:focus,
#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a.active {
    background 			: transparent url(../img/dots-CC0000.png) repeat-x 0% 100%;   
}

#breadcrumbs img {
	display 			: none;
}

/*
=sidebar
---------------------------------------------- */
#sidebar .sidebarheader {
	background-color	: #D52B1E;
	color 				: #fff;
   	font				: normal 15px Verdana, Arial, sans-serif; /* 15px */   
	text-transform 		: capitalize;
	padding 			: 5px 17px;
	margin 				: 0 0 2px 0;
}
  
/* =arrow */

#sidebar ul {
	list-style 			: none;  
	margin 				: 0;
	padding 			: 0;
}

#sidebar ul li {
	display 			: block;
	width 				: 100%; 
	padding 			: 0;
	background 			: none;
}

#sidebar ul li a {
	background 			: #F2F6F3;
	display 			: block;
	padding 			: 5px 10px 5px 17px;
	width 				: 157px; /* 184px */
	margin 				: 0 0 2px;
	border-bottom 		: none;
}

#sidebar ul li a:focus,
#sidebar ul li a:hover,
#sidebar ul li a:active {
  	color 				: #D52B1E;        	
}

#sidebar .arrow li.active a {
	color 				: #fff;

	font-weight 		: bold;
	background 			: #772432 url(../img/bullet_red_sidebar2.gif) no-repeat 5px 9px;   	
}

/*
=leftcol
---------------------------------------------- */
/* =homepage layout */ 

#main #content.layout0,
#main #content.layout0 #leftcol {
	float 				: none;
	width 				: 968px;
}

/* =rightcol layout / event pages etc */

#main #content.layout4 #leftcol {
	width 			 	: 380px;
	float 				: left;
}

/*
=content
---------------------------------------------- */
/* =shadedblock */

#content .shadedblock {
	overflow 			: hidden;
	position 			: relative;
	background 		 	: #D7E5DB;
	padding 			: 10px;
	width 				: 200px; /* 220px */
	margin 				: 0 0 10px 10px;
}

#content .shadedblock.left {
	margin 				: 0 10px 10px 0;
}

#content .shadedblock.right {
	margin 				: 0 0 10px 10px;
}

#content .shadedblock p {
	font-size 			: 1.091em; /* 12px */
	margin 				: 0;
}

#content .shadedblock p.feature-box {
	margin 				: 5px 0 0 0;
	padding  			: 0;
}

/* =shadedblock.wide */ 

#content .shadedblock.wide {
	padding 			: 0;
	margin 				: 0 0 10px 0;   
	background 			: none;
	width 				: 100%; /* 566px */
}

#content .shadedblock.wide img.left {
	background 			: transparent url(../img/dots-ABA7A5.png) repeat-x 0% 100%;
	width 				: 274px; /* 566px */
	padding 			: 0 292px 1px 0;
	height 				: 145px;	
	margin 				: 0 0 25px 0;  
	position 			: relative;	
}

#content .shadedblock.wide h1 {
	position 			: absolute;
	left 				: 292px;
	width 				: 274px;
	top 				: 90px;
}

#content .shadedblock.wide h1.title {
	top					: 0;
	background 			: transparent no-repeat 0% 100%;
	text-indent 		: -999em;
	height 				: 140px;
}

#content .shadedblock.wide h1.title.professional-development {
	background-image 	: url(../img/title-professional-development.png);                                                                   
}

#content .shadedblock.wide h1.title.near-you {
	background-image 	: url(../img/title-near-you.png);
}

#content .shadedblock.wide h1.title.membership {
	background-image 	: url(../img/title-membership.png);
}

#content .shadedblock.wide h1.title.young-engineers {
	background-image 	: url(../img/title-young-engineers.png);
}

/* =feature-box */

#content .feature-box {
	background-color	: #D7E5DB;
	width 				: 100%;
	overflow 			: hidden;
	margin 				: 0 0 20px 0;
	padding 			: 8px 0;
}

#content .feature-box h2 {
	float 				: left;
	margin              : 10px 0 0 14px;
	width 				: 260px;
	display 			: inline;
	font				: bold 1.1825em Verdana, Arial, sans-serif; /* 13px */
	text-transform 		: none;
	color 				: #772432;  
}

#content .feature-box ul {
	list-style 			: none;
	float 				: right;
	margin              : 0 14px 0 0;
	width 				: 260px;
 	display 			: inline;  
}

#content .feature-box ul li {
	background 			: transparent url(../img/bullet_red_sidebar.gif) no-repeat 0% 5px;
	padding 			: 0 0 0 13px;
}

#content .feature-box ul li a {
	background 			: none;
}

#content .feature-box ul li a:focus,
#content .feature-box ul li a:hover,
#content .feature-box ul li a:active {
    background 			: transparent url(../img/dots-CC0000.png) repeat-x 0% 100%;	
}

/* =columnwrap */

#content .columnwrap {
	width 				: 100%;
	overflow 			: hidden;
	margin 				: 0 0 10px;
	position 			: relative;
}

#content .columnwrap .columnleft,
#content .columnwrap .columnright {
	width 				: 274px;
	padding 			: 10px 0 0;
	overflow 			: hidden;
   	background 			: transparent url(../img/dots-57504B.png) repeat-x 0% 0%; 
}

#content .columnwrap .columnleft {
	float 				: left;
}

#content .columnwrap .columnright {
	float 				: right;
}

#content .columnwrap p {
	margin 				: 0;
}

#content .columnwrap ul {
	list-style 			: none;
	margin 				: 0;
}

#content .columnwrap ul li {
	background 			: transparent url(../img/bullet_red_sidebar.gif) no-repeat 0% 5px;
	padding 			: 0 0 0 13px; /* 258px */ 
	margin 				: 0;
}

#content .columnwrap ul li a {
	background 			: none;
}

#content .columnwrap ul li a:focus,
#content .columnwrap ul li a:hover,
#content .columnwrap ul li a:active {
    background 			: transparent url(../img/dots-CC0000.png) repeat-x 0% 100%;	
}

/* =columns.shaded */

#content .columnwrap.shaded {
	background 			: transparent url(../img/columnwrap-shaded-bg.png) repeat-y 0% 0%;
	padding 			: 0;
	margin 				: 0 0 12px 0;
}

#content .columnwrap.shaded .columnleft,
#content .columnwrap.shaded .columnright {
	background 			: none;
	padding				: 12px 8px 20px; /* 274px */
	width 				: 258px;
	color 				: #772432;  
}

#content .columnwrap.shaded ul {
	width 				: 258px;
}

/* =columns.headerborder */

#content .columnwrap.headerborder .columnleft,
#content .columnwrap.headerborder .columnright {
	background 			: none;
	padding 			: 0;
}

/* =columnwrap.noborder */

#content .columnwrap.noborder .columnleft,
#content .columnwrap.noborder .columnright {
	background 			: none;
}

#content .columnwrap h3, 
#content .columnwrap p.border-top {
	font-size 			: 1.1825em; /* 13px */
	font-weight 		: bold;
  	color 				: #772432;  
	margin 				: 0 0 8px 0 !important;
	padding 			: 0;
}

#content h3.eventheader,
#content .columnwrap h3.eventheader {
   	background 			: transparent url(../img/bullet_red_sidebar.gif) no-repeat 0% 6px;
	padding 			: 0 0 0 13px;
}

#content h3.eventheader {
	margin 				: 15px 0;
}

/* =homepage columnwrap */

#main #content.layout0 .columnwrap {
	width 				: 768px;
	margin 				: 0 0 20px;
}

#main #content.layout0 .columnwrap h3 {
	margin 				: 0 0 5px 0;
}

#main #content.layout0 .columnwrap .columnleft,
#main #content.layout0 .columnwrap .columnright {
	width 				: 375px;
	padding 			: 15px 0 0;
	overflow 			: hidden;
   	background 			: transparent url(../img/dots-57504B.png) repeat-x 0% 0%;
}

#main #content.layout0 .columnwrap .columnleft p,
#main #content.layout0 .columnwrap .columnright p {
	font-size 			: 1.091em; /* 12px */ 
} 

#main #content.layout0 .columnwrap .columnleft img,
#main #content.layout0 .columnwrap .columnright img {
	float 				: left;
	width 				: 90px !important;
	height 				: 90px !important;
	margin 				: 0 10px 10px 0;
}

/* =columnwrap.main */

#main #content.layout0 .columnwrap.main {
	margin 				: 0 0 40px; 
}

#main #content.layout0 .columnwrap.main .columnright {
	position 			: absolute;
	bottom 				: 5px;
	left 				: 393px;
}

#main #content.layout0 .columnwrap.main .columnright p {
	margin 				: 0;
}

#main #content.layout0 .columnwrap.main .columnleft,
#main #content.layout0 .columnwrap.main .columnleft a,
#main #content.layout0 .columnwrap.main .columnright {
	background 			: none;
	border 				: none;
}

#main #content.layout0 .columnwrap.main .columnleft img,
#main #content.layout0 .columnwrap.main .columnright img {
	float 				: none;
	width 				: 375px !important;
	height 				: 236px !important;
	margin 				: 0;
}

/* =columnwrap.headerborder */

#main #content.layout0 .columnwrap.headerborder .columnleft,
#main #content.layout0 .columnwrap.headerborder .columnright {
	background 			: none;
	padding 			: 0;
}

/* =columnwrap.noborder */

#main #content.layout0 .columnwrap.noborder .columnleft,
#main #content.layout0 .columnwrap.noborder .columnright {
	background 			: none;
	padding 			: 0;
}

#main #content.layout0 .columnwrap .columnleft.image h3.eventheader,
#main #content.layout0 .columnwrap .columnright.image h3.eventheader {
	margin 		 		: 0 0 10px 100px;
}

/* =columnwrap.column 4 */

#main #content.layout0 .columnwrap .column1,
#main #content.layout0 .columnwrap .column2,
#main #content.layout0 .columnwrap .column3,
#main #content.layout0 .columnwrap .column4 {
	float 				: left;
	width 				: 178px; /* 178px */
	padding 			: 10px 0 0 0;
	display  			: inline;
} 

#main #content.layout0 .columnwrap .column1 {
	margin-right 		: 19px;
}

#main #content.layout0 .columnwrap .column3 {
	margin-left 		: 18px;
}

#main #content.layout0 .columnwrap .column4 {
	float 				: right;

}

#main #content.layout0 .columnwrap .column1 h3,
#main #content.layout0 .columnwrap .column2 h3,
#main #content.layout0 .columnwrap .column3 h3,
#main #content.layout0 .columnwrap .column4 h3 {
	color 				: #D52B1C;
}

#main #content.layout0 .columnwrap .column1 h3 a,
#main #content.layout0 .columnwrap .column2 h3 a,
#main #content.layout0 .columnwrap .column3 h3 a,
#main #content.layout0 .columnwrap .column4 h3 a {
	color 				: #D52B1C;   
	border 				: none;
	background 			: none;
}

#main #content.layout0 .columnwrap .column1 p,
#main #content.layout0 .columnwrap .column2 p,
#main #content.layout0 .columnwrap .column3 p,
#main #content.layout0 .columnwrap .column4 p {
	font-size 			: 1.091em; /* 12px */
}

/* =title */

#content h1.title.homepage {
 	text-indent 		: -999em;
	height 				: 114px;
	width  				: 100%;
	background 			: transparent url(../img/title-homepage.png) no-repeat 0% 100%;
	margin 				: 0 0 11px 0;   
}

#content h2.title,
#content h3.title {
	height 				: 13px;
	width  				: 100%;
	background 			: transparent no-repeat 0% 100%;
	position 			: relative;
	margin 				: 0 0 11px 0;    
}

#content h2.title a,
#content h3.title a {
	width 				: 100%;
	height 				: 100%;
	background 			: none;
	outline 			: none;
	display 			: block;
	border 				: none;
}

#content h2.title span,
#content h3.title span {
	display 			: none;
}

#content h2.title.in-this-section,
#content h3.title.in-this-section {
	background-image	: url(../img/title-in-this-section.png);
}

#content h2.title.latest-events,
#content h3.title.latest-events {
	background-image	: url(../img/title-latest-events.png);
}

#content h2.title.amend-personal-details,
#content h3.title.amend-personal-details {
	background-image	: url(../img/title-amend-personal-details.png);
}

#content h2.title.initial-prof-dev,
#content h3.title.initial-prof-dev {
	background-image	: url(../img/title-initial-prof-dev.png);
	height 				: 46px;
	margin 				: 0; 
}

#content h2.title.continuing-prof-dev,
#content h3.title.continuing-prof-dev {
	background-image	: url(../img/title-continuing-prof-dev.png);
	height 				: 46px;
	margin 				: 0; 
}

#content h2.title.whats-on-near-you,
#content h3.title.whats-on-near-you {
	background-image	: url(../img/title-whats-on-near-you.png);
	height 				: 17px;
	margin 				: 0px 10px 2px;
}

#content h2.title.latest-news,
#content h3.title.latest-news {
	background-image	: url(../img/title-latest-news.png);
	height 				: 13px;
	margin 				: 0;
}

#content h2.title.upcoming-events,
#content h3.title.upcoming-events {
	background-image	: url(../img/title-upcoming-events.png);
	height 				: 13px;
	margin 				: 0;
}

#content h2.title.features,
#content h3.title.features {
	background-image	: url(../img/title-features.png);
	height 				: 13px;
	margin 				: 0;
} 

#content h2.title.step-1,
#content h3.title.step-1,
#content h2.title.step-2,
#content h3.title.step-2 {
	height 				: 17px;
	margin 				: 0 0 20px 13px;
}

#content h2.title.step-1,
#content h3.title.step-1 {
	background-image	: url(../img/title-step-1.png);
}

#content h2.title.step-2,
#content h3.title.step-2 {
	background-image	: url(../img/title-step-2.png);
}

/* =step */

#content table.step {
	width 				: 380px;
	margin 				: 0 0 15px 0;
}

#content table.step td {}

/* =rss */

#content h2.title input,
#content h3.title input {
	position 			: absolute;
	top 				: 8px;
	left 				: 165px;
}

#content #hpRss {
	position 			: relative;
	top 				: 1px;
	left 				: -5px;
	background 			: none;
	border 				: none;
}

/* =misc */

#content hr.dotted,
#content .rule {
	background 			: transparent url(../img/dots-57504B.png) repeat-x 0% 0%;   
	width 				: 100%;
	display 			: block;
	border 				: none;
	margin		 		: 0 0 30px 0;
}

#content .rule {
	margin		 		: 0;
}

.breakspacethin {
/*
	background 			: transparent url(../img/dots-57504B.png) repeat-x 0% 100%;   
	width 				: 100%;
	height 				: 20px;
*/
}

#content hr.dotted.nomargin {
	margin		 		: 0; 				
}

#content .headerborder {
    border-top 		 	: 3px solid #D52B1E;  
	padding 			: 10px 0 0;
}

/* =pnlMain */

#content table#pnlMain {
	padding 			: 0;
}

/* =hide */

#title .br,
#content .bordered-box .shadedblock-sm.step2 .column br,
#content .bordered-box p.links,
#content .bordered-box .rdlst br,
#sidebar .arrow li .sidebarrule,
#content .columnwrap p.border-top img,
.breakspacethin,
.greyrule,
.cl,
.hiderule,
.breakspacethinnest,
.breakspacethin {
	display 			: none; 
}

/* =show */

#sidebar .cl {
	display 			: block;
}

/*
=rightcol
---------------------------------------------- */
#main #content.layout4 #rightcol {
	display 			: block;
	float 				: right;
	width 				: 158px; /* 168px */
	padding 			: 0 5px 10px;
	background 			: #F2F6F3;
	overflow 			: hidden;
} 

#main #content #rightcol h3,
#main #content #rightcol h3 a {
	font    	 		: bold 1em Helvetica, Arial, sans-serif; /* 15px */  
    text-transform 		: uppercase;
	color 				: #772432 !important;
	background 			: #E2ECE5;     
	padding 			: 5px; /* 24px */
	width 				: 158px; /* 168px */ 
	position 			: relative;
	left 				: -5px;
	border 				: none;
}

#main #content #rightcol ul {
	margin 				: 0 0 15px 0;
}

#main #content #rightcol ul li {
	background 			: transparent url(../img/bullet_red_sidebar.gif) no-repeat 0% 5px;
	padding 			: 0 0 0 13px; /* 158px */ 
	margin 				: 0;
}

#main #content #rightcol ul li a {
	background 			: none;
}

#main #content #rightcol ul li a:focus,
#main #content #rightcol ul li a:hover,
#main #content #rightcol ul li a:active {
    background 			: transparent url(../img/dots-CC0000.png) repeat-x 0% 100%;	
}

/* =basket */
 
#main #content #rightcol #basket br {
	line-height 		: 120%;
}

#main #content #rightcol #basket br {
	display 			: none;
}

#main #content #rightcol #basket img {
	position 			: relative;
	top 				: 3px;
}

#main #content #rightcol #basket table {
	margin 				: 0 0 10px 0;
}

#main #content #rightcol #basket table td {

}
                                      
#main #content #rightcol #basket ul li {
	margin 				: 0 0 10px 0;
}

#main #content #rightcol #basket ul li span {
	display 			: block;
}

#main #content #rightcol #basket .left,
#main #content #rightcol #basket .right {
	font-weight 		: bold;
	margin 				: 0 0 10px 0;
}

/*
=footer
---------------------------------------------- */
#footer a {
	background 			: none;
	border-bottom		: none;
}

#footer a:focus,
#footer a:hover,
#footer a:active,
#footer a.active {
	background 			: transparent url(../img/dots-CC0000.png) repeat-x 0% 100%;
}

#footer .columnwrap {}

#footer .columnwrap .columnleft {
	width 				: 751px; /* 768px */
	padding 			: 6px 0 7px 17px; /* 30px */
	margin 				: 0 0 10px 0;
	list-style 			: none;
	background-color 	: #F5F9F6;
	border-top 			: 1px solid #D7E5DB;
	color 				: #772432; 
}

#footer .columnwrap .columnright {
	width 				: 751px; /* 768px */
	padding 			: 6px 0 7px 17px; /* 30px */
	font-size           : .9095em; /* 10px */
}