/******
DEFAULTS

Do not modify these defaults except to specify proper fonts
******/

* {
	margin: 0;
	padding: 0;
}

html, body, form, fieldset, div, table, tr, td, img {
	border: none;
}

h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, li, dl, dd, address, hr {
	margin: 1em 0;
	border: none;
}

li, dd, blockquote {
	margin-left: 2em;
}



/* fonts */

body {
	font: 13px tahoma, arial, helvetica, sans-serif;
        line-height: 18px;
}

input, select, textarea {
	font: 11px tahoma, arial, helvetica, sans-serif;
}

/******
HACKS

These hacks are used extensively in the reference template set and other sets built from it.
Do not delete. Some IE-specific declarations are in conditional comments in category.tmpl
******/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.ir {
	margin: 0;
	padding: 0;
	text-indent: -8888px; /* Phark image replacement */
}

/******
UTILITY CLASSES

Many of these utility declarations are used in the reference template sets.
Feel free to add your own but do not delete any of the following.
******/

.odd {
	background: #e5e9ed;
        padding: 10px;
        display: block;
}
.even {
        padding: 10px;
        display: block;
}
.padded {
	padding: 1px 10px;
}
.nomargin {
	margin: 0;
}
.margintop {
	margin-top: 1em;
}
.margintoponly {
	margin: 1em 0 0 0;
}
.marginbottom {
	margin-bottom: 1em;
}
.marginbottomonly {
	margin: 0 0 1em 0;
}

/* readmore links */

.readmore {
	width: 146px;
	height: 30px;
	margin: 1em auto;
	background: url(/images/btn_readmore.gif) no-repeat;
}
.readmore a {
	width: 146px;
	height: 30px;
	display: block;
}
#readmore_events {
	background: url(/images/btn_events_side.gif) no-repeat;
}
#readmore_blogs {
	background: url(/images/b_btn_blogs_more.gif) no-repeat left;
}
#readmore_campaigns {
	background: url(/images/btn_campaigns_side.gif) no-repeat;
}


/* these will need to be adjusted to fit the content space */

.leftcell {
	width: 418px;
	padding: 0 20px 0 0;
	float: left;
}
.rightcell {
	width: 418px;
	padding: 0 0 0 20px;
	float: left;
}

/******
IMAGES

These declarations support the styles included in image.tmpl.
Do not delete.
******/

img {
	display: block;
}
img.inline {
	display: inline;
}
.pic-border  { 
        border: 5px solid #e3e1e1;
        background-color: #e3e1e1; 
}

div.pic small {
	font-weight: bold;
	font-size: 10px;
	line-height: 1.2;
        padding: 4px;
}
div.align-c {
	margin: 10px auto;
}
div.align-r {
	float: right;
	margin: 0 0 10px 10px;
}
div.align-l {
	float: left;
	margin: 0 10px 10px 0;
}
div.border {
	border: 1px solid #000;
	padding: 2px;
}


/******
FORM BASICS

These styles are used extensively on many forms and often on stub forms
in category.tmpl. Do not delete, but you can modify for look and feel. Most
other form-specific styles are in forms.css.
******/

form div.formrow {
	margin: 6px 0;
}
form label {
	display: block;
	font-weight: bold;
}
form label.inline {
	display: inline;
	font-weight: bold;
}
form input {
	vertical-align: middle;
}
form input.submit {
	margin: 1em 0;
	font-weight: bold;
	overflow: visible; /* removes extra space beside text in IE Win 5.5+ */
	padding: 1px 2px;
}
form input.submit.inline {
	margin: 0;
}
form span.req {
	font-weight: bold;
	color: red;
}


/******
TEXT BASICS

These declarations can be freely modified to suit the design and
color scheme. Other common text elements should be added here.
******/ 

h1, h2, h3 {
	color: #000000;
	line-height: 1.2;
	font-family: tahoma,arial,georgia,"times new roman",times,serif;
}

h1 {
	margin-top: 0;
	font-size: 16px;
        font-weight: bold;
}
h2 {
	font-size: 14px;
        font-weight: bold;
}
h3 {
	font-size: 14px;
        font-weight: bold;
}
a {
	outline: none;
	text-decoration: underline;
	color: #4c7698;
}
a:hover {
	text-decoration: none;
        color: #9a1b1c; 
}
hr {
	border: none;
	color: #000;
	background: #000;
	height: 1px;
}

/******
SITE STRUCTURE

These styles are used to support the layout of category.tmpl. By default,
the styles to support the reference site are provided. Modify as needed.
******/

body {
	background: #ffffff;
}

prev-body {
	background: #3e3c3c url(/images/bg_body.jpg) repeat-x;
}


#container {
	margin: 0 auto;
	width: 957px;
}

/* header */

#header {
	height: 108px;
	width: 957px;
	background: url(/images/b_bg_header.gif) no-repeat;
}
#header h2 {
	margin: 0;
	width: 350px;
	height: 96px;
	float: left;
}
#header a {
	width: 350px;
	height: 96px;
	display: block;
}

/* signup */

#signup {
	float: left;
	margin: 40px 0 0 162px;
}
#signup_email {
	padding: 4px;
	width: 200px;
	border: 1px solid #000;
}
#signup_zip {
	padding: 4px;
	width: 50px;
	border: 1px solid #000;
}

/* main */

#main {
	width: 957px;
	background: #fff url(/images/b_bg_main.gif) repeat-y;
}

#content {
	padding: 0 20px 20px 20px;
	width: 604px;
	float: left;
}

/* sidebar */

#sidebar {
	padding-bottom: 2em;
	width: 313px;
	float: left;
}
#sidebar .sidebarbox {
	margin: 0 0 0 1px;
	padding: 1px 20px;
}
#sidebar h2.divider {
	margin: 0px;
	padding: 8px 0px 8px 12px;
	background: #2a2e32;
	font: 16px tahoma,arial,verdana,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
        color: #d6cece
}

/* buttons */

#buttons ul {
	list-style: none;
	margin: 0;
}
#buttons ul li {
	margin: 0;
}
#btn_login,
#btn_chapter,
#btn_tell {
	width: 313px;
	height: 80px;
	display: block;
}
#btn_login {
	background: url(/images/b_promo_facebook.gif) no-repeat;
}
#btn_chapter {
	background: url(/images/b_promo_twitter.gif) no-repeat;
}
#btn_tell {
	background: url(/images/b_promo_tell_a_friend.gif) no-repeat;
}
#btn_contribute {
	width: 313px;
	height: 94px;
	background: url(/images/b_promo_contribute.gif) no-repeat;
}
#btn_login a,
#btn_chapter a,
#btn_tell a {
	width: 313px;
	height: 80px;
	display: block;
}
#btn_contribute a {
	width: 313px;
	height: 94px;
	display: block;
}

/* footer */

#footer {
	padding: 5px 20px;
	background: #ffffff;
	color: #000000;
	font-family: tahoma, arial, helvetica, sans-serif;
	border-top: 6px solid #000000;
}
#footer a {
	color: #4c7698;
	font-weight: normal;
}

#footer ul {
	list-style: none;
	margin: .7em 0;
}
#footer ul li {
	padding: 0 .5em;
	margin: 0;
	display: inline;
	border-right: 1px solid #000000;
}
#footer ul li.first {
	padding-left: 0;
}
#footer ul li.last {
	border-right: none;
}
#address {
	float: left;
	margin-right: 30px;
}
#phone {
	float: left; 
}

#search {
	margin: -10px -20px 0 0;
	width: 305px;
	height: 40px;
	float: right;
}
#search form {
	padding: 12px 0 0 20px;
}
#search_keywords {
	padding: 4px;
	width: 180px;
	border: 1px solid #000;
}

#networks	{
	height: 55px;
	width: 208px;
	float: right;
	background: #ffffff;
	border: 2px solid #c5d1ff;
	margin: 10px 6em -25px 29em;
	display: inline;	
}
#networks ul	{
	margin: 5pt 0pt;
	list-style: none;
	font: 10px bold "helvetica neue",helvetica,arial,verdana,sans-serif;
	text-align: center;
	position: absolute;
}
#networks ul li		{
	border-right: none;
	float:left;
	display:inline;
	margin: 0;
	padding: 0 .5em;
}
#networks a		{
	color:#333333;
	font-weight: normal;
}
#contact {
	width: 633px;
	float: left;
}
#networks2	{
	float: left;
	margin-top: 1em;
	width: 284px;	
}
#networks2 ul	{
	margin: 0;
	float: left;
	list-style: none;
	background: #fff;
	border: 2px solid #c5d1ff;
	font: 10px bold tahoma,"helvetica neue",helvetica,arial,verdana,sans-serif;
	text-align: center;
}
#networks2 ul li		{
	margin: 0;
	padding: 5px 5px 0 5px;
	float:left;
	display:inline;
	border-right: none;
}
#networks2 a		{
	color:#333333;
	font-weight: normal;
}





/* nav */

#topnav {
	width: 957px;
	min-height: 41px;
	background: #4c7698;
	position: relative; /* these two fix menu hiding behind absolutely-positioned div in IE6 */
	z-index: 10;
}
#topnav ul {
	margin: 0 0 0 5px;
	list-style: none;
	font: 15px verdana,"helvetica neue",helvetica,arial,sans-serif;
}
#topnav ul ul {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 41px;
	left: -999em;
	border: 1px solid #172661;
	border-top-width: 0;
	z-index: 32767;
	font: 12px tahoma,arial,"helvetica neue",helvetica,verdana,sans-serif;
    background: #fff;
}
#topnav li:hover ul, #topnav li.over ul {
	left: auto;
	z-index: 32767;
}
#topnav li {
	margin: 0;
	float: left;
	position: relative;
}
#topnav li:hover, #topnav li.over, #topnav li.selected, #topnav a:hover {
	background: #053b67;
	color:#fff;
}
#topnav li li {
	float: none;
	background: #fff;
}
#topnav li a,
#topnav li strong {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-transform: uppercase;
	line-height: 41px;
}
#topnav li li a,
#topnav li li strong {
	width: 140px;
	height: auto;
	padding: 5px 10px;
	display: block;
	color: #172661;
	font-weight: normal;
	border-top: 1px solid #3750a6;
	line-height: normal;
	min-height: 0;
	text-transform: none;
}
#topnav li li.first a,
#topnav li li.first strong {
	border-top: none;
}
#topnav li li strong {
	cursor: default;
	font-weight: bold;
}
#topnav li li:hover,
#topnav li li.over {
	background: #d9d9d9;
}
#topnav a:hover {
	text-decoration: underline;
}
#topnav a {
	text-decoration: none;
}

#topnav strong {
	cursor: default;
}