html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
a img { border: none; } *:focus {outline: none;}
html { font-size:75%; height: 100%; background: url(../../_graphics/content.jpg) top center repeat-y;}
html>body { font-size: 18px;}

body { 
	color: #818284;
	min-height:101%;
	min-width:640px;
	background: url(../../_graphics/header.jpg) top center repeat-x;
}

body, form {  
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size:1em;
	line-height:1.4;
}

.clear {display: block; clear: both; margin: 0; padding: 0; height: 0;}

#layout_wrapper {margin: 0; padding: 0;}
#layout {width: 925px; margin: 0 auto; padding: 0 8px;}
#header {}
#logo {background: url(../../_graphics/quorumMark.png) center no-repeat; width: 150px; height: 150px; margin: 8px 15px; float: left;}
#logo a {display: inline-block; width:150px; height: 150px;}
#logo_mark {background: url(../../_graphics/quorumWordMark.png) center no-repeat; width: 310px; height: 157px; float: right;}


#content_wrapper {width: 915px; float: right; margin: 0 0 8px 0; }
#content_right { width: 150px; float: left;}
#content_left {width: 245px; float: right;}
#content{width: 443px; margin-left: 25px;  float: left;}

#site_footer {float: right; margin-right: 295px; width: 443px; padding: 15px 0 15px 10px; border-top: 1px solid;}
#site_footer p {margin: 0; padding: 0; font-size: .7em;}
#error {width: 443px; margin-left: 25px;  float: left; padding: 15px 0; text-align: center; background: #98E3F4; }

/* Links
-------------------------------------------------------------- */
a:link {color:#818284; text-decoration: none;}
a:visited {color:#818284; text-decoration: none;}
a:hover {color:#a9218e; text-decoration: underline;}
a:active {color:#a9218e;}

a:link.inline {color:#003366; text-decoration: none;}
a:visited.inline {color:#003366; text-decoration: none;}
a:hover.inline {color:#a9218e; text-decoration: underline;}
a:active.inline {color:#a9218e;}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h2 {margin: 15px 0 5px 0; clear: both;}

h1 { font-size: 1.5em; color: #a9218e; margin: 0 0 23px 0;}
h2 { font-size: 1.3em; color: #003366;}
h3 { font-size: 1em; color: #003366; margin: 15px 0 5px 0;}
h4 { font-size: 1em;}
h5,h6 { font-size: 1.1em;}


/* Menus
-------------------------------------------------------------- */
#nav_main {width: 200px; float: left; font-size: .9em;}
#nav_main ul {margin: 30px 0 0 5px;}
#nav_main ul li {}

#nav_membership {height: 37px; font-size: .75em; padding: 8px 5px 0 0;} 
#nav_membership ul {width: 915px; margin: 0 auto; text-align: right;}
#nav_membership ul li {display: inline; padding: 0 0 0 30px; }
#nav_membership ul li a:link {color:#003366; text-decoration: none;}
#nav_membership ul li a:visited {color:#003366; text-decoration: none;}
#nav_membership ul li a:hover {color:#a9218e; text-decoration: underline;}
#nav_membership ul li a:active {color:#a9218e;}

#nav_programs { padding: 0 11px; border-left: 1px solid;} 
#nav_programs ul {font-size:.75em;}
#nav_programs ul li {padding: 0 0 6px 0;}
#nav_programs ul li a:link {color:#003366; text-decoration: none;}
#nav_programs ul li a:visited {color:#003366; text-decoration: none;}
#nav_programs ul li a:hover {color:#a9218e; text-decoration: underline;}
#nav_programs ul li a:active {color:#a9218e;}

#nav_sub {padding: 15px; font-size: .75em; margin: 0 0 25px 0; border-right: 1px solid;}
#nav_sub ul {}
#nav_sub ul li {padding: 0 0 10px 0;}
#nav_sub ul li ul {margin: 0 0 0 15px;}



/* Text elements
-------------------------------------------------------------- */
p {margin: 0 0 15px 0; font-size: .85em;}

#siblings {float: right;}
#footer { margin: 24px 0; color:#003366; font-size: .9em;}


b {color: #003366; font-weight: normal;}
.bold {font-weight: bold;}
i {}
.italic {font-style: italic;}


/* Lists
-------------------------------------------------------------- */
ol {margin: -20px 20px 20px 20px; padding: 12px; color: #818284;}
.decimal li {list-style-type: decimal; font-size: 1em; padding: 12px 5px;}
.upperalpha li {list-style-type: upper-alpha; font-size: 1em; padding: 12px 5px;}
.loweralpha li {list-style-type: lower-alpha; font-size: 1em; padding: 12px 5px;}

.a li {list-style-type: lower-alpha; font-size: 1em; padding: 5px 0 0 0;}

.inlinelist		{list-style-image:url(../../_graphics/bullet.jpg); margin:0 55px 15px 55px; font-size: .8em; }
.inlinelist li	{color: #a9218e; padding: 3px;}

.bullet			{list-style-image:url(../../_graphics/bullet.jpg); margin:0 0 15px 20px; }
span.listtext	{color: #818284;}


/* Spans
-------------------------------------------------------------- */
blockquote		{font-size: .9em; margin: 1.5em; text-align: center;}

hr {border: 0;
height: 1px;
text-align: center;}


#layout #mainimage {width: 443px;}
#layout #mainimage img {max-width: 443px;}
#layout #thumbs { width: 443px; text-align: right; margin: 15px  9px  25px 0;}
#layout #thumbs li {display: inline-block; width: 45px; height: 45px; overflow: hidden; padding: 5px 0 5px 10px ;}
#layout #thumbs li img {max-width: 65px; max-height: 65px; }

/* Twitter Feed
-------------------------------------------------------------- */
#twitterfeed {border-top: 1px dotted #003366; margin: 15px 0 0 0; padding-top: 10px;}
#twitterfeed p {text-align: right; margin:0; padding: 0; color: #a9218e; font-size:.85em;}
#twitterfeed ul {text-align: right; margin: 0; padding: 0;}
#twitterfeed li {font-size:.75em;}

/* Social Media
-------------------------------------------------------------- */
#social_media {margin: 10px 0 0 0; padding-top: 10px; }
#social_media ul li {text-align: left ; padding: 5px 20px 5px 20px; font-size:.7em;}
#social_media ul li.icon { padding: 5px 30px 5px 20px;}


#twitter { background: url(../../_graphics/PNG/twitter.png) no-repeat left; }
#youtube { background: url(../../_graphics/PNG/youtube.png) no-repeat left; }
#blogger { background: url(../../_graphics/PNG/blogger.png) no-repeat left; }
#facebook { background: url(../../_graphics/PNG/facebook.png) no-repeat left; } 
#feed { background: url(../../_graphics/PNG/feed.png) no-repeat left; } 

/* Create Send
-------------------------------------------------------------- */
#layout_create_send {height: 28px; margin: 15px 0 11px 0; padding: 0; width: 642px;}
#layout_create_send form {height: 22px; margin: 0 0 11px 0; padding: 0; background: none;}
#layout_create_send form input[type=text] { height: 14px;}
#layout_create_send form input[type=button] { height: 30px; width: 55px; }

/* members
-------------------------------------------------------------- */
#member_categories {width: 140px; padding: 0 5px 0 0; margin: 0 0 0 5px; float: left; font-size: .7em; border-right: 1px solid;}
#member_categories li {padding: 0 0 5px 0;}

#member_list {float: left; margin: 0 0 25px 0;  width: 453px; }

div.member { border-top: 1px solid; padding: 15px 0 15px 15px;}

div.member a:link {color:#003366; text-decoration: none;}
div.member a:visited {color:#003366; text-decoration: none;}
div.member a:hover {color:#a9218e; text-decoration: underline;}
div.member a:active {color:#a9218e;}

div.member div.name {color: #98E3F4;}

div.member div.links {float: right;}

div.member div.category {text-transform: lowercase; font-size: .8em; text-align: right; max-width: 200px;}
div.member div.keywords {text-transform: lowercase; font-size: .8em; text-align: right; max-width: 200px;}

div.member div.cornerstone {text-transform: lowercase;  color: #98E3F4; font-size: 1em;}

div.member div.contact {font-size: .8em; }
div.member div.address {font-size: .8em; margin: 15px 0;}
div.member div.icon {padding: 0 0 15px 0;}
div.member div.icon img {max-width: 200px;}

div.member p.member_description {margin-top: 30px;}
div.member div.read_more {background: #DCF1F7;padding: 5px 2px; text-align: right; font-size: .9em;}

div.member div.contacts {}
div.member div.contacts div.contact{margin: 0 0 15px 0;}
div.member div.contacts div.contact span.contact_name {font-weight: bold;}

/* member page list
-------------------------------------------------------------- */
#member_page_list {}
#member_page_list	div.member {margin: 0; padding: 5px 0; clear: both;}
#member_page_list	div.member	div.cornerstone {float: right;}		
#member_page_list	div.member	div.member_name {float: left;}
#member_page_list	div.member	div.member_name a {}

#member_page_list	div.member	div.icon {float: left; width: 100px;  margin: 0 25px 0 0;}
#member_page_list	div.member	div.icon a {}
#member_page_list	div.member 	div.icon a img {max-width: 100px;}		
		
	

div.partner_set h2 {color: #818284; font-size: .6em; padding-top: 5px; text-transform: uppercase; text-align: center;}
div.partner {display: inline-block; width: 110px; padding: 15px;}
div.partner a img {width: 100%;}

div.partner span.partner_item_image img {border: 1px solid white;}

/* Documents
-------------------------------------------------------------- */
div.document {font-size: .8em; clear: both;}
div.document span.document_name {display: block;}
div.document a span.document_name:after {content:': ';}
div.document span.document_image {float: left; margin: 0 10px 10px 0;  border: 1px solid #EBEBEB; max-height: 150px;}
div.document span.link {clear: left;font-size: .8em;}

/* event list
-------------------------------------------------------------- */
#event_list 	{margin: 0 0 25px 0;  width: 453px; }
#event_list 	div.event {clear: both; border-top: 1px solid; padding: 15px 0 15px 15px;}

#event_list	div.read_more_image {float: left;}
#event_list	div.event_info {}
#event_list	div.event_info_image {float: right; width: 323px;}

div.event_name {font-size: 1.2em;color: #003366;}
div.event_date_time {margin: 10px 0 0 0; color: #003366;}
#event_list	span.time {}


	div.event_url a {}
	div.event_url a:link {color:#a9218e; text-decoration: none;}
	div.event_url a:visited {color:#a9218e; text-decoration: none;}
	div.event_url a:hover {color:#003366; text-decoration: underline;}
	div.event_url a:active {color:#525252;}

#event_list	p.event_desc {}
#event_list	p {}

div.read_more {background: #DCF1F7;padding: 5px 2px; text-align: right; font-size: .9em;}
div.read_more a {}

/* event
-------------------------------------------------------------- */
div.event { width: 453px; }
	div.links {}
		div.event_cost {}
		span.cost_description {}
	div.event_name {}	
	div.event_date_time {}
		span.time {}
	div.event_url {}
	div.event_url a {}
		div.event_location {}
p.event_desc {}
p {}
div.read_more {text-align: left;}
div.read_more a {}

form { width: 456px; background: #DCF1F7; font-size: .8em;}

div.buy_now_buttons form {background: #fff;}
fieldset {width: 443px;}

fieldset.submit {text-align: right; padding:6px;}
legend {}

form ol {padding: 15px 0 0 0; margin: 0; }
form ol li {padding: 5px 0; }

label {    
float: left;    
width: 10em;    
text-align: right;   
margin-right: 1em;
clear: both;
}   

label.required:after {
content: "*";
}

input[type=image] {   
padding:6px;
}   


input[type=text] {   
height: 14px; 
width: 20em;    
padding:6px;
border: solid 1px #818284; 
color:#a9218e;
}   

input.submit {
height:26px;
line-height:26px;
width:auto;
}

textarea {
width: 18em;
height: 150px;
border: solid 1px #818284; 
color:#003366;   
overflow:hidden; 
}          
	
button {}      

button:hover {    
background-position:top right;   
}



form ol li strong {width: 18em; margin-left: 12em; color:#a9218e;}
label {width: 8em;}
input[type=text], input[type=password] {width: 24em;}
textarea {width: 21em;}