/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { color: #333; font-family: Arial, Helvetica, sans-serif; margin: 1em 0; padding: 0; font-size: .8em; background: #3C4049; }
form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img { margin: 0; padding: 0; }
h1 { color: #004883; font-size: 220%; font-weight: normal; }
h2 { color: #004A80; font-weight: bold; font-size: 110%; }
h3 { color: #333; font-weight: bold; font-size: 100%; }
ul,li { list-style-type: none; }
p { margin: 0 0 1em 0; }
img { border: 0; }
a:link { color: #0071BC; }
a:visited { color: #488BB8; }
a:hover { text-decoration: none; }

/* Wrapper
----------------------------------------- */	

#wrapper { position: relative; width: 773px; margin: 0 auto; }

/* Header
----------------------------------------- */
#header p {  margin: 0; padding: 0; text-indent: -9999px; background: url(../images/c4idwolf/header.gif)  no-repeat top left; width: 773px; height: 176px; display: block; }
#logo_link { position: absolute; top: 0; left: 16px; }
#logo_link img { width: 105px; height: 98px; }

/* Main Navigation
----------------------------------------- */	

#nav { display: block; position: absolute; top: 176px; right: -10px; height: 29px; margin: 0; list-style: none; }
#nav li { margin: 0; padding: 0; list-style: none; display: block; float: left; text-indent: -9999px; }
#nav li a { border: 0; display: block; text-decoration: none; height: 29px; }
#nav li a:hover { background-position: top left; }
#home a { width: 68px; background: url(../images/c4idwolf/nav_home.gif) no-repeat bottom left; }
#action a { width: 114px; background: url(../images/c4idwolf/nav_action.gif) no-repeat bottom left; }
#donation a { width: 84px; background: url(../images/c4idwolf/nav_donate.gif) no-repeat bottom left; }
#tell a { width: 123px; background: url(../images/c4idwolf/nav_friend.gif) no-repeat bottom left; }
#learn a { width: 175px; background: url(../images/c4idwolf/nav_learn.gif) no-repeat bottom left; }

/* Login Bar
----------------------------------------- */			

#login { background: #FFF url(../images/c4idwolf/img_login.gif) repeat-y top right; font-size:90%; margin: 0; padding: 35px 20px 5px 5px; text-align: right; clear: both;  }
#login a:link { color: #0071BC;  }
#login a:visited { color: #488BB8; }
#login a:hover { text-decoration: none; }


/* Content
----------------------------------------- */	

#content { background: #FFF; border-top: 3px solid #FFF; margin: 0; padding: 0 0 10px 10px; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

/* -- Internal Page -- */	
	
#internal #content { padding-left: 30px; }

/* Column1
----------------------------------------- */

#column1 { width: 470px; float: left; }

/* -- Homepage -- */
	
#section2, #section3 { border-bottom: 1px dotted #999; padding: 15px 10px; }
#section1 { border-bottom: 1px dotted #999; padding: 0 10px 15px 10px; }
#section2 .left { width: 220px; float: left; }
#section2 .right { margin-left: 230px; }
#section2 .left p, #section2 .left img, #section2 .right p, #section2 .right img, #section3 .left p { padding-left: 15px; }
#section3 .left { width: 200px; float: left; }
#section3 .right { margin-left: 225px; }
#section3 { float: left; }
#section3 p { margin-bottom: 1px; }
#section4 { clear: both; padding: 15px 10px 0 25px; }
h2.donation, h2.take_action, h2.ecard { font-size: 100%; background-repeat: no-repeat; background-position: 0 0; padding-left: 15px; padding-top: 3px; }
h2.donation { background-image: url(../images/c4idwolf/img_1.gif); }
h2.take_action { background-image: url(../images/c4idwolf/img_2.gif); }
h2.ecard { background-image: url(../images/c4idwolf/img_3.gif); }

/* -- Internal Page -- */	
	
#internal #column1 { width: 450px; }

/* Column2
----------------------------------------- */	
	
#column2 { text-align: right; }

/* Footer Navigation
----------------------------------------- */	
	
#footer_nav { background: #FFF url(../images/c4idwolf/footer.gif) no-repeat bottom left; border-top: 1px dotted #999; margin: 0; padding: 10px 30px; clear: both; }
#footer_nav a { color: #333; text-decoration: none; }
#footer_nav a:hover { text-decoration: underline; }

/* Footer Copyright
----------------------------------------- */	
	
#copyright { color: #FFF; padding: 1em 0 1em 30px; font-size: 85%; margin: 0; }

/* Social Bar
----------------------------------------- */			

#social { background: #CCCCCC; font-size:90%; margin: 0; clear: both;  }
#social a:link { color: #0071BC;  }
#social a:visited { color: #488BB8; }
#social a:hover { text-decoration: none; }


/*CONVIO STYLES*/

/*This is a general page title. It is also used
wherever multiple pages edit the same object. Mind you, that doesn't happen a lot on the user side.*/
.ObjTitle {
	font-family: "Arial Narrow";
	font-size: 16pt;
	color:#092339;
	font-variant:small-caps;
	font-weight: bold;
	margin: 0px 0px 6px;
	padding: 0px;
}

.Headline {
	font-family: "Arial Narrow";
	font-size: 16pt;
	color:#092339;
	font-variant:small-caps;
	font-weight: bold;
	margin: 0px 0px 6px;
	padding: 0px;
}

H2.actionFormHead {
	width: auto;
	font-family: "arial narrow";
	font-size:16px;
	font-weight:bold;
	line-height:15px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:0px;}

.actionFormHead {
	font-family: "arial narrow";
	font-size: 16px;
	font-weight:bold;
	line-height:15px;
}
/* added to override convio baseline styles */

.AdvocacyNSFix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.smaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


#DonationAppTable {width:700px;}