/*
Theme Name: Santa Fe CIR
Theme URI: http://sfcir.org/
Description: This the theme for the santa fe council for international relations.
Version: 1.0
Author: Santa Fe Web Design
Author URI: http://www.santafewebdesign.com/

*/


body
{
	background-color : #ecece9;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 12px;
}

#layout
{
	background-image : url(/images/globe.jpg);
	background-position : bottom right;
	background-repeat : no-repeat;
	background-color : white;
	width : 950px;
	border : 1px solid #339eb8;
	margin : 25px auto;
}

#header
{
	display : inline-block;
}

#header:after
{
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

#header_left
{
	float : left;
	width : 315px;
}

#header_right
{
	float : left;
	width : 620px;
	text-align : right;
	padding-right : 15px;
	padding-top : 25px;
	color : #707070;
	font-size : 10px;
}

#header_right a
{
	color : #707070;
	text-decoration : none;
}

#header_right form
{
	display : inline;
}

#search_box
{
	border : 1px solid #707070;
	color : #6b7899;
	font-size : 10px;
	padding-left : 4px;
	width : 100px;
}

#go_button
{
	position : relative;
	top : 3px;
}

.alignnone {
	padding: 0px 15px 5px 0;
}
.alignleft {
	float: left;
	padding: 5px 5px 5px 5px;
}
.alignright {
	float: right;
	padding: 5px 5px 5px 5px;
}
.aligncenter {
	float: center;
	padding: 5px 5px 5px 5px;
}

#lower_layout
{
	display : inline-block;
	margin : 10px;
	background-image : url(/images/right_col_bg.jpg);
	background-repeat : no-repeat;
	background-position : top right;
}

#lower_layout:after
{
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

#left_col
{
	float : left;
	width : 230px;
	padding-bottom : 10px;
}

#left_col ul#big_nav
{
	list-style-type : none;
	margin : 0px;
	padding : 50px 0px 50px 10px;
}

#left_col ul#big_nav li
{
	margin : 0px;
	padding : 0px;
}

#left_col ul#big_nav a
{
	color : #da1c28;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
}

#left_col ul#big_nav li ul 
{
	list-style-type : none;
	margin : 0px;
	padding : 0px 0px 0px 15px;
}

#left_col ul#big_nav li ul li
{
	margin : 0px;
	padding : 0px;
}

#left_col ul#big_nav li ul a
{
	color : #7e7070;
	font-weight : normal;
	font-size : 12px;
}


#mid_col
{
	float : left;
	width : 487px;
	padding-right : 10px;
}

#mid_col a
{
	color : #0086a6;
}

.index_event
{
	display : inline-block;
	padding-bottom : 15px;
}

.index_event:after
{
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

.index_event_info
{
	width : 475px;
	float : left;
	padding-bottom : 15px;
}

.index_event_info a
{
	color : #0086a6;
	text-decoration : none;
}

.index_event_info h2 a
{
	text-decoration : underline;
}

.index_event_info b
{
	color : #0086a6;
}

.index_event_info p
{
	margin : 0px;
	padding : 0px;
}

.index_event_info img
{
	padding : 2px;
	
	margin-left : 5px;
}

#right_col
{
	float : left;
	width : 200px;
}

#right_col #events_feed ul
{
	list-style-type : none;
	color : white;
}

#right_col #events_feed ul a
{
	color : white;
	text-decoration : none;
}


#footer
{
	clear : both;
	background-color : #bb3b23;
	color : white;
	padding : 10px;
	display : inline-block;
}

#footer:after
{
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

#footer a
{
	color : white;
	font-weight : bold;
}

#footer_left
{
	float : left;
	width : 485px;
}

#footer_right
{
	float : left;
	width : 420px;
	font-style : italic;
}

#mem_form .membership_container {
        width: 500px ;
        
}

#mem_form input.short
{
	width : 75px;
}

#mem_form .label {
        float: left;
	clear: left;
	width: 140px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

#mem_form .label_wider {
        float: left;
	clear: left;
	width: 210px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

#mem_form .mem_boxes {
        
        margin: 0px 0px 10px 0px;
       
        }

#mem_form p {
        margin: 10px 0px;
	padding: 0px;
}

#mem_form .blue_italic {
        font-weight: bold;
        font-style: italic;
        color: #0087A7;
        margin: 0px 0px 4px 10px;
        text-decoration: underline;
}

#mem_form .align_zip {
        width: 188px;
        float: right;
}

#mem_form .align_zip .label {
        float: left;
	clear: left;
	width: 45px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

#mem_form .align_when {
        width: 250px;
        float: right;
}

#mem_form .align_when .label {
        float: left;
	clear: left;
	width: 100px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

#mem_form .clear {
        clear: both;
}

#mem_form .smaller_text {
        font-size: 0.8em;
} 

#mem_form .go_wide {
        width: 450px;
        float: right;        
}

#mem_form .go_wide .label , #mem_form .go_wide_600 .label {
        float: left;
	width: 250px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

#mem_form .go_wide_600 {
        width: 550px;
        float: right;        
}

#mem_form select#Category,
#mem_form select#Type,
#mem_form select#HomeState,
#mem_form select#MailingState,
#mem_form input#MailingName,
#mem_form input#MailingStreetAddress,
#mem_form input#MailingCity,
#mem_form input#HomeAddress,
#mem_form input#HomeState,
#mem_form input#MailingState,
#mem_form input#AnnualMembership,
#mem_form input#FirstName,
#mem_form input#LastName,
#mem_form input#Email,
#mem_form input#CellPhone,
#mem_form input#NickName,
#mem_form input#ResidentSince,
#mem_form input#WhenInSantaFe
                    {
      background-color: #ffffa0;
}

#mem_form input#submit {
      font-weight: bold;
}

#mem_form .mem_submit {
      margin: 20px 0px 10px 200px;
}

#mem_form .mem_family_continue {
      margin: 20px 0px 10px 100px;
}

#mem_form .mem_payment_continue {
      margin: 20px 0px 10px 140px;
}

#mem_form .mem_category_button {
      margin: 20px 0px 10px 50px;
}

#mem_form .align_inline {
      display: inline;
}

#mem_form .align_inline_lower {
      display: inline;
      margin-top: 20px;
      padding-top: 10px;
}

#mem_form #same_mail {
      color: #0087A7;
}

#mem_form #volunteer_box {
      margin: 0px 0px 0px 10px;
}

#mem_form .comment_area {
      margin: 15px 0px 0px 10px;
}

#member_category_list li {
      margin: 0px 10px 10px 10px;
}
#member_category_list ul li {
      margin: 0px 10px 10px 20px;
}

.membership_container td.pickListButtons {
	padding-top: 20px;
	width: 30px;
}

.membership_container td.clived,
.membership_container td.cchosen {
	width: 140px;
}


.membership_container  input.addButton,
.membership_container  input.removeButton{
	border-color: #ccc;
	text-align: center;
	width: 30px;
	margin: 0px 15px 0px 15px;
}
.membership_container  input.addButton {
	margin-top: 20px;
}

.membership_container .chosen_area {
        margin: 20px 0px 10px 40px;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px dotted #0087A7;
}

#lower_campbell_layout
{
	display : inline-block;
	margin : 10px;
}

#lower_campbell_layout:after
{
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

#mid_campbell_col {
	float : left;
	width : 530px;
	padding-right : 10px;
}

#mid_campbell_col a
{
	color : #0086a6;
}
