/* Obama to Canada CSS Styles */

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

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:#EFF0F5 url(../images/bg_grad.jpg) repeat-x 0 0;
	font:12px/1.3em Helvetica, Arial, sans-serif;
}

a {
color:#970315;
text-decoration:none;
}

p { color:#333;}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0 auto;
padding-bottom:0px;
width: 960px; height:600px;
text-align: left;
position:relative;
background:url(../images/container_bg.jpg) no-repeat top left;
}

#sharethis {
width:960px;
height:45px;
text-align:right;
position:relative;
}

#sharethis span#sharethis_0 {
position:absolute;
left:875px;
top:10px;
}

h1#logo a {
display:block;
width:960px; height:63px;
background:url(../images/logo_tag.jpg) no-repeat top left;
text-indent:-9999px;
}

#main1 {
width:625px; float:left;
background:url(../images/main_bg_bot.png) no-repeat bottom left;
padding-bottom:12px;
margin-bottom:15px;
}

#main2 {
width:625px;
background:url(../images/main_bg_mid.png) repeat-y top left;
}

#inside #main2 {
padding-top:15px;
padding-bottom:20px;
}

/* Sidebar Styles */

#sidebar {
float:right;
width:320px;
}

#actionwrap {
width:320px;
}

a#act_us {
display:block;
width:160px; height:130px;
float:left;
text-indent:-9999px;
background:url(../images/act_us.jpg) no-repeat top left;
}

a#act_ca {
display:block;
width:160px; height:130px;
float:right;
text-indent:-9999px;
background:url(../images/act_ca.jpg) no-repeat top left;
}

a#learn_more {
display:block;
width:320px; height:217px;
text-indent:-9999px;
background:url(../images/learn_more.jpg) no-repeat top left;
}

a#about_us {
display:block;
width:320px; height:75px;
text-indent:-9999px;
background:url(../images/about_us.jpg) no-repeat top left;
}

/*Local Nav*/

#main2 #localnav {
  float:left;
  width:560px; margin-left:30px; margin-bottom:30px;
  background:#FFF url(../images/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#main2 #localnav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#main2 #localnav ul li {
  float:left;
  background:url(../images/left.gif) no-repeat left top;
  margin:0 1px 0 0;
  padding:0 0 0 9px;
  }
#main2 #localnav ul li a {
  float:left;
  display:block;
  background:url(../images/right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#970315;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#main2 #localnav a {float:none;}
/* End IE5-Mac hack */
#main2 #localnav a:hover {
  color:#333;
  }
#main2 #localnav ul li#current {
  background-image:url(../images/left_on.gif);
  }
#main2 #localnav ul li#current a {
  background-image:url(../images/right_on.gif);
  color:#333;
  padding-bottom:5px;
  }


/* Typography */

p.home_copy {
width:620px; margin-bottom:12px;
}

#main2 p {
margin:0px 30px 12px 30px;
}

#main2 h2 {
margin:0px 30px 12px 30px;
color:#970315;
text-transform:uppercase;
font-size:18px;
line-height:1.3em;
}

#main2 ol, #main2 ul {
margin:0 30px 12px 50px;
}

#main2 li {
margin:0 20px 12px 20px;
}

#main2 h3 {
margin:12px 30px 3px 30px;
color:#970315;
text-transform:capitalize;
font-size:13px;
}

#main2 hr {
width:540px;
margin:20px 30px 14px 30px;
}

.endnotes {
color:#888;
font-size:11px;
}



/* images styles */

#main2 .rightpic {
float:right;
margin:20px 30px 10px 20px;
width:250px;
}

#main2 .leftpic {
float:left;
margin:20px 20px 10px 30px;
width:250px;
}

#main2 .rightpic img,
#main2 .leftpic img {
margin:0 0 5px 0;
}

#main2 .rightpic p,
#main2 .leftpic p {
font-size:11px;
color:#666;
margin:0;
}

.logolist img {
margin-left:30px;
border:0;

}

.logolist td {
text-align:center;
padding:20px 0 10px 0;
}

/* DIA styles */

#inside #main2 div.actioncontent {
margin-left:20px;
}

div#info-page h1 {
margin:0px 30px 12px 30px;
color:#970315;
text-transform:uppercase;
font-size:18px;
line-height:1.3em;
}

div#info-page h2 {
margin:12px 30px 3px 30px;
color:#970315;
text-transform:capitalize;
font-size:13px;
}

#inside #main2 div.targets {
width:600px;
}

#inside #main2 div.recipient {
width:325px; height:50px;
margin-left:20px;
margin-bottom:10px;
position:relative;
}

div.recipient img.photo {
position:absolute; left:10px; top:0;
background:#ccc;
padding:0; margin:0 0 20px 0;
}

div.recipient h2.name {
text-align:left;
position:absolute; top:0; left:40px;
width:225px;
margin:0 80px 0 0; padding:0;
text-transform:capitalize;
}

#inside #main2 div.supporterInfo {
margin-left:25px;
}

#inside #main2 div#groups {
margin-left:35px;
}

#inside #main2 input.submit {
text-align:center;
margin:30px auto;
background:#970315;
color:white;
font-size:16px;
width:175px;
}

#inside #main2 textarea#Content641 {
width:550px;
margin-bottom:20px;
background:#eee;
}

/* Footer */

p.footer { 
width:560px;
clear:both;
display:block;
font-size:11px;
color:#555;
border-top:1px dotted #555;
padding-top:5px;
margin-top:20px;
text-align:center;
}