@import url(colours.css);
@import url(form.css);
@import url(menu.css);
@import url(xinha_stylist.css);

* { margin: 0; padding: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 1em; }
body { font-size: 0.8em; color: #4d4d4d; background-color: #4d4d4d; background-image: url(../images/bg.gif); background-repeat: repeat-x; }
img { border: none; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

a { color: #333333; text-decoration: underline; }
a:hover { color: #555555; }

h1, h2, h3, h4, h5, h6 { margin-bottom: .5em; font-weight: normal; line-height: 1.15em; color: #e31937; }
#right-column h1, #right-column h2, #right-column h3, #right-column h4, #right-column h5, #right-column h6 { margin-bottom: .1em; }
h1 { font-size: 2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.4em; font-weight: bold; }
	h2 a, h3 a { background-image: url(../images/link-icon.gif); background-position: center right; background-repeat: no-repeat; padding-right: 20px; text-decoration: none; }
	h3 a { background-image: url(../images/link-icon-d-grey.gif); }
	h2 a:hover, h3 a:hover { background-image: url(../images/link-icon-grey.gif); }
h4 { font-size: 1.2em; font-weight: bold;  }

.profile-text dl { width: 500px; }
.profile-text dl { width: 500px; }

dl { margin-bottom: 1em; }
dt { float: left; clear: left; }
dd { margin-left: 70px; }

th { text-align: left; font-weight: bold; padding-bottom: 0.4em; }
td { padding-bottom: 0.2em; }

p { margin-bottom: 1em; }
ul, ol { margin-left: 1.5em; padding-left: 1.5em; margin-bottom: 1em; }
li ol, li ul { margin-top: 1em; }
li { margin-bottom: 0.3em; }

input, select, textarea { vertical-align: middle; border: 1px solid #666666; }
input.form-button { background-color: #a3a0c8; color: #FFFFFF; font-weight: bold; padding: 0px 4px; }
input.text { color: #000000; }
input.text-ghosted { color: #808080; }

.dark-blue-bg { background-color: #0c3183; }
.light-blue-bg { background-color: #0091d3; }
.light-grey-bg { background-color: #b3b3b3; }
.dark-grey-bg { background-color: #333333; }
.red-bg { background-color: #e51937; }

#popup-root { width: 720px; padding: 40px; }
	#popup-root h1 { margin-bottom: 5px; }
	#popup-root h2 { font-size: 1.5em; color: #454545; }

#root { width: 946px; margin: 15px auto 10px; border-width: 1px; background-color: #FFFFFF; padding: 12px; }
	#header { height: 130px; }
		#logo { float: left; margin: 16px 0px 0px 0px; }
		#header-right { float: right; }
		#header-testimonial { width: 500px; height: 55px; text-align: right; margin-top: 15px; font-size: 1.5em; color: #AAAAAA; }
		#search { float: right; margin-top: 15px; }
	#main-nav { margin-bottom: 10px; }
/*
		#main-nav ul { list-style-type: none; margin: 0px; }
		#main-nav li { display: inline; }
		#main-nav a { float: left; display: block; text-decoration: none; padding: 8px 12px 3px 12px; height: 23px; border-right: 1px solid #d9d9d9; color: #e31937; }
		#main-nav a:hover, #main-nav a.active, #main-nav a.level1active  { color: #0c3183; }
		#main-nav .last { border-right: none; }
*/
	#main-column { float: left; width: 676px; }
		#main-column h1 { color: #4d4d4d; margin-bottom: .5em; }
		#body-image { margin-bottom: 12px; }
			#map { width: 676px; height: 255px; }
		#head-grey-bar { padding: 10px 0px 0px 6px; width: 658px; height: 26px; margin-bottom: 12px; background-image: url(../images/head-curve.gif); background-position: right; background-repeat: no-repeat; background-color: #e6e6e6; }
		#main-content { padding: 0px 15px 5px 10px; }
			#main-content p, #main-content ul, #main-content ol { line-height: 1.7em; }
			.committee-profile { float: left; display: block; width: 200px; height: 290px; margin: 0 20px 0 0; text-align: center; text-decoration: none; }
				.committee-profile img { margin-bottom: 5px; }
				.committee-profile h2 { font-size: 0.9em; color: #454545; line-height: 1em; margin-bottom: 0; }
					
		.profile { position: relative; width: 662px; line-height: 1.3em; border-bottom: 1px solid #4d4d4d; margin-bottom: 12px; padding-top: 0px; }
			.profile-logo { float: left; margin-right: 12px; width: 150px; height: 100px; margin-bottom: 6px; }
			.profile-text { float: left; width: 500px; padding-bottom: 5px; }
			.article-text { border-bottom: 1px solid #4d4d4d; padding-bottom: 5px; }
			.news-text { float: left; width: 580px; padding-bottom: 5px; }
				.profile-detail { font-weight: bold; }
				#profile-desc { margin: 1em 0 2em; }
				.member-link, .read-more-link { position: absolute; bottom: 3px; right: 0px; float: right; }
				.go-back-link { float: right; font-weight: bold; color: #e31937; }
					.member-link a, .read-more-link a, .go-back-link a { font-weight: bold; color: #e31937; }
		.profile-footer { width: 662px;  }
		#main-gallery {  }
			.gallery-item { float: left; width: 212px; height: 212px; margin-right: 13px; margin-bottom: 13px; }
				.gi-end { margin-right: 0px; }
		#downloads { margin-top: 10px; padding-top: 10px; border-top: 1px solid #4d4d4d; margin-bottom: 10px; }
	#right-column { float: left; width: 270px; }
		#right-column h1, #right-column h1 a, #right-column h2, #right-column h2 a { color: #FFFFFF; }
		#right-column h2 a:hover { color: #555555; }
		#right-column-title { position: relative; height: 240px; text-align: right; }
			#right-column-title-text { position: absolute; bottom: 0px; right: 0px; margin: 0px 15px 10px 15px; width: 230px; }
		.right-column-box { min-height: 60px; width: 250px; margin-bottom: 12px; padding: 5px 10px 10px; background-image: url(../images/right-item-br-curve.gif); background-position: bottom right; background-repeat: no-repeat; color: #FFFFFF; }
			.right-column-box a { text-decoration: underline; color: #FFFFFF; }
			.right-column-box a:hover { color: #555555; }
			.right-column-box h1 a, .right-column-box h2 a { text-decoration: none; text-transform: lowercase; }
	#speak-to-footer { width: 926px; height: 30px; padding: 6px 0px 0px 20px; background-image: url(../images/foot-curve.gif); background-repeat: no-repeat; background-color: #e6e6e6; }
	#footer { padding: 16px 12px 0px 12px; }
		#twitter { float: left; font-size: 0.8em; }
			#twitter a { text-decoration: none; }
		#footer-logos { float: right; margin-top: 10px; margin-left: 30px; display: inline; }
		.footer-logo { float: left; margin-left: 30px; margin-top: 10px; }
#by-source { margin: auto; width: 970px; margin-bottom: 10px; font-size: 0.9em; text-align: right; color: #FFFFFF; }
	#by-source a { color: #CCCCCC; }

.subpage-logo { width: 150px; height: 90px; text-align: center; line-height: 80px; float: left; display: inline; }
.subpage-logo img { border: 10px solid white; }
.subpage-text { margin-left: 158Px; }

.pdfdownload { margin-bottom: 10px; }
.pdficon { float: left; width: 32px; height: 32px; text-align: center; }
.pdftext { margin-left: 42px; padding: 5px 10px; }

/* jQuery scrollable */
#logos { width: 655px; height: 80px; margin-bottom: 2em; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 10px 0px; }
#logos .scrollable { position: relative; overflow: hidden; width: 655px; height: 80px; float: left; }
#logos .itemscontainer { width: 20000em; position: absolute; }
#logos .itemscontainer .items { float: left; width: 655px; }
#logos .item { float: left; width: 300px; height: 80px; padding: 0px 9px; }
#logos .item .itemlogo { float: left; width: 90px; padding: 15px 0px; }
#logos .item .itemtext { margin-left: 100px; font-size: 0.85em; }
#logos .item .itemtext p { line-height: 1.4em; }
.branditemlogo { text-align: center; width: 100%; }