body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Helvetica, Sans-Serif;
	font-size: 75%;
	color: #666666;
	text-align: center;
	background:url(images/body-bg.png) repeat-x #D6D6D6;
}
#wrapper {
	position: relative;
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

/* LINK STYLES */
a:link, a:visited {
	color:#BD0F6A;
	text-decoration:none;
}
a:hover, a:active {
	color:#BD0F6A;
	text-decoration:underline;
}

a img, a:link img, a:visited img, a:hover img, a:active img {
	border:0;
}

h1 {
	color:#4F6099;
	font-size:2em;
	font-family:trebuchet ms, arial, helvetica, sans-serif;
	margin:0;
	padding:0;
}
.page-title {
	float:left;
	width:100%;
	border-bottom:solid 3px #E5E5E5;
}

h2 {
	color:#4F6099;
	font-size:1.4em;
	font-family:trebuchet ms, arial, helvetica, sans-serif;
	margin:0;
	padding:0;
}

h3 {
	font-size:1em;
	color:#333;
	margin:0;
	padding:0;
}


/* header */
.header {
	float:left;
	width:750px;
	height:100px;
	background:url(images/header.jpg) no-repeat;
}

.header .logo {
	float:left;
	width:315px;
	height:55px;
	background:none;
	margin:45px 0 0 0;
}

.header .controls {
	float:right;
	padding-top:5px;
	color:#FFF;
	font-family:trebuchet ms, arial, helvetica, sans-serif;
}

.header .controls ul {
	float:left;
	padding-right:5px;
}
.header .controls li {
	float:left;
	padding:0 5px;
}
.header .controls li a {
	color:#FFF;
}

.header .controls .textbox {
	float:left;
	width:160px;
	height:16px;
	border:solid 1px #999;
	margin:0;
	padding:0;
}

.header .controls .search {
	float:left;
	width:24px;
	height:18px;
	background:url(images/btn-search.png) no-repeat;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
}

.header .controls .options {
	float:right;
	clear:left;
	padding-right:35px;
}


/* navigation */
.nav {
	float:left;
	width:750px;
	height:26px;
}

.nav .ul {
	float:left;
}
.nav li {
	float:left;
	padding:0 10px 0 0;
}
.nav li a {
	float:left;
	height:16px;
	padding:5px 10px;
	color:#FFF;
	font-family:trebuchet ms, arial, helvetica, sans-serif;
}
.nav li a:hover {
	text-decoration:none;
	background:#5E73B3;
}

.nav .downarrow {
	padding:0 0 1px 5px;
}


/* nav drop down menu */
.nav .show-units  {
	position:relative;
}
.nav .show-units:hover  {
	background:#5E73B3;
}
.nav .show-units a:hover {
	cursor:default;
}
.nav .show-units:hover .unit-docs {
	display:block;
}

.nav .unit-docs {
	position:absolute;
	display:none;
	width:200px;
	height:auto;
	top:26px;
	left:0px;
	margin:0 !important;
	padding:0 !important;
	background:#425691;
	border:solid 1px #000;
	border-top:none;
	color:#FFF;
	z-index:5;
}
.nav .unit-docs li {
	float:left;
	padding:0;
	margin:0;
}
.nav .unit-docs li a {
	float:left;
	width:180px;
	margin:0;
	padding:5px 10px;
	height:auto;
	line-height:1.2em;
}
.nav .unit-docs li a:hover {
	background:#5E73B3;
	cursor:pointer;
}


/* content */
.content {
	float:left;
	width:710px;
	padding:20px 20px 10px;
	background:#FFF;
}

.content-bottom {
	float:left;
	width:750px;
	height:10px;
	background:url(images/content-bottom.png) no-repeat;
}

.sidebar {
	float:left;
	width:203px;
	padding-right:20px;
}

.main {
	float:left;
	width:487px;
}


/* footer */
.footer {
	float:left;
	width:750px;
	text-align:center;
	font-size:0.8em;
	padding:5px 0 10px 0;
}


/* modules */
.sidebar .module {
	float:left;
	padding-top:20px;
}

.sidebar .module .top {
	float:left;
	width:203px;
	height:10px;
	background:url(images/module-top.png) no-repeat;
}
.sidebar .module .middle {
	float:left;
	width:183px;
	background:#F0F0F0;
	padding:0 10px;
}
.sidebar .module .bottom {
	float:left;
	width:203px;
	height:10px;
	background:url(images/module-bottom.png) no-repeat;
}
.sidebar .module .form-text {
	float:left;
	font-size:0.8em;
	font-weight:bold;
	margin-top:5px;
}
.sidebar .module .textbox {
	float:left;
	width:181px;
	height:16px;
	border:solid 1px #999;
}
.sidebar .module .button {
	float:left;
	font-size:0.8em;
	padding:0;
	margin:3px 0 0 0;
}


/* HOME */
.home .sidebar .info {
	float:left;
	width:203px;
	padding-top:20px;
}

.home .main .latest-news {
	float:left;
	width:223px;
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	border-right:solid 1px #CCC;
}

.home .main .latest-news h3 {
	padding:10px 0 0 0;
	text-decoration:underline;
}

.home .main .latest-news h3 a {
	color:#333;
}
.home .main .latest-news h3 a:hover {
	color:#BD0F6A;
}

.home .main .latest-news .time {
	font-style:italic;
}


.home .main .about {
	float:left;
	width:223px;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
}

.home .main .about h2 {
	padding-bottom:5px;
}

.home .main .about img {
	/* padding-top:15px; re-enable when about text added */
}


/* NEWS */
.news .content li {
	float:left;
	width:100%;
	padding-top:15px;
}

.news .content h2 {
	float:left;
	width:550px;
}

.news .content .time {
	float:right;
	text-align:right;
	font-size:0.8em;
	width:160px;
	padding-top:5px;
}

.news .content img {
	float:left;
	padding:3px;
	border:solid 1px #DADADA;
	margin:3px 10px 2px 0;
}

.news .content p {
	line-height:1.4em;
}


/* FAQ */
.faq h1 {
	margin-bottom:15px;
}

.faq .questions {
	float:left;
	width:100%;
	border-bottom:solid 3px #E5E5E5;
	padding-bottom:15px;
	margin-bottom:15px;
}
.faq .questions li {
	padding:3px 0;
}

.faq .questions a {
	color:#BD0F6A;
}

.faq .answers li {
	padding:5px 0;
}

.faq .answers .q {
	color:#4F6099;
	font-weight:bold;
}

.faq .answers .a {
	float:left;
	color:#BD0F6A;
	font-weight:bold;
	padding-right:4px;
}

.faq .answers p {
	padding:0 0 10px 0;	
}


/* EVENTS/MEETINGS */
.events .page-title {
	margin-bottom:15px;
}

.events .content .meetings {
	float:left;
	width:291px;
	padding-right:20px;
}

.events .content .meetings .meeting-type {
	float:left;
	width:291px;
	padding-bottom:3px;
}

.events .content .meetings li {
	float:left;
	width:281px;
	padding:5px;
	background:#E5E5E5;
}
.events .content .meetings .alt {
	background:#F0F0F0;
}

.events .content .events {
	float:left;
	width:399px;
}

.events .content .events li {
	float:left;
	width:100%;
	border-bottom:dotted 1px #B2B2B2;
	margin-bottom:20px;
	padding-bottom:10px;
}

.events .content .events h3 {
	float:left;
	width:100%;
	color:#4F6099;
	font-weight:bold;
}
.events .content .events .time {
	float:left;
	width:100%;
	font-size:0.8em;
}
.events .content .events .location {
	float:left;
	width:100%;
	padding:5px 0 2px 0;
}
.events .content .events p {
	float:left;
	width:100%;
	padding:0 0 10px 0;
}


/* LINKS */
.links .content ul {
	float:left;
	width:100%;
	padding-top:10px;
}

.links .content ul li {
	float:left;
	width:100%;
	padding-top:10px;
}

.links .content ul li a {
	float:left;
	font-weight:bold;
}

.links .content ul li p {
	float:left;
	clear:left;
	padding:0 0 10px 0;
}


/* CONTACT */
.contact .contactus {
	float:left;
	width:291px;
}

.contact .location {
	float:left;
	width:399px;
	margin-left:20px;
}

.contact .contactus .mailform {
	float:left;
	padding-top:10px;
}
.contact .contactus .mailform div {
	float:left;
	padding-top:10px;
}
.contact .contactus .mailform input {
	float:left;
	width:285px;
	margin:0;
	padding:2px;
	font-size:1em;
	font-family: Arial, Tahoma, Helvetica, Sans-Serif;
}
.contact .contactus .mailform textarea {
	float:left;
	width:285px;
	margin:0;
	padding:2px;
	font-size:1em;
	font-family: Arial, Tahoma, Helvetica, Sans-Serif;
}
.contact .contactus .mailform .button {
	float:right;
	width:auto;
	padding:1px 3px;
	margin:5px 0 0 0;
}

.contact .members {
	float:left;
	width:100%;
	padding:20px 0 0 0;
}

.contact .members table {
	float:left;
	width:100%;
}
.contact .members table tr {
	background:#E5E5E5;
}
.contact .members table .alt {
	background:#F0F0F0;
}
.contact .members table td {
	padding:10px 10px;
	width:30%;
}


/* MEDIA */
.media .sidebar {
	margin-top:20px;
}

.media .sidebar .title {
	float:left;
	padding-bottom:8px;
	color:#4F6099;
}
.media .sidebar li {
	float:left;
	width:100%;
	padding:6px 0;
	border-top:dotted 1px #B2B2B2;
	border-bottom:dotted 1px #B2B2B2;
}

.media .main h2 {
	margin-top:20px;
}
.media .main .gallery {
	float:left;
	margin-left:-20px;
}
.media .main .gallery a {
	float:left;
	width:91px;
	height:69px;
	padding:4px;
	border:solid 1px #DADADA;
	margin:20px 0 0 20px;
}


/* EMPLOYERS */
.employers .sidebar {
	margin-top:20px;
}

.employers .sidebar .title {
	float:left;
	padding-bottom:8px;
	color:#4F6099;
	font-weight:bold;
}
.employers .sidebar li {
	float:left;
	width:100%;
	padding:6px 0;
	border-top:dotted 1px #B2B2B2;
	border-bottom:dotted 1px #B2B2B2;
}

.employers .main h2 {
	float:left;
	padding-top:20px;
}

.employers table {
	float:left;
	width:100%;
}
.employers table tr {
	background:#E5E5E5;
}
.employers table .alt {
	background:#F0F0F0;
}
.employers table td {
	padding:10px 10px;
	width:50%;
	vertical-align:top;
}


/* REGISTER */
.register h3 {
	padding:20px 0 0 0;
}

.register form .email {
	width:220px;
}

.register .error {
	padding-left:3px;
}


/* LOGIN */
.login .login-wrapper {
	float:left;
	width:100%;
	text-align:center;
}

.login .loginform {
	position:relative;
	width:160px;
	margin:0 auto;
	text-align:left;
}

.login .loginform h3 {
	padding:20px 0 0 0;
}

.login .loginform .button {
	float:left;
	margin-top:20px;
}

.login .forgotpassword {
	float:left;
	width:70px;
	padding:15px 0 0 20px;
}


/* RECOVER PASSWORD */
.recoverpassword h3 {
	float:left;
	padding-top:20px;
}

.recoverpassword .textbox {
	float:left;
	clear:left;
	width:200px;
}

.recoverpassword .button {
	float:left;
	clear:left;
	margin-top:20px;
}


/* EXECUTIVE */
.executive h2 {
	float:left;
	width:100%;
	padding-top:20px;
}


/* MY PROFILE */
.myprofile h2 {
	float:left;
	clear:left;
	padding-top:20px;
}

.myprofile h3 {
	float:left;
	clear:left;
	padding-top:20px;
}

.myprofile input {
	float:left;
	clear:left;
}

.myprofile .button {
	margin-top:20px;
}


/* error message */
.errormessage {
	float:left;
	width:100%;
	background:#F9E3E3;
	border:solid 2px #E9A0A0;
	padding:10px;
	margin-top:20px;
	font-weight:bold;
}
.errormessage .icon {
	width:30px;
}

/* success message */
.successmessage {
	float:left;
	width:100%;
	background:#D5F1CD;
	border:solid 2px #8AD777;
	padding:10px;
	margin-top:20px;
	font-weight:bold;
}
.successmessage .icon {
	width:30px;
}
