/* CSS Document */

body {
	border:0;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#000;
	}
body#bodyColor {
	background:#F7F7F2;
	}

form {
	padding:0;
	margin:0;
	}
	
input,select,option,textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000
	}
input,select,textarea {
	border:1px solid #C4C4A4;
	}
input.clear {
	border:none;
	}
/* Headers */
h1 {
	color:#996;
	font-size:19px;
	line-height:30px;
	padding:0;
	margin:0;
	font-weight:normal;
	}
h2 {
	color: #996;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	}
	
h3 {
	color: #966;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	padding:0;
	margin:0;
	}

legend {	
	color: #966;
	font-size:12px;
	line-height:14px;
	}
/* LINK Behaviour */
a, a:visited {
	color:#996;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	

/*Layout Boxes */
#pageBodyFrame {
	width:752px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #C4C4A4;
	background: url("../img/bg_sidebar.gif") top left repeat-y;
	}
#myJiggleFrame {
	float:left;
	width:752px;
	}
	
#header {
	background: url("../img/bg_westend.jpg") top right no-repeat;
	width:100%;
	}
	
#printImage {
	display:none;
	}

#topNav {
	background: #555555;
	float:left;
	width:752px;
	}
#sideBar {
	width:252px;
	float:left;
	background:#E6E6D5;
	}
#layoutFrame {
	width:500px;
	float:left;
	}
	
.contentBox {
	float:left;
	width:500px;
	padding:33px 30px 30px 40px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 430px;
	}
	html>body .contentBox {width: 430px;}

.contentBox2 {
	float:left;
	width:500px;
	padding:33px 30px 30px 40px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 430px;
	}
	html>body .contentBox2 {width: 430px;}
#footerBox {
	border-top:1px solid #C4C4A4;
	float:left;
	width:430px;
	padding:0;
	color:#999;
	}
#sideNav {
	padding:35px 10px 0 15px;
	margin:0;
	}
		
#searchForm {
	background:url("../img/subtitle_search.gif") top left no-repeat;
	padding:46px 10px 15px 15px;
	margin:30px 0 0 0;
	border-bottom:1px solid #C4C4A4;
	}

#loginForm {
	background:url("../img/subtitle_login.gif") top left no-repeat;
	padding:46px 10px 15px 15px;
	border-bottom:1px solid #C4C4A4;
	margin:0;
	}
.memberBox {
	padding:26px 10px 15px 15px;
	}
	
.memberBox p {
	padding:0;
	margin:0;
	}
	
.calloutframe {
	float:right;
	border:2px solid #C4C4A4;
	padding:10px;
	width:180px;
	margin:0 0 10px 10px;
	color:#555;
	background:#f7f7f2;
	line-height:14px;
	}
.calloutframe p {
	padding:0;
	margin:0;
	}
	
	

	
/* TOP Nav */
#topNav ul {
	list-style:none outside;
	padding:0;
	margin:0;
	}

#topNav li {
	float:left;
	margin:0;
	padding:5px 10px 5px 10px;
	}
	
#topNav a, #topNav a:visited {
	color: #C4C4A4;
	text-decoration:none;
	}
	
#topNav a:hover, #topNav li.selMenuItem a, #topNav li.selMenuItem a:visited {
	color: #fff;
	}
	
/* SIDE Nav */
#sideNav ul {
	list-style:none outside;
	margin:0;
	padding:0;
	}
	
#sideNav li {
	display:block;
	padding:0 10px 0 10px;
	margin:0;
	}
	
#sideNav a, #sideNav a:visited {
	color: #555;
	text-decoration:none;
	}

#sideNav a:hover {
	text-decoration:underline;
	}
#sideNav .selMenuItem a, #sideNav .selMenuItem a:visited {
	font-weight:bold;
	}
/* FOOTER Nav */

#footerBox p {
	margin:0;
	padding:0;
	}
#footerBox ul {
	list-style:none outside;
	margin:0;
	padding:0;
	}
	
#footerBox li {
	float:left;
	padding:0 2px 0 2px;
	margin:0;
	}
	
	
/* FORM elements */
.text_input {
	border:2px solid #C4C4A4;
	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	}

.button {
	background:#C4C4A4;
	color:#666;
	border:2px bevelled #ccc;
	}


/* submenu */
ul.submenu {
	list-style:none outside;
	padding:0;
	margin:0;
	border-bottom:1px solid #C4C4A4;
	float:left;
	width:100%;
	}

ul.submenu li {
	float:left;
	margin:0 2px 0 2px;
	border-top:1px solid #C4C4A4;
	border-left:1px solid #C4C4A4;
	border-right:1px solid #C4C4A4;
	}
	
ul.submenu a, ul.submenu a:visited {
	color: #C4C4A4;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px 5px 10px;
	line-height:20px;
	}
	
ul.submenu a:hover, ul.submenu li.selMenuItem a, ul.submenu li.selMenuItem a:visited {
	color: #fff;
	background:#C4C4A4;
	}

#f_personal,#f_epc,#f_address,#f_login {
	display:none;
	}
#f_address.f_show,#f_personal.f_show,#f_epc.f_show,#f_login.f_show {
	display:block;
	}

/* alphabet */
/* submenu */
ul.alpha {
	list-style:none outside;
	padding:0;
	margin:0;
	float:left;
	display:block;
	}

ul.alpha li {
	float:left;
	margin:0;
	clear:none;
	display:inline;
	}
	
ul.alpha a, ul.alpha a:visited {
	color: #C4C4A4;
	font-weight:normal;
	text-decoration:none;
	padding:2px 5px 2px 4px;
	border-left:1px solid #C4C4A4;
	line-height:15px;
	font-size:10px;
	}
	
ul.alpha a:hover, ul.alpha li.selMenuItem a, ul.alpha li.selMenuItem a:visited {
	color: #fff;
	background:#C4C4A4;
	text-decoration:none;
	}
/* Member Listings */
ul.listing {
	list-style:none outside;
	margin:0;
	padding:0;
	}
	
ul.listing li {
	padding:0 0 0 10px;
	margin:10px 0 0 0;
	display:block;
	clear:both;
	}

.shaded {
	background:#F7F7F2;
	height:100%;
	}
	
.memberImage {
	float:left;
	width:110px;
	}

.memberText {
	float:left;
	width: 300px;
	}

.speakerText {
	float:left;
	width: 150px;
	}
.meetingInfo {
	float:left;
	width:150px;
	}
	
.profileLink, .profileLink:visited, .profileLink:hover {
	text-decoration:none;
	background:#C4C4A4;
	color:#fff;
	padding:2px;
	margin:0 1px 0 1px;
	}
	
/* Member Listings */
ul.profile {
	list-style:none outside;
	padding:0;
	margin:0;
	float:left;
	display:block;
	clear:both;
	}

ul.profile li {
	float:left;
	margin:0;
	padding:0;
	clear:none;
	display:inline;
	}
	
ul.profile a, ul.profile a:visited {
	color: #C4C4A4;
	font-weight:normal;
	text-decoration:none;
	padding:2px 5px 2px 4px;
	border-left:1px solid #C4C4A4;
	line-height:15px;
	font-size:10px;
	}
a.last {
	border-right:1px solid #C4C4A4;
	}
	
ul.profile a:hover, ul.profile li.selMenuItem a, ul.profile li.selMenuItem a:visited {
	color: #fff;
	background:#C4C4A4;
	text-decoration:none;
	}
	
.meetingBox {
	border:2px solid #CCCCAA;
	float:left;
	width:426px;
	background:#f7f7f2;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 422px;
	}
	html>body .meetingBox {width: 422px;}
	
.mtgCallout {
	float:left;
	border-left:2px solid #C4C4A4;
	margin-left:-2px;
	padding:10px;
	width:190px;
	background:#f7f7f2;
	text-align:center;
	color:#555;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
	}
	html>body .mtgCallout {width: 170px;}
	
.mtgDetails {
	float:left;
	width:230px;
	padding:10px 5px 0 5px;
	height:200px;
	border-right:2px solid #C4C4A4;
	background:#fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 218px;
	}
	html>body .mtgDetails {width: 218px;}
	
.mtgAttendance {
	float:left;
	width:422px;
	padding:10px;
	border-top:2px solid #C4C4A4;
	background:#fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 402px;
	}
	html>body .mtgAttendance {width: 402px;}