* { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

img { border:none; }

body  {
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6b6b6b;
	background: url(images/logo_w_swirl.gif) no-repeat center top;
}

a { color: #159bc6; text-decoration: none; }
a:hover { color: #09bcf6; }

h1 { font: 30px/34px Georgia, "Times New Roman", Times, serif; color: #8cc641; }
h2 { font: 18px/32px Georgia, "Times New Roman", Times, serif; color: #ea118d; }
a h2 { text-decoration: none; }
h2 em { color:#8cc641; }

/*#flashhero, #flashmap { padding-top: 15px; }*/
#partner { position: absolute; left: 355px; top: 8px; z-index: 999; }

#header { position: relative; }

/* Tabs */
#nav {
  width:100%;
  line-height:normal;
  
  height: 48px;
  padding: 75px 0px 0px 0px;
  position: relative;  
  }
#nav ul {
  margin:0;
  list-style:none;
  }

#nav li {
  display:inline;
  margin:0;
  padding:0px 0px 0px 0px;
  /*border-bottom: #00CC99 1px solid;*/
  font-size: 18px;
  line-height: 1px;
  }
#nav a {
  float:right;
  background:url("images/nav_tabOff_left.gif") no-repeat left top;
  margin:0;
  margin-left: 7px;
  padding:0 0 0 4px;
  text-decoration:none;
  line-height: 1px;
  color:#e1fbbe;
  }
#nav a span {
  float:right;
  display:block;
  background:url("images/nav_tabOff_right.gif") no-repeat right top;
  padding:30px 20px 17px 15px;
  
  line-height: 1px;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  background-position:0% -60px;
  }
#nav a:hover span {
  color:#FFF;
  background-position:100% -60px;
  }
#nav .current_page_item a span { color:#FFF; background-position:100% -60px; }
#nav .current_page_item a { color:#FFF;  background-position:0% -60px; }
#nav .current_page_parent a span { color:#FFF; background-position:100% -60px; }
#nav .current_page_parent a { color:#FFF;  background-position:0% -60px; }

#nav ul ul li.page_item a { text-decoration: none; margin: 0px; background-image: none; padding: 0px;}
#nav ul ul li.page_item a:hover span { color: #fb5cd0; }
#nav ul ul li.page_item a.selected { color: #f5510a; text-decoration: none; margin-left: 19px; border-bottom: #526652 1px dotted; background-image: none; }
#nav ul ul li.page_item a span { color: #ee297d; background-image: none; padding: 0px; padding-left: 19px; margin: 0px; font-size: 14px; line-height: 1.5em; }
#nav ul ul li.current_page_item a span { color: #fb5cd0; }

#nav ul ul { display: none; }
#nav .current_page_item ul { display:block; }
#nav .current_page_parent ul { display:block; }
#nav ul ul { position: absolute; width: 824px; height: 30px; left: 0px; top: 128px; text-align: right; }

#classes, #parties, #about, #gallery, #home { position: absolute; width: 824px; left: 0px; top: 6px; text-align: right; }

/*#subnav { position: relative; width: 824px; height: 30px; font-size: 14px; text-align: right; }
#subnav a { color: #ee297d; text-decoration: none; margin-left: 19px; }
#subnav a:hover { color: #fb5cd0; }
#subnav a.selected { color: #f5510a; text-decoration: none; margin-left: 19px; font-weight: bold; border-bottom: #526652 1px dotted; }*/





.twoCol #container { 
	width: 824px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
} 
.twoCol #header { 
	width: 824px;
	height: 155px;
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoCol #sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 287px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/* background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 12px 0px 0px 0px ;
	color: #7d7d7d; 
	line-height: 20px;
}
.twoCol #sidebar ul { list-style:none; }
.twoCol #sidebar h2 { color: #159bc6; }
.twoCol #sidebar a { color: #159bc6; text-decoration: none;  }
.twoCol #sidebar a:hover { color: #ef0dfd; }
.twoCol #sidebar .roundbox div { width: 250px; padding-left: 18px; padding-top: 6px; }




/*.twoCol #sidebar1 #internalNav { padding-left: 15px; }
.twoCol #sidebar1 #internalNav a { display: block; width: 194px; height: 30px; background: url(images/subnav_btn_bg_off.gif) 0px 0px no-repeat; padding: 10px 0px 0px 35px; color: #acc8d9; text-decoration: none; }
.twoCol #sidebar1 #internalNav p { display: block; width: 194px; height: 30px; background: url(images/subnav_btn_bg_selected.gif) 0px 0px no-repeat; padding: 10px 0px 0px 35px; color: #4787b2; text-decoration: none; font-weight: bold; }
.twoCol #sidebar1 #internalNav a:hover { background-image: url(images/subnav_btn_bg_on.gif); color: #4787b2; }
.twoCol #sidebar1 h1, .twoCol #sidebar1 h2 { padding-left: 19px; }
.twoCol #sidebar1 h2 { font: 24px/30px Georgia, "Times New Roman", Times, serif; color: #f5510a; }
.twoCol #sidebar1 p { padding: 0px 0px 29px 45px; }*/

/* Products landing pages use an id called #ROWS to house floating divs for each product */
/*#row { }
#row div.fltlft  { width: 279px; padding: 0px 0px 0px 0px; margin-bottom: 30px; border-bottom: #526652 1px dotted;}
#row div.fltlft p { padding-left: 30px;}*/

/* Product pages use an id called #SHOWCASE to house floating divs for the product and the tertiary nav */
/*#showcase div.fltlft { width: 376px; padding-top: 6px; padding-bottom: 18px; } 
#showcase div.fltlft #flash-product { padding-bottom: 28px; }
#showcase div.fltlft p { border-top: #526652 1px dotted; padding-top: 12px; } 
#showcase div.fltlft h2, #showcase div.fltlft img.icon { padding-top: 6px; display: inline; margin-right: 12px; } 
#showcase div.fltlft input.submitBtn_off { display: block; background:#f5510a url(images/btn_addToCart_off.gif) no-repeat 0px 0px; width: 77px; height: 23px; border: none; color:#fae3da; margin-top: 12px; }
#showcase div.fltlft input.submitBtn_on { display: block; background:#f5510a url(images/btn_addToCart_on.gif) no-repeat 0px 0px; width: 77px; height: 23px; border: none; color:#FFFFFF;  margin-top: 12px; }

#showcase div.pagenav { width: 180px; float: left; } 
#showcase div.pagenav h3, #showcase div.pagenav ul { padding-left: 6px; }
#showcase div.pagenav h3 { font: 24px/27px Georgia, "Times New Roman", Times, serif; color: #f5510a; } 
#showcase div.pagenav ul {  } 
#showcase div.pagenav ul li { list-style: none; padding-top: 2px; }
#showcase div.pagenav ul li a { display: block; width: 186px; text-decoration: none; color:#31bcf6; border-bottom: #526652 1px dotted; padding-bottom: 3px; }*/

.twoCol #content { width: 513px; padding-top: 4px; }
.twoCol #content p { background: url(images/rule_double_pnk_grey.gif) repeat-x left bottom; padding-bottom: 18px; margin-bottom: 12px; }
.twoCol #content img { padding: 0px 14px 14px 0px; }

.twoCol #mainContent { 
	margin: 0px 305px 0px 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoCol #footer { 
	position: relative;
	margin-top: 25px;
	padding: 30px 0px 45px 0px ; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(images/rule_fatbottom_diags.gif) repeat-x left top; 
	color: #9a9a99;
}
.twoCol #footer a { color: #9a9a99; text-decoration: none; }
.twoCol #footer a:hover { color: #4689bd }

.twoCol #footer .links { background: url(images/logo_mini.gif) no-repeat right top; }
.twoCol #footer .links ul { display: block; width:700px; }
.twoCol #footer .links ul li ul { display: inline; }
.twoCol #footer .links ul li { display: inline;}
.twoCol #footer .links ul li a { margin-right: 7px; }
.twoCol #footer li li a { color: #b2b2b2; text-decoration: none; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.HeaderSubtxt { color: #7d7d7d; font-weight: lighter; font-size: 12px; }

.tenpx { font-size: 10px; }
.divider { height: 6px; margin: 12px 0px 12px 19px; background-color: #d1e3d1; padding: 0px !important; }
.quote { background: url(images/quote_balloons.gif) 19px 4px no-repeat;}
.note { background: url(images/bubble_notes.gif) 0px 4px no-repeat; }
.newsletter { width: 250px; background: url(images/icon_lttr.gif) no-repeat right center; margin-top: 18px; }
.price { color: #f5510a; }
.external { padding-right: 20px; background: url(images/icon_external.gif) no-repeat right center}
.pink { background: url(images/icon_external_pnk.gif) no-repeat right center}
.bubble { padding-right: 20px; background: url(images/icon_bubble.gif) no-repeat right center}
.facebook { padding-left: 29px; background: url(images/icon_facebook.gif) no-repeat left center}
.myspace { padding-left: 29px; background: url(images/icon_myspace.gif) no-repeat left center}
.twitter { padding-left: 29px; background: url(images/icon_twitter.gif) no-repeat left center}
.button { display: block; width: 120px; padding: 5px; background-color:#159BC6; color:#FFF; margin-top: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; }
.button:hover {background-color:#09BCF6; color:#FFF;}

.dottedblue { background: url(images/rule_dotted_blu.gif) repeat-x left bottom; }
.dottedgrey { background: url(images/rule_dotted_grey.gif) repeat-x left bottom; }
.solidgrey { background: url(images/rule_solid_grey.gif) repeat-x left bottom; }

#partner_xpole, #networks, #find_us { padding-top: 20px; }
#find_us { padding-bottom: 30px; }

#usefullinks { width: 287px; height: 63px; }
#usefullinks div { width: 142px; margin-top: 8px; float: left; }
#usefullinks #categories { border-right: #38c3f0 1px dotted; }
#usefullinks div p { margin-left: 8px;}
#usefullinks div p a { margin-top: 0px; color: #FFF !important; }

#partner_xpole img { padding-top: 12px; }

#partner_xpole .tl { background: #e1f2f8 url(images/crnr_blu_tl.gif) no-repeat left top; }
#partner_xpole .tr { background: url(images/crnr_blu_tr.gif) no-repeat right top; }
#partner_xpole .bl { background: url(images/crnr_blu_bl.gif) no-repeat left bottom; }
#partner_xpole .br { background: url(images/crnr_blu_br.gif) no-repeat right bottom; }

#networks .tl { background: #e1f2f8 url(images/crnr_blu_tl.gif) no-repeat left top; }
#networks .tr { background: url(images/crnr_blu_tr.gif) no-repeat right top; }
#networks .bl { background: url(images/crnr_blu_bl.gif) no-repeat left bottom; }
#networks .br { background: url(images/crnr_blu_br.gif) no-repeat right bottom; }
#networks ul { list-style: none; }
#networks li { background: url(images/rule_solid_blu.gif) repeat-x left bottom; padding: 4px 0px 6px 0px }

#find_us .tl { background: #efefef url(images/crnr_grey_tl.gif) no-repeat left top; }
#find_us .tr { background: url(images/crnr_grey_tr.gif) no-repeat right top; }
#find_us .bl { background: url(images/address_btm_bg.gif) no-repeat left bottom; }
#find_us .br { background: url(images/crnr_grey_br.gif) no-repeat right bottom; padding-bottom: 75px; }
#find_us p, #find_us h2 { margin-bottom: 10px; padding-bottom: 6px; }



/* BLOG */
div.post { background: url(images/rule_double_pnk_grey.gif) repeat-x left bottom; padding-bottom: 18px; margin-bottom: 12px; }
.twoCol #content div.post p, .twoCol #content div.post_content p { background-image:none; padding-bottom: 0px;}
.twoCol #content .post_content ul {margin-left: 18px; margin-bottom: 18px;}
.twoCol #content .post_content ul li { list-style:outside; margin-bottom: .5em; }

.comment {
	background-color: #efefef;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px dashed #b9b9b9;
	padding: 10px;
}

table.comment { margin-top: 10px; background-color: #fff; border: none; padding: 0px; }

#respond { margin-top: 10px; }

.twoCol #content .comment p { background-image: none }

/* GALLERY */
.gallery br { clear:left !important; }
.twoCol #content .gallery img, .twoCol #content .attachment img { 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px dashed #b9b9b9;
	padding: 4px;
	margin-right: 4px;
}

p.gallery-caption { font-size:10px; text-align: left; line-height: 1.2em; margin-bottom: 0px; margin-top: 2px; padding-left: 8px; }




/* PLUGINS STYLES */
/*div.twitter-this { margin-bottom: 18px; }
div.twitter-this input[type="text"] { margin-right: 10px; } */









/* MY EMMA FORM */

/* Controls width of your form */
.e2ma_signup_form {
	padding: 0px !important;
	margin: 0px !important;
}

.e2ma_signup_form_container {
	padding-left: 0px !important;
	border: #97d3e6 1px solid;
	margin-top: 8px !important;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { 
	/*border:1px solid #bbe4f1;*/ 
	border: #97d3e6 1px solid;
}

.e2ma_signup_form input[type=text] { padding: 4px; width: 200px; }

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	/*float: left;*/
	
	margin-bottom:5px;
	padding: 0px !important;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
	padding: 0px !important;
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	padding: 0px !important;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	text-align:left;
	padding-top:5px;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	padding-top: 0px !important;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-weight:normal;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	/*border:1px solid #dddddd;*/
	padding: 0px !important;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	/*border:1px solid #dddddd;*/
	font-size: 10px;
	margin-bottom:5px;
	padding-top: 0px !important
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	color:#ea118d;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {	
	padding: 0px !important;
	padding-left: 18px !important;
	padding-bottom: 18px !important;
}


/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 80px !important;
	height: 26px !important;
	text-align: left;
	border: none;
	border: none;
	color: #FFF;
	font: 17px/20px Georgia, "Times New Roman", Times, serif;
	padding-left: 8px;
	
}

/* Controls display of the "clear" button */
input#e2ma_signup_reset_button {
	background: #FFFFFF url(images/btn_reset.gif) no-repeat left top; 
}

input#e2ma_signup_submit_button {
	background: #FFFFFF url(images/btn_join.gif) no-repeat left top;
	width: 96px !important; 
}