/* @override http://www.themca.org.uk/css/default.css */

/* ====== The following CSS is provided by k-collective ===== */

*{
	font-size:100%;
}


/* Set some standards */
/* LISTS */

ul li { margin-left: .25em; 
	margin-top: 2px;
	margin-bottom: 2px;}
ul { list-style-type: disc;

}
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }


/* TABLES */

table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* FORMS */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none !important; padding:0 !important; margin:0 !important; }

/* Make sure the icons are not cut */
a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */
/* a[href^="http:"]          { background-image: url(../images/icons/external.png); padding-right: 14px; }  */
a[href^="mailto:"]        { background-image: url(../images/icons/email.png); }

/* Files */
a[href$=".pdf"]   { background-image: url(../images/icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(../images/icons/doc.png); }  
a[href$=".xls"]   { background-image: url(../images/icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(../images/icons/feed.png); }
a[href^="aim:"]   { background-image: url(../images/icons/im.png); }
/* a[href^="http://www.themca.org.uk"] { background:none; padding:0; margin:0; } */
/* a[href^="http://mca.k-demo.co.uk"] { background:none; padding:0; margin:0; } */

/* TEXT CLASSES */

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}

/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
	<button type="submit" class="button positive">
	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
	</button>

	<a class="button" href="/password/reset/">
	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
	</a>

	<a href="#" class="button negative">
	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
	</a>
*/

a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html .container button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Standard Buttons */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active, button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active, button.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active, button.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}


/*********************/

body {
	background: url(../images/new/bg.gif) repeat-x left top;
	font:75%/140% Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #656565;
}

h1{
	color: #01236b;
	height: 50px;
	padding-left: 0px;
	margin: 0px 0px 0;
	font: bold 180%/50px "Times New Roman", Times, Georgia, serif;
}

h2 {
	color: #01236b;
font: bold 150%/50px "Times New Roman", Times, Georgia, serif;
	text-indent: 0px;
	margin-top: 0;
	margin-bottom: 0;
}

h2.promo {
	background: url(../images/new/icon-promo-h2.gif) no-repeat left top;
	text-indent: 55px;
}

h3 {
	color: #01236b;
font: bold 120%/50px "Times New Roman", Times, Georgia, serif;
	text-indent: 0px;
	margin-bottom: 10px;
	margin-top: 30px;
}

#wrap {
	width: 100%;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 98px;
	float: left;
	display: block;
}



#login {
	width: 190px;
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	float: left;
	margin-top: 40px;
	background: url(../images/new/icon-login.gif) no-repeat left 5px;
	padding-left: 30px;
}
#login a {
	color: #f49e00;
}
#login a:hover {
	color: #01236b;
	text-decoration: none;
}

#top-content {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
	height: 237px;
}

#main-content {
	float: left;
	width: 900px;
	padding: 15px 0px 0px 25px;
	margin-bottom: 20px;
}

#column1 p a img, #column2 p a img {
	padding-top: 15px;
}

#navigations {
}

#foot {
	float: left;
	width: 100%;
	height: 150px;
	text-align: left;
	background: url(../images/new/footer-bg.gif) no-repeat left bottom;
}

#search {
	display: none;
}

.hidden-navigation {
	display: none;
}
#nav {
	width: 468px;
	height: 237px;
	float: left;
	margin-top: 3px;
}
#main-image {
	width: 511px;
	float: left;
	height: 237px;
}
#nav ul {
	list-style: none;
	margin: 3px 0px 0px 10px;
	padding: 0px;
}
#nav a, nav a:link, nav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
	margin: 0px;
	display: block;
	padding: 1px 0px 1px 0px;
	height: 19px;
	width: 100%;
	line-height: 19px;
	text-indent: 4px;
	font-weight: bold;
	text-shadow: #163880 0 1px 0;
}

#nav1 a {
	height: 17px;
}
#nav10 a {
	height: 18px;
}

#nav a:hover {
	text-indent: 6px;
}

#nav1 a:hover {
	background-color: #2E8BE3;
	
}

#nav2 a:hover {
	background-color: #2A81E0;
}

#nav3 a:hover {
	background-color: #2575D8;
}

#nav4 a:hover {
	background-color: #1D5FC9;
}

#nav5 a:hover {
	background-color: #1550C2;
}

#nav6 a:hover {
	background-color: #0F3FB9;
}

#nav7 a:hover {
	background-color: #0B2FA7;
}

#nav8 a:hover {
	background-color: #0526A9;
}

#nav9 a:hover {
	background-color: #011CA5;
}
#nav10 a:hover {
	background-color: #001681;
}

#nav li {
	/*border-bottom: 1px solid #99C9F5;*/
	width: 98%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

/*  For IE only  
* html #nav li {
	border-bottom: 1px solid #99C9F5;
	width: 190px;
	margin: 0px;
	padding: 0px;
	display: inline;
}*/
#main-content p {
	padding-left: 0;
	margin-top: 0px;
}
.column2 {
	width: 445px;
	display: block;
	float: right;
	margin-top: 20px;
}

div.first {
	float: left;
	display: block;
}

.column1 {
	float: left;
	width: 440px;
	display: block;
	clear: left;
	margin-top: 20px;
}
#footer-divider {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 15px;
	width: 100%;
	float: left;
	background-color: #DDE0DE;
}
#foot ul {
	list-style: none;
	text-align: left;
	padding: 0px;
	margin: 40px 0px 10px 5px;
}
#foot li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	font: 100% Arial, Helvetica, sans-serif;
	border-left: 1px solid #999999;
	text-align: left;
}
#foot a, #foot a:link, #foot a:visited {
	color: white;
	text-decoration: none;
	text-shadow: #163880 0 1px 0;
}
#foot a:hover, #copyright p a:hover {
	color: #f7c900;
}
#copyright {
	font-size: 90%;
	padding-left: 10px;
	padding-top: 10px;
	width: 740px;
	margin-bottom: 15px;
	text-shadow: #163880 0 1px 0;
	color: white;
	display: block;
	float: left;
}
#copyright a, #copyright a:link {
	color: #43e6ff;
}

a, a:link {
	color: #f7a300;
	text-decoration: none;
}

a:visited {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}




fieldset {
	border: 1px solid #cccccc;
	background-color: #f6f8fa;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 2em;
	margin-left: 10px;
}

legend {
	font-size: 110%;
	font-weight: bold;
	color: #01236B;
	padding: 1px 3px 1px 5px;
	background-color: #FFFFFF;
}

/* ie hack for legend overflow 
fieldset{
	position:relative;
} legend{position:relative;_top:-1em}*/

#members-info, #members-profile, #members-services {

	background: #f6f8fa;
	margin-left: 10px;
	margin-right: 3px;
	width: 647px; /* for IE5.x */
	w\idth: 647px; /* for all others */
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#members-info p, #members-profile p, #members-services p{
	padding-left: 20px;
}

h2.info-title  {
	background: url(../images/members-info-icon.gif) no-repeat left top;
	margin-left: 10px;
	padding-left: 50px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: block;
}

h2.profile-title  {
	background: url(../images/members-profile-icon.gif) no-repeat left top;
	margin-left: 10px;
	padding-left: 50px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: block;
}

h2.services-title  {
	background: url(../images/members-services-icon.gif) no-repeat left top;
	margin-left: 10px;
	padding-left: 50px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: block;
}

#news-list h2 {
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 140%;
	text-indent: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#mem-address {
	background: url(../images/icon-house.gif) no-repeat left top;
	width: 500px;
	display: block;
	margin-left: 12px;
	padding-left: 37px;
	padding-top: 5px;
	margin-bottom: 10px;
}

#mem-tel {
	background: url(../images/icon-phone.gif) no-repeat left top;
	display: block;
	margin-left: 12px;
	padding-left: 37px;
	padding-top: 3px;
	margin-bottom: 0px;
	width: 500px;
	height: 21px;
}

#mem-fax {
	background: url(../images/icon-fax.gif) no-repeat left top;
	width: 500px;
	display: block;
	margin-left: 12px;
	padding-left: 37px;
	padding-top: 2px;
	margin-bottom: 10px;
	height: 21px;
}

#mem-email {
	background: url(../images/icon-email.gif) no-repeat left top;
	width: 500px;
	display: block;
	margin-left: 12px;
	padding-left: 37px;
	padding-top: 1px;
	margin-bottom: 0px;
	height: 21px;
}

#mem-web {
	background: url(../images/icon-web.gif) no-repeat left top;
	width: 500px;
	display: block;
	margin-left: 12px;
	padding-left: 37px;
	padding-top: 1px;
	margin-bottom: 10px;
	height: 21px;
}
#text-resize a, #text-resize a:link, #text-resize a:visited {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 14px;
}

#text-resize a:hover {
	color: #000000;
}

#text-resize {
	width: 95%;
	height: 18px;
	margin-left: 10px;
	float: left;
	padding-bottom: 3px;
	display: none;
}
#member-directory a {
	display: block;
	background: url(../images/icon-profile.gif) no-repeat left center;
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 0px 0px;
}
#member-directory {
	margin-bottom: 30px;
	margin-top: 10px;
}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height: 1px;margin:0 0 0em;border:none;}