/* $Id: styles.css 65 2009-02-20 03:03:23Z john $ */

/* Colors Used
#89c446 green
#ffd01e yellow
#1759ac blue
/*

/* Quick Jumps to Sections (approx line number)
public menu - line 137
footer (copyright tag) - line 483
*/

/* GLOBAL STYLES */

html { 
	min-height: 100%;
	margin-bottom: 1px; 
}

body {
	background: #1759ac; /* bright blue background */
	position: relative;
	text-align: center;
	font-size: 8pt;
	margin: 0px; 
}

.wrapper	{ /* this seemed to break the styling in Firefox so I am not using it at this point */
	background-color:#FFFFFF;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
}

table.body { /* styling for the table is embedded in the .tpl document */
	width: 950px;
}

p {
	margin: 0px;
	padding: 0px;
}

div, td {  /* this can probably be moved to body tag */
	font-family: tahoma, "Trebuchet MS", arial, serif;
	font-size: 8pt;
	color: #555555;
	line-height: 140%;
}

/* STYLES FOR TOPBAR */

.topbar	{
/* does it need styling? */
}

.login_logo_area	{ /* This holds the logo, login/signup - does this need styling? I don't think so */
}

.login_area	{ /* This holds the login/signup  */
	float:right;
	padding: 0px 10px 0 0;
}

td.login_label	{ /* a table was used to hold the form so that it could have labels above the text boxes */
	text-align:left;
}

.login_form_text { /* this styles the text inside the text box */
	font-size:90%;
	color:#bebebe;
	border:solid 1px #0066FF;
	padding-left: 5px;
	text-align:left;
}

.logo_area { /* This styles the logo box in the header  */
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px; 
	text-align: left;
}

.logo_area_image { /* This styles the image box inside the logo box */
	border: none;
	float: left;
	text-align:left;
	min-height: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px; /* was 53px; */
	text-align: center;
	/* was width: 55px; */
}

.logo_area_image img	{
	border:none;
}

/* STYLES FOR PUBLIC MENU */

.public_menu { /* this styles the public menu bar */
	border: none;
	float: right;
	min-height: 1px;
	margin-top: 10px;
	/* padding-left: -10px; */
	padding: 0px;
	width: 100%;
	white-space:nowrap; 
	background-image: url(../images/topbar_bg.gif); /* changed color of graphic to #89c446 green */
	background-repeat: repeat-x; 
	border-top: 1px solid #CCCCCC; 
	border-bottom:solid #ffd01e 8px; /* gold yellow */
}

.public_menu_link_container, .public_menu_link_container_end {
	float: left;
	height: 31px;
	border-style: none none none solid;
	border-color:#6e9d38;
	border-width: 1px;
	width: 14%;   /* this spreads the menu buttons evenly across menu bar. 100/7 = 14  When adding or subtracting menu options, recalculate width */
}

.public_menu_link_container_end { /* I didn't use this tag - don't want a bit of extra space after the last menu button divider line */
	border-left: 1px solid #6e9d38; /* changed color from CCCCCC */
}

.public_menu_link {
	font-weight: bold;
	font-size: 10pt;
	padding: 6px 10px 0px 10px;
}

/* a:public_menu_link styling is found around line 850 with other link styling */

.public_menu_arrow {
	padding: 2px;
	float: left;
}

.public_menu_item_dropdown	{
	border-top: solid 1px #6e9d38;
}

.public_menu_item_dropdown a {
	padding: 6px 7px 0px 7px; 
	height: 25px;
	text-align:left;
	font-weight: bold;
	display: block;
	background: #89c446;
	font-size: 10pt;
}

.public_menu_item_dropdown a:hover {
	padding: 6px 7px 0px 7px; 
	height: 25px;
	text-align:left;
	font-weight: bold;
	background: #89c446;
	text-decoration: none;
	display: block;
	font-size: 10pt;
}

.public_menu_dropdown {
	border: 1px solid #6e9d38;  /* dark green */
	border-top: none; 
	background: #89c446; 
	position: absolute; 
	margin-top: 6px;
 	margin-left: -67px; /* this needs to be manually set in order to push the dropdown over to the left */
	z-index: 99;
	min-width: 132px;
	width: auto; /* this is manually calculated based on width of buttons in main menu bar 190 */ 
   white-space: nowrap;
	text-align:left;
}

div.top_menu_link_loggedin { /* I don't know what this is used for */

	height: 25px;

	text-align: right;

	font-weight: bold;

	font-size: 10pt;

	padding-top: 5px;

	padding: 6px 0px 0px 10px;

}
div.menu { /* I don't know what this is used for */

	width: 150px; 

	border: 1px solid #CCCCCC; 

	border-left: 3px solid #7391a8;

	background: #EEEEEE; 

	padding: 0px 0px 10px 10px;

	margin-right: 10px;

}
div.menu_header { /* I don't know what this is used for */

	margin-top: 10px;

	margin-bottom: 7px;

}
td.menu_user { 

	background-image: url(../images/menu_user.gif); 

	background-repeat: repeat-x; 

	background-color: #FFFFFF;

	padding: 5px 10px 5px 10px; 

	border: 1px solid #CCCCCC; 

	text-align: left;

}
div.menu_item { 

	float: left;

	padding-right: 10px;

	font-weight: bold;

	background: none;

}
div.menu_sep { 

	padding: 2px 0px 0px 10px;

	float: left;

	background: none;

}
img.menu_icon { 

	display: block;

	float: left; 

	margin-right: 4px;

}
img.menu_icon2 {

	margin-bottom: -3px;

	margin-right: 4px;

}
div.menu_arrow {

	padding: 2px;

	float: left;

}
div.menu_item_dropdown a {

	padding: 3px 40px 5px 7px;

	font-weight: normal;

	border-left: 1px solid #DDDDDD;

	display: block;

	background: #FFFFFF;

}
div.menu_item_dropdown a:hover {

	padding: 3px 40px 5px 7px; 

	font-weight: normal;

	background: #F2F2F2;

	border-left: 1px solid #BBBBBB;

	text-decoration: none;

	display: block;

}
div.menu_dropdown {

	border: 1px solid #CCCCCC; 

	border-top: none; 

	background: #FFFFFF; 

	position: absolute; 

	margin-top: 6px;

	margin-left: -30px;

	z-index: 99;

	width: auto; 

	white-space: nowrap; 

}
div.menu_link_loggedin {

	text-align: right;

	font-weight: bold;

	padding: 0px 0px 0px 10px;

}
td.topbar1 {

	padding-bottom: 5px;

}
td.topbar2, td.topbar2_right {

	background-image: url(../images/menu_bg.gif); 

	background-repeat: repeat-x; 

	font-weight: bold; 

	font-size: 11pt; 

	padding: 10px 10px 8px 15px; 

	color: #FFFFFF;

	border-bottom: 1px solid #31537D;

}
td.topbar2_right {

	font-weight: normal;

	padding: 10px 15px 8px 10px; 

	text-align: right;

}
td.content {

	vertical-align: top;

	text-align: left;

	background: #FFFFFF;

}
div.content {  /* this styles the content under the menu bars */
	
   width: 950px;  /* is the width of the content 900 or 950? if 950, columns need to adjust */

	padding: 10px 10px 3px 10px; /* modify this to increase space above footer */

	text-align: left; 

	margin-left: auto; 

	margin-right: auto; 
	
}

.public_copyright	{ /* this div is called on a new footer template for the public site */

	background:url(../images/layouts/public_footer.jpg) repeat-x; /* Uses a 950px wide 35px tall gradient image  */
	padding: 4px 15px 4px 4px; 
	text-align: right; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 5px; 	/* modify this to increase space above footer bar */
	color: #000000;
	
	
	
	}

.public_copyright a:link	{
	color:#000000;
	
	padding-bottom: 15px;
}

.public_copyright a:hover	{
	color:#000000;
	text-decoration:underline;
}div.copyright { /* styling for user page footer */

	background: #EEEEEE; 

	padding: 4px; 

	text-align: right; 

	margin-left: auto; 

	margin-right: auto; 

	margin-top: 20px; 

	color: #444444;

	border-top: 1px solid #AAAAAA;

}
div.page_header {

	font-size: 15pt;

	color: #555555;

	margin-bottom: 0px;

	font-family: "Trebuchet MS", arial, verdana, serif;

}
td.header {

	padding: 4px 5px 5px 6px;

	border: 1px solid #DDDDDD;

	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

}
div.header {

	padding: 4px 5px 5px 6px;

	border: 1px solid #DDDDDD;

	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

}
div.newupdates {

	position: absolute; 

	height: 31px; 

	width: 150px; 

	margin: 15px 0px 0px 15px;

	background-image: url(../images/newupdates.gif); 

	background-repeat: no-repeat;

}
div.newupdates_content {

	text-align: left; 

	padding: 8px 5px 5px 12px; 

	color: #FFFFFF;

}
div.box {

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 10px;

}
td.shadow {

	background-image: url(../images/shadow.gif); 

	background-repeat: repeat-x; 

	padding-bottom: 5px;

}
input.text, input.text_small {

	border: 1px solid #AAAAAA;

	font-family: arial, verdana, serif;

	font-size: 9pt;

	color: #333333;

	vertical-align: middle;

	padding-left: 2px;

}
input.text_small {

	font-size: 8pt;

}
input.search {

	vertical-align: middle; 

	background-image: url(../images/search.gif); 

	background-repeat: no-repeat; 

	color: #555555; 

	font-size: 12pt; 

	padding-left: 23px; 

	font-weight: bold;

	font-family: arial, verdana, serif;

}
input.button {

	font-family: arial, verdana, serif;

	font-size: 8pt;

	padding: 3px;

	color: #333333;

	font-weight: bold;

	background: #EEEEEE;

	vertical-align: middle;

	border-top: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	border-bottom: 1px solid #777777;

	border-right: 1px solid #777777;

}
input.radio, input.checkbox {

	vertical-align: middle;

}
textarea {

	border: 1px solid #AAAAAA;

	font-family: arial, verdana, serif;

	color: #333333;

	padding-left: 2px;

	font-size: 10pt;

}
select, select.small {

	color: #333333;

	font-family: arial, verdana, serif;

	font-size: 9pt;

	vertical-align: middle;

	margin-top: 1px;

}

select.small {

	font-size: 8pt;

}

.icon {

	vertical-align: top;

	margin-right: 5px;

}

.icon2 {

	vertical-align: top;

	margin-right: 1px;

}

.icon_big {

	float: left;

	margin-right: 5px;

	margin-bottom: 5px;

}
img.photo {

	border: 1px solid #DDDDDD;

}
font.small {

	font-size: 7pt;

	font-family: arial, serif;

}
font.big {

	font-size: 9pt;

	font-family: verdana, arial, serif;

	font-weight: bold;

}
font.bold {

	font-weight: bold;

}
font.disabled {

	color: #AAAAAA;

}
form {

	margin: 0px;

}
div.center {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}
div.error {

	vertical-align: middle;

	color: #FF0000;

}
div.spacer10 {

	margin-top: 10px;

	height: 0px;

	font-size: 1pt;

}
img.button {

	display: block;

	float: left; 

	margin-right: 4px;

}
a:link { color: #336699; text-decoration: none; }

a:visited { color: #336699; text-decoration: none; }

a:hover { color: #3399FF; text-decoration: underline; }
a.public_menu_item:link { color: #000000; text-decoration: none; }

a.public_menu_item:visited { color: #000000; text-decoration: none; }

a.public_menu_item:hover { color: #000000; text-decoration: underline; }
a.menu_item:link { color: #3c718f; text-decoration: none; }

a.menu_item:visited { color: #3c718f; text-decoration: none; }

a.menu_item:hover { color: #60b1df; text-decoration: underline; }
a.newupdates:link { color: #F2F2F2; text-decoration: none; }

a.newupdates:visited { color: #F2F2F2; text-decoration: none; }

a.newupdates:hover { color: #FFFFFF; text-decoration: underline; }
a.copyright:link { color: #336699; text-decoration: none; }

a.copyright:visited { color: #336699; text-decoration: none; }

a.copyright:hover { color: #3399FF; text-decoration: underline; }
a.portal_signup:link { color: #336699; text-decoration: none; }

a.portal_signup:visited { color: #336699; text-decoration: none; }

a.portal_signup:hover { color: #437ab1; text-decoration: none; }
label:hover { color: #3399FF; text-decoration: underline; }table.tabs {

	margin-bottom: 10px;

}

td.tab {

	background: #FFFFFF;

	padding-left: 1px;

	border-bottom: 1px solid #CCCCCC;

}

td.tab0 {

	font-size: 1pt;

	padding-left: 7px;

	border-bottom: 1px solid #CCCCCC;

}

td.tab1 {

	border: 1px solid #CCCCCC;

	border-top: 3px solid #AAAAAA;

	border-bottom: none;

	font-weight: bold;

	padding: 6px 8px 6px 8px;

}

td.tab2 {

	background: #F8F8F8;

	border: 1px solid #CCCCCC;

	border-top: 3px solid #CCCCCC;

	font-weight: bold;

	padding: 6px 8px 6px 8px;

}

td.tab3 {

	background: #FFFFFF;

	border-bottom: 1px solid #CCCCCC;

	padding-right: 12px;

	width: 100%;

	text-align: right;

	vertical-align: middle;

}table.list {

	width: 100%;

	border: 1px solid #DDDDDD;

	border-bottom: none;

}
td.list_header {

	background: #EEEEEE;

	font-weight: bold;

	padding: 3px 5px 3px 7px;

	border-bottom: 1px solid #DDDDDD;

	vertical-align: middle;

}
tr.list_item1 {

	padding: 5px 7px 5px 7px;

	border-bottom: 1px solid #DDDDDD;

}
tr.list_item2 {

	padding: 5px 7px 5px 7px;

	background: #F5F5F5;

	border-bottom: 1px solid #DDDDDD;

}
td.form1 {

	padding: 12px 0px 5px 10px;

	font-weight: bold;

	text-align: right;

	vertical-align: top;

}

td.form2 {

	padding: 10px 0px 5px 10px;

}
div.form_desc {

	font-size: 8pt;

	padding: 5px 0px 5px 0px;

}

div.form_error {

	margin-bottom: 10px;

	color: #FF0000;

}

div.success {

	line-height: 16pt;

}

td.button {

	text-align: left;

	border: 1px solid #DDDDDD;

	border-left: 5px solid #DDDDDD;

	background: #FFFFFF;

	padding: 7px 8px 7px 6px;

	font-weight: bold;

}

div.button {

	font-weight: bold;

}

td.result {

	font-weight: bold;

	text-align: center;

	border: 1px dashed #CCCCCC;

	background: #FFFFFF;

	padding: 7px 8px 7px 7px;

}

td.error {

	font-weight: bold;

	color: #FF0000;

	text-align: center;

	padding: 7px 8px 7px 7px;

	background: #FFF3F3;

}

td.success {

	font-weight: bold;

	padding: 7px 8px 7px 7px;

	background: #f3fff3;

}
/* STYLES FOR AD BANNERS */

div.ad_top {

	padding: 10px;

	text-align: center;

}

div.ad_belowmenu {

	padding: 0px 0px 10px 0px;

	text-align: center;

}

div.ad_left {

	padding: 10px 10px 10px 0px;

	vertical-align: top;

	text-align: center;

}

div.ad_right {

	padding: 10px 0px 10px 10px;

	vertical-align: top;

	text-align: center;

}

div.ad_bottom {

	padding: 10px 0px 0px 0px;

	text-align: center;

}
/* STYLES FOR RECENT ACTION */

.recentaction_div_media {

	padding: 10px 10px 10px 20px;

}

.recentaction_div_media img {

	max-width: 300px;

	width: expression(this.width > 300 ? 300: true);

}

img.recentaction_media {

	float: left;

	margin: 3px; 

	border: solid 1px #777777;

}

.recentaction_div {

	padding: 10px 20px 10px 20px;

	position: relative; 

	max-height: 125px;

	max-width: 300px; 

	overflow: auto;

}

/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */

*:first-child+html .recentaction_div {

	overflow: visible;

	overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );

	overflow-x: auto;

	padding-bottom: 25px;

	height: expression(this.scrollHeight > 125? "125px" : "auto" );

	width: expression(this.scrollWidth > 300? "300px" : "auto" );

}

/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */

html>body .recentaction_div {

	overflow: visible;

	overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );

	overflow-x: auto;

	padding-bottom: 25px;

	height: expression(this.scrollHeight > 125? "125px" : "auto" );

	width: expression(this.scrollWidth > 300? "300px" : "auto" );

}

.recentaction_div img {

	max-width: 300px;

	width: expression(this.width > 300 ? 300: true);

}
/* STYLES FOR FRIEND SUGGEST FEATURE */

.suggest_item a {

	padding: 3px 3px 3px 5px; 

	background: #F7F7F7; 

	border-bottom: 1px solid #CCCCCC;

	width: 181px;

	display: block;

}

.suggest_item a:hover {

	background: #003366;

	color: #FFFFFF;

}

div.suggest {

	position: absolute; 

	background-color: #FFFFFF; 

	text-align: left; 

	border: 1px solid #AAAAAA;

	padding: 0px;

	display: none;

} 

a.suggest:link { color: #555555; text-decoration: none; }

a.suggest:visited { color: #555555; text-decoration: none; }

a.suggest:hover { color: #FFFFFF; text-decoration: none; }

/* LOGIN PAGE */

td.login_middle {

	vertical-align: middle;

	text-align: center;

	padding-bottom: 30px;

	font-weight: bold;

	font-size: 16pt;

}

td.login_right {

	vertical-align: middle;

	text-align: center;

	padding-bottom: 30px;

}
/* PORTAL PAGE (HOME.PHP)    I'm not deleting any pre-existing tags, just going to start new ones for the new design  */

.right	{
	text-align:right;
}

.center	{
	text-align:center;
}

.left	{
	text-align: left;
}

.img_left	{
	float:left;

	margin-right: 5px;
}

.img_right  {
	float:right;
}

.img_center	{
	text-align:center;
}/* Left Column */

.public_left_column	{ /* width and height match the photo in the column*   */
	width: 306px;
	height: 460px;
	float:left;
}

/* Middle Column */

.public_middle_column	{
	width: 300px;
	float: left;
	margin-left: 10px;
	background:#FFFFFF;
}

.public_middle_column_top, .public_middle_column_middle { /* puts spacing between blue blocks of column */
	margin-bottom: 10px;
}

.public_middle_column_top {
	height:460px;
	padding-right:10px;
}

.public_middle_column_top, .public_middle_column_middle, .public_middle_column_bottom		{ /* sizes three blue blocks to match to height of image in left column */
	width: 100%;
	float:inherit;
	background:#1759ac;
}

.chances_blue_box
{ 
	width:403px;
	float:inherit;
	background:#1759ac;
	margin-bottom: 10px;
/*	height:130px; */
	padding-top:5px;
	padding-right:10px;
	padding-left:10px;
}

.chances_blue_box p { /* White para text */
	color: #FFFFFF;
/*	font-size: 110% */
}

.chances_blue_box a { /* White para text */
	color: #FFFFFF;
	text-decoration:underline;
/*	font-size: 110% */
}


.public_middle_column h1	{ /* Yellow heading */
	color:#ffd01e;
	font-size: 18px;
	line-height:100%
}

.public_middle_column p { /* White para text */
	color: #FFFFFF;
	font-size: 110%
}

.public_middle_column li { /* White para text */
	color: #FFFFFF;
	font-size: 110%
}

.public_middle_column h1, .public_middle_column p { /* margin for text */
	margin: 10px 10px 0px 10px;
}

.public_middle_column a { /* Yellow link to keep reading */
	font-size: 110%;
	color: #ffd01e;
/*	font-weight: bold; */
}

.public_middle_column img	{
  padding: 0 10px 5px 3px;
}/* Right Column */

.public_right_column	{
	width: 315px;
	background-color:#ffffff;
	float: right;
	margin-top: 0px;
}

.public_right_column_top	{
	background-color:#89c446;
	margin-bottom: 10px;
	float:none;
	height:230px;
}

.public_right_column h1 {
	margin-top:0px;
	padding: 10px 10px 0px 10px;
	color:#1759ac;
	margin-bottom: 10px;
	line-height:100%
}

.public_right_column p	{
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	font-size: 110%
}		

.public_right_column_bottom	{
	background-color:#89c446;
	height:220px;
}

img.public_right_column_pic	{ /* to center image in div */
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top: 3px;
}

.public_right_column a { /* Blue link to keep reading */
	font-size: 110%;
	color: #ffd01e;
}/* Pre-existing Portal Page tags start now */

.public_right_column_bottom img	{
	display:block;
	border:none;
}


div.portal_spacer {

	height: 10px;

}

div.portal_content {

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 10px;

	background: #FFFFFF;

}

td.portal_text {

	vertical-align: top; 

	padding: 10px 20px 10px 10px;

}

table.portal_table {

	margin-bottom: 10px;

}

div.portal_login {

	padding: 25px 10px 25px 10px;

	background: #FFFFFF; 

	text-align: center;

	font-weight: bold;

	border: 1px solid #DDDDDD;

}

td.portal_member {

	padding: 10px 7px 10px 7px;

	text-align: center;

	font-weight: bold;

}

div.portal_action {

	padding: 6px 6px 6px 6px; 

	border-top: 1px solid #DEDEDE; 

}

div.portal_action_top {

	padding: 6px 6px 6px 6px; 

}

div.portal_action_date {

	float: right; 

	color: #999999;

	padding-left: 5px;

}

div.portal_whatsnew {

	border: 1px solid #DDDDDD;

	padding: 4px 10px 4px 10px;

}

div.portal_signup a, div.portal_signup a:hover {

	font-size: 14pt; 

	line-height: 0px;

	text-align: center; 

	padding: 8px 15px 5px 7px; 

	background-image: url(../images/portal_join_bg.gif); 

	background-repeat: repeat-x;

	border: 1px solid #FFFFFF;

	display: block;

}

div.portal_signup_container1 {

	border: 1px solid #CCCCCC;

}

div.portal_signup_container1:hover {

	border: 1px solid #AAAAAA;

}
/* WHATS NEW PAGE */

td.home_left {

	vertical-align: top;

	text-align: left;

	padding-right: 10px;

}

td.home_right {

	vertical-align: top;

}

td.home_stats {

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	text-align: center;

	vertical-align: middle;

}

td.home_menu {

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

}

td.home_menu1 {

	font-weight: bold;

}

td.home_notification {

	text-align: left;

	border: 1px solid #DDDDDD;

	background: #FFFFFF;

	padding: 7px 8px 7px 6px;

}

div.home_photo {

	border: 1px solid #DDDDDD;

	padding: 5px;

	background: #FFFFFF;

	margin-bottom: 10px;

}

td.home_box {

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 8px;

	background: #FFFFFF;

}

table.home_menu {

	border: 1px solid #DDDDDD;

	border-bottom: none;

	margin-bottom: 10px;

}

td.home_menu1 a {

	background-color: #FFFFFF;

	background-image: url(../images/menu_bg1.gif);

	background-repeat: repeat-y;

	background-position: top right;

	border-bottom: 1px solid #DDDDDD;

	padding: 5px 5px 5px 7px;

	font-size: 8pt;

	font-family: tahoma, "Trebuchet MS", verdana, arial, serif;

	display: block;

}

td.home_menu1 a:hover {

	background-color: #F5F5F5;

	background-image: url(../images/menu_bg2.gif);

}

div.home_action {

	padding: 6px 6px 6px 6px; 

	border-top: 1px solid #DEDEDE; 

}

div.home_action_top {

	padding: 6px 6px 6px 6px; 

}

div.home_action_date {

	float: right; 

	color: #999999;

	padding-left: 5px;

}

div.home_whatsnew {

	border: 1px solid #CCCCCC; 

	padding: 5px 10px 5px 10px;

}

div.home_updated {

	font-size: 7pt;

	color: #888888;

	padding-top: 2px;

}/* WHATS NEW - MY NETWORK PAGE */

div.network_content {

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 8px;

}/* VIEW PROFILE PAGE */

td.profile {

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 5px 7px 5px 7px;

	margin-bottom: 12px;

}

td.profile_leftside {

	padding-top: 5px;

	vertical-align: top;

}

td.profile_rightside {

	padding-left: 10px;

	padding-top: 5px;

	vertical-align: top;

}

div.profile_field_value {

	max-width: 500px;

	overflow: auto;

}

div.profile_friend_photo {

	float: left; 

	width: 90px; 

	text-align: center; 

	border: 1px solid #DDDDDD;

}

div.profile_friend_info {

	float: left; 

	padding-left: 10px;

}

div.profile_friend_options {

	text-align: right; 

	padding-left: 10px;

}

div.profile_friend_name {

	font-size: 10pt;

	font-weight: bold;

}

div.profile_friend_details div {

	color: #888888;

	font-size: 7pt;

}

div.profile_image {

	float: left;

	padding: 5px;

	text-align: center;

	width: 111px;

}

div.profile_bar {

	padding: 0px;

	margin-top: 15px;

	margin-bottom: 10px;

}

td.profile_item1 {

	padding: 5px 0px 5px 0px;

	text-align: center;

	vertical-align: top;

}

td.profile_item2 {

	padding: 5px 5px 5px 5px;

	vertical-align: top;

}

div.profile_comment_author {

	float: left;

	padding: 5px 7px 5px 7px;

	background: #F1F1F1;

	border-top: 1px solid #AAAAAA;

}

div.profile_comment_date {

	text-align: right;

	padding: 5px 7px 5px 7px;

	background: #F1F1F1;

	border-top: 1px solid #AAAAAA;

}

div.profile_comment_body {

	clear: left;

	padding: 5px 7px 5px 7px;

	overflow: auto;

	max-width: 550px;

}

/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */

*:first-child+html .profile_comment_body {

	overflow: visible;

	overflow-y: hidden;

	overflow-x: auto;

	padding-bottom: 25px;

	width: expression(this.scrollWidth > 550? "550px" : "auto" );

}

/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */

html>body .profile_comment_body {

	overflow: visible;

	overflow-y: hidden;

	overflow-x: auto;

	padding-bottom: 25px;

	width: expression(this.scrollWidth > 550? "550px" : "auto" );

}

div.profile_comment_body img {

	max-width: 475px;

	width: expression(this.width > 475 ? 475: true);

}

div.profile_comment_links {

	text-align: right;

	padding-right: 7px;

}

table.profile_menu {

	border: 1px solid #DDDDDD;

	border-bottom: none;

}

td.profile_menu1 a, div.nolink {

	background-image: url(../images/menu_bg1.gif);

	background-color: #FFFFFF;

	background-repeat: repeat-y;

	background-position: top right;

	border-bottom: 1px solid #DDDDDD;

	padding: 5px 5px 5px 7px;

	font-size: 8pt;

	display: block;

}

td.profile_menu1 a:hover {

	background-color: #F5F5F5;

	background-image: url(../images/menu_bg2.gif);

	text-decoration: none;

}

td.profile_photo {

	vertical-align: middle; 

	text-align: center; 

	border: 1px solid #DDDDDD;

	padding: 5px;

	background: #FFFFFF;

	height: 150px;

}

td.profile_viewcomments_postcomment {

	padding: 10px 16px 10px 16px;

	border: 1px solid #CCCCCC;

	background: #F5F5F5;

}

div.profile_postcomment {

	border: 1px solid #BBBBBB;

	background: #F4F4F4;

	margin-bottom: 10px;

	padding: 10px 14px 8px 10px;

}

.comment_area {

	font-family: "Lucida Sans", verdana, arial, serif;

	color: #888888; 

	width: 100%;

	height: 70px;

}

div.profile_action {

	padding: 0px 0px 5px 0px; 

	border-bottom: 1px solid #EAEAEA; 

	margin-bottom: 5px;

}

div.profile_action_bottom {

	padding-bottom: 2px;

}

div.profile_action_date {

	color: #999999;

	float: right;

	padding-left: 5px;

}

td.profile_tab a {

	background-color: #EEEEEE;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 7px 10px;

	border: 1px solid #AAAAAA; 

	border-left: none;

	font-weight: bold; 

	display: block;

}

td.profile_tab a:hover {

	background-color: #F4F4F4;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 7px 10px;

	border: 1px solid #AAAAAA; 

	border-left: none;

	font-weight: bold; 

	display: block;

}

td.profile_tab2 a {

	background-color: #FFFFFF;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 8px 10px;

	border: 1px solid #AAAAAA; 

	border-left: none;

	border-bottom: none;

	font-weight: bold; 

	display: block;

}

td.profile_tab2 a:hover {

	background-color: #FFFFFF;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 8px 10px;

	border: 1px solid #AAAAAA; 

	border-left: none;

	border-bottom: none;

	font-weight: bold; 

	display: block;

}

#profile_tabs_profile { 

	border-left: 1px solid #AAAAAA;

}

td.profile_tab_end {

	border-bottom: 1px solid #AAAAAA;

}div.profile_content {

	padding: 10px; 

	border: 1px solid #AAAAAA;

	border-top: none;

}

div.profile_headline, div.profile_headline2 {

	font-size: 10pt; 

	margin-bottom: 7px;

	font-weight: bold;

}

div.profile_headline2 {

	margin-top: 10px;

}

/* BROWSE PAGE */

td.browse_field {

	padding: 5px;

}

div.browse_field_radio {

	padding: 0px 5px 0px 1px;

	margin-top: 1px;

}

div.browse_fields {

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 5px 7px 5px 7px;

	margin-bottom: 12px;

}

td.browse_header {

	padding: 5px 5px 3px 7px;

	font-size: 9pt;

	font-family: arial, serif;

	font-weight: bold;

	border: 1px solid #DDDDDD;

	border-bottom: none;

	background: #EEEEEE;

}

td.browse_result {

	vertical-align: top;

	text-align: center;

	width: 150px;

	padding: 5px 5px 10px 5px;

	font-weight: bold;

}

div.browse_pages {

	margin-bottom: 10px;

	text-align: center;

	font-weight: bold;

	background: #EEEEEE;

	padding: 5px 0px 5px 0px;

}
/* SEARCH PAGE */

td.search {

	width: 475px;

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

}

div.search_header {

	font-weight: bold;

	background: #F3F3F3;

	border: 1px solid #CCCCCC;

	padding: 5px 5px 5px 10px;

	font-size: 9pt;

}

div.search_results {

	padding: 0px 10px 10px 10px;

}

div.search_result1 {

	padding: 10px;

	background: #F5F5F5;

}

div.search_result2 {

	padding: 10px;

}

div.search_result_text {

	font-size: 9pt;

	font-weight: bold;

	padding-left: 3px;

}

div.search_result_text2 {

	font-weight: normal;

	font-size: 7pt;

	color: #777777;

}

div.search_context {

	color: #555555;

}

div.search_url {

	color: #115599;

}

td.search_pages_bottom {

	padding-top: 8px;

	padding-right: 12px;

	border-top: 1px solid #CCCCCC;

	text-align: right;

}
/* HELP PAGES */

div.faq {

	margin: 10px;

	padding: 5px 5px 5px 10px;

	border-left: 3px solid #DDDDDD;

}

div.faq_questions {

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 5px 7px 5px 8px;

}/* MESSAGES */

table.messages_table {

	border: 1px solid #DDDDDD;

}

td.messages_header {

	padding: 4px 5px 5px 6px;
	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

}

td.messages_left {

	width: 100%;

	text-align: left;

	vertical-align: middle;

}

td.messages_right {

	text-align: right;

	vertical-align: middle;

}

tr.messages_unread {

	background: #F5F5F5;

	font-weight: bold;

}

tr.messages_read {

	background: #FFFFFF;

}

td.messages_message {

	border-top: 1px solid #CCCCCC;

	padding: 7px 5px 7px 7px;

	vertical-align: top;

}

td.messages_photo {

	border-top: 1px solid #CCCCCC;

	padding: 7px 0px 7px 7px;

	vertical-align: top;

}

td.messages_view2 {

	background: #FFFFFF;

	border-bottom: 1px solid #DDDDDD;

	padding: 5px 7px 12px 7px;

	vertical-align: top;

}

td.messages_view2_bottom {

	background: #FFFFFF;

	padding: 5px 7px 12px 7px;

	vertical-align: top;

}

td.messages_view1 {

	vertical-align: top;

	padding-right: 15px;

}

div.messages_author {

	padding-bottom: 5px;

	font-weight: bold;

}

div.messages_date {

	font-size: 7pt;

	color: #777777;

}

td.messages_authorbox {

	width: 100px;

	text-align: right; 

	vertical-align: top; 

	padding: 5px 10px 0px 0px;

}

/* MY FRIENDS */

div.friends_search {

	width: 450px;

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	margin-left: auto; 

	margin-right: auto;

}

td.friends_sort {

	padding-top: 5px;

}

div.friends_result {

	padding: 5px;

	border: 1px solid #DDDDDD;

	margin-top: 10px;

	background: #FFFFFF;

}

td.friends_result0 {

	padding: 5px;

}

td.friends_result1 {

	vertical-align: top;

	padding: 5px;

}

td.friends_result2 {

	padding: 5px;

	vertical-align: top;

	text-align: right;

}

div.friends_name {

	font-size: 10pt;

	font-weight: bold;

	padding-bottom: 3px;

}

div.friends_stats div {

	color: #888888;

	font-size: 7pt;

}/* BROWSE FRIENDS */

td.browse_friends_sort {

	padding-top: 5px;

}

div.browse_friends_result {

	padding: 5px;

	border: 1px solid #DDDDDD;

	margin-top: 10px;

	margin-bottom: 10px;

	background: #FFFFFF;

}

td.browse_friends_result0 {

	padding: 5px;

}

td.browse_friends_result1 {

	padding: 5px;

}

td.browse_friends_result2 {

	padding: 5px;

	text-align: right;

}/* EDIT PROFILE */

td.editprofile_photoleft {

	text-align: center;

	padding-right: 10px;

}

td.editprofile_photoright {

	vertical-align: top;

}

td.editprofile_photo {

	height: 150px;

	vertical-align: middle; 

	text-align: center; 

	border: 1px solid #CCCCCC;

	background: #FFFFFF;

	padding: 5px;

}

table.editprofile_options {

	margin-left: 10px;

}

div.editprofile_bar {

	border-bottom: 1px solid #DDDDDD;

	padding: 0px;

	margin-top: 10px;

	margin-bottom: 10px;

}

td.editprofile_item1 {

	padding: 5px;

	text-align: center;

	vertical-align: top;

}

td.editprofile_item2 {

	padding: 5px 5px 5px 5px;

	vertical-align: top;

}

div.editprofile_examplecss, div.editprofile_examplecss:hover {

	width: 100px;

	margin-right: 10px;

	margin-bottom: 10px;

	padding: 10px 5px 5px 5px;

	text-align: center;

	float: left;

	border: 1px solid #DDDDDD;

}

div.editprofile_examplecss:hover {

	border: 1px solid #BBBBBB;

}

div.editprofile_examplecss_selected {

	width: 100px;

	margin-right: 10px;

	margin-bottom: 10px;

	padding: 10px 5px 5px 5px;

	text-align: center;

	float: left;

	border: 1px solid #AAAAAA;

	background: #EEEEEE;

}/* EDIT ACCOUNT SETTINGS */

td.account1 {

	padding: 5px 5px 5px 7px;

	font-weight: bold;

	border: 1px solid #CCCCCC;

	background: #EEEEEE;

}

td.account2 {

	padding: 7px 5px 5px 5px;

	border: 1px solid #CCCCCC;

	border-top: none;

}

/* SIGNUP PAGE */

img.signup_code {

	vertical-align: middle;

}

div.signup_header {

	width: 500px;

	padding: 6px 9px 6px 9px;

	background: #F1F1F1;

	font-weight: bold;

	font-size: 9pt;

	margin-bottom: 10px;

}

div.signup_photo_desc {

	padding: 5px 5px 5px 0px;

}

td.signup_photo {

	padding: 10px; 

	background: #FFFFFF; 

	border: 1px solid #CCCCCC;

}

/* COMMENT STYLES */

.comment_headline {

	padding: 4px 0px 5px 6px;

	border: 1px solid #CCCCCC;

	border-bottom: none;

	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

}

/* PROFILE PHOTOS STYLES */

div.media {

	border: 1px solid #DDDDDD; 

	background: #F2F2F2; 

	padding: 10px;

}

div.media_caption {

	text-align: left; 

	padding: 0px 5px 0px 5px; 

	margin-left: auto; 

	margin-right: auto;

}

div.media_title {

	margin-bottom: 2px;

	font-weight: bold;

}

div.media_date {

	margin-top: 10px; 

	font-size: 7pt; 

	color: #777777;

}

/* CAROUSEL */

td.carousel_item_active {

	border: 1px solid #BBBBBB; 

	background: #EEEEEE;

	padding: 5px;

}

td.carousel_item {

	padding: 5px;

}

td.carousel_item:hover {

	border: 1px solid #CCCCCC;

	padding: 4px;

}

/* PHOTO TAG CLASSES */

div.tag_div_hidden {

	position: absolute;

	z-index: 98;

}

div.tag_div {

	position: absolute;

	border: 2px solid #FFFFFF;

	z-index: 98;

}

div.tag_label {

	position: absolute;

	padding: 3px 5px 3px 5px;

	border: 1px solid #777777;

	background: #FFFFFF;

	font-weight: bold;

	z-index: 98;

}

div.media_photo_div {

	position: relative; 

	margin-bottom: 10px; 

	margin-left:auto;

	margin-right:auto;

}

div.media_photo_tagform {

	display: none; 

	border: 1px solid #888888; 

	width: 150px; 

	position: absolute; 

	opacity: 1; 

	background: #FFFFFF;

}

div.media_photo_tagform_titlebar {

	text-align: left; 

	padding: 5px; 

	border-bottom: 1px solid #AAAAAA; 

	background: #EEEEEE; 

	font-weight: bold;

}

div.media_photo_friendlist {

	overflow: auto; 

	margin: 4px 0px 4px 0px; 

	height: 130px; 

	text-align: left; 

	padding-left: 4px; 

	border: 1px solid #AAAAAA;

}/* styles for the debugger */

div#se_debug_window_container

{

}
table#se_debug_window

{

  background: #ffffff;

  border: 1px solid #cccccc;

  width: 500px;

  height: 400px;

}
td#se_debug_window_menu

{

	padding: 4px 5px 5px 6px;

	border: 1px solid #DDDDDD;

	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

  cursor: move;

}
div#se_debug_window_body_container

{

  width: 500px;

  height: 375px;

  overflow: auto;

}
/* styles for main menu and profile tab dropdowns */
div.top_menu_main_link_container

{

  text-align: left;

}
div.menu_main_dropdown

{

	border: 1px solid #CCCCCC;

	border-top: none;

	position: absolute;

	margin-top: 7px;

	margin-left: -1px;

	z-index: 100;

	width: auto;

	white-space: nowrap;

}
div.menu_main_item_dropdown a

{

  color:#777777;

	padding: 3px 40px 5px 7px;

	font-weight: bold;

	display: block;

	background: #EFEFEF;

}
div.menu_main_item_dropdown a:hover

{

  color:#444444;

	background: #FAFAFA;

	text-decoration: none;

}
div.menu_main_item

{

	float: left;

	padding-right: 10px;

	font-weight: bold;

	background: none;

}
div.menu_profile_dropdown

{

	border: 1px solid #CCCCCC;

  border-top: none;

	background: #FFFFFF;

	position: absolute;

	margin-top: 31px;

	margin-left: -63px;

	z-index: 99;

	width: auto;

	white-space: nowrap;

}
div.menu_profile_item_dropdown a

{

	padding: 3px 40px 5px 7px;

	font-weight: bold;

	display: block;

	background: #FFFFFF;

}
div.menu_profile_item_dropdown a:hover

{

	background: #F0F0F0;

	text-decoration: none;

}
#table_list th {

	font-weight:bold;

	text-align:left;

	border-bottom:1px solid #aaaaaa;

}
#table_list td {

	border-bottom:1px solid #aaaaaa;

}
.list_spaced li{
	margin-bottom:15px;
}

h1 {
	font-size: 15pt;
	color: #555555;
	font-family: "Trebuchet MS", arial, verdana, serif;
}

td.item {
	font-size: 8pt;
	padding: 5px;
	padding-left: 8px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	color: #666666;
}

/* PUBLIC CONTENT (styles Team Chances pages) */

.public_content	{
	margin: 15px 0 0 0;
}

.public_content img	{
	padding: 0 15px 10px 5px;
	border:none;
}

.public_content_donation_box	{
	float:right;
	width: 175px;
	background-color:#89c446;	
/*	border-top: #1759ac solid 3px;
	border-bottom: #1759ac solid 3px;
	border-right: #1759ac solid 3px;
	border-left: #1759ac solid 3px;  */
	padding: 10px 15px 10px 15px; 
	margin: 0px 0px 10px 15px;
	color:#000000;
}

.public_content_donation_box img	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
}

.public_content_top	{
	margin: 10px 10px 10px 10px;
}

/*
.public_content_top p, .public_content_bottom p	{
	padding-bottom: 12px;
}
*/

.public_content_top h1	{
/*	font-family: Kristen ITC, Comic Sans MS, Arial; */
	color: #1759ac; /* blue */
}

 .public_content_top p {
	padding-bottom:10px;
	}
	
.public_content_bottom	{
	margin: 10px 10px 10px 10px; /* If IE is putting a wide bottom margin on this div, the problem has something to do with this and might need modification */
}

.public_content_wide_box	{ /* spans width of page and box height is styled on the .tpl page where it is used to allow for varying amts of content on diff pages */
	clear:both;
	border-top: #1759ac solid 3px;
	border-bottom: #1759ac solid 3px;
	border-right: #1759ac solid 3px;
	border-left: #1759ac solid 3px;
	margin: 5px 5px 5px 5px;
	padding:  10px 10px 10px 10px;
	width: 890px;
}

.public_content_left_box	{ /* box height is styled on the .tpl page where it is used to allow for varying amts of content on diff pages */
	clear:both;
	float:left;
	border-top: #1759ac solid 3px;
	border-bottom: #1759ac solid 3px;
	border-right: #1759ac solid 3px;
	border-left: #1759ac solid 3px;
	margin: 5px 5px 5px 5px;
	padding:  10px 10px 10px 10px;
	width: 420px;
}

.public_content_right_box	{ /* box height is styled on the .tpl page where it is used to allow for varying amts of content on diff pages */
	clear:both;
	float:right;
	border-top: #1759ac solid 3px;
	border-bottom: #1759ac solid 3px;
	border-right: #1759ac solid 3px;
	border-left: #1759ac solid 3px;
	margin: 5px 5px 5px 5px;
	padding:  10px 10px 10px 10px;
	width: 420px;
}

.public_content_left_box ul, .public_content_right_box ul, .public_content_wide_box ul	{
	margin-top: 0px;
/*	margin-bottom: 0px; */
}

/* Styles the heading and text of either blue box on the public content pages  */

.box_heading {
	margin: 0px 0px 10px 0px;
	padding-top:0px;
}

.box_heading p	{
/*	font-family: Kristen ITC, Comic Sans MS, Arial;  */
	font-size: 175%;
	color:#ffd01e;
	background-color: #1759ac;
	padding: 15px 2px 15px 2px;
	text-align:center;
	line-height:100%;
}

.box_heading a:link 	{ /* need this to style the location link in coach heading */
	color:#ffd01e;
	text-decoration:underline;
	cursor:pointer;
}

.box_heading a:hover, .box_heading a:visited	{
	color:#FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}

.box_text p {
	padding-bottom:10px;
}

.box_text ul {
	padding-top:0px;
	margin-top:0px;
}

.box_text_img_left	{  /* styles coach photo */
	float:left;
}

.box_text_img_right	{  /* styles coach photo */
	float:right;
}
/* Public Content - Athlete Signup Button */

.public_content_signup_container { /* this is not used right now but is here in case styling is needed later */}/*   NOT NEEDED WITH BLUE BUTTON
.public_content_signup a, public_content_signup a:hover {  
	font-size: 14pt; 
	line-height: 0px;
	text-align: center; 
	margin-top: 15px;
	padding: 8px 15px 5px 7px; 
	background-image: url(../images/public_signup_bg.jpg); 
	background-repeat: repeat-x;
	border-top: #1759ac 1px solid;
	display: block;
	color: #1759ac;
	font-weight: 500;
}
*/

.public_content_signup img	{  
	padding: 0 3px 0 0;
	vertical-align:middle;
	border: none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}/* Public Content - Signup Page, Signup_Subscriber Page */

.public_page_header	{ /* used on Signup page */
/*	font-family: Kristen ITC, Comic Sans MS, Arial; */
	color: #1759ac; /* blue */
	font-size: 200%;
}

.public_signup_header	{
/*	font-family: Kristen ITC, Comic Sans MS, Arial; */
	font-size: 120%;
	color:#ffd01e;
	background-color: #1759ac;
	padding: 3px;
	text-align:left;
	width: 460px;
	font-weight:bold;
	margin: 12px 0 7px 0;
}

input.public_signup_button	{
	font-family: arial, verdana, serif;
	font-size: 8pt;
	padding: 3px;
	color: #ffd01e;
	font-weight: bold;
	vertical-align: middle;
	background: #1759ac;
	vertical-align: middle;
	border-top: 1px solid #4953da;
	border-left: 1px solid #4953da;
	border-bottom: 1px solid #313da3;
	border-right: 1px solid #313da3;
	cursor:pointer;
}

.org_name	{
	font-size: 115%;
/*	font-family: Kristen ITC, Comic Sans MS, Arial; */
	font-size: 120%;
	color: #1759ac;
	font-weight: bold:
}

.gallery {
	width: 210px;
	float: left;
	text-align:center;
	margin:10px 10px 10px 10px;
	min-height: 240px;
}

.gallery img	{
	padding: 5px;
}

.stories {
	margin: 0px 0px 10px 0px;
	padding-top:0px;

	width: 315px;
}

.stories p	{
/*	font-family: Kristen ITC, Comic Sans MS, Arial;  */
	font-size: 175%;
	color:#ffd01e;
	background-color: #1759ac;
	padding: 10px 2px 10px 2px;
	text-align:center;
}

.stories_t_gallery {
	width: 110px;
	float: left;	
	text-align:center;
	margin:10px 10px 10px 10px;
	min-height: 175px;
}

.stories_t_gallery img	{
	padding: 5px;
}

.stories_gallery	{
	float: left;	text-align:center;
	margin:10px 5px 10px 5px;}.stories_gallery img	{
	padding: 5px;
}