/* ---------------------------- 
[Master Stylesheet]
Project: Susan G. Komen - For The Cure	
Version: 1.0
Last change: 7.29.08	
Assigned to: M.Ellan	
Primary use: Layout
------------------------------- */

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */
html, body {
	background:#878787;
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	background:url("../images/h1-bg.jpg");
	width:470px;
	background-position:bottom;
	background-repeat:no-repeat;
	color:#AB035C;
	font-size:16px;
	padding:0px 0px 5px 0px;
	margin:0px;
	display:block;
}

p {
	font-size:14px;
	line-height:19px;
	padding:0px;
	margin:5px 0px 20px 0px;
}

ul {
	font-size:14px;
	line-height:25px;
	color:#000000;
	list-style:none;
	margin-left:0px;
	margin-right:15px;
	padding-left:0px;
}

li {
	background:url("../images/ribbon-bullet.gif") no-repeat;
	background-position:0 3px;
	padding-left:25px;
}

li a, li a:link {
	color:#CC3399;
}

li a:hover {
	text-decoration:none;
}

img {
	border:none;	
}

/* ---------------------------- */
/* Containers
/* ---------------------------- */
#container {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:824px;
}

#header {
	background:url("../images/header-bg.gif");
	background-repeat:no-repeat;
	background-position:0px 40px;
	height:228px;
	width:824px;
	margin:0px;
	text-align:left;
}

#sub-navigation {
	width:178px;
	text-align:left;
	padding:0px; 
}

#sub-navigation img {
	padding:0px;
	margin:0px;
}

#sub-navigation ul {
	font-size:13px;
	margin:5px 0px 0px 0px;
	padding-top:5px;
}

#sub-navigation li {
	background: url(/images/spacer.gif);
	font-weight:bold;
	margin:5px 5px 0px 15px;
	padding:0px;
}

#sub-navigation li a, #sub-navigation li a:link, #sub-navigation li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#sub-navigation li a:hover, #sub-navigation li a:active {
	color:#74B2FB;
	text-decoration:none;
}

.top-subnavigation {
	background:url("../images/secondary-nav-bg.gif");
	background-repeat:no-repeat;
	padding:0px;
	margin:0px 0px -10px 0px;
}

.header-cta {
	margin:65px 0px 21px 310px;
	padding:0px;
	width:245px;
	height:105px;
}

.photo-group {
	float:right;
	padding:0px;
	margin:0px 10px 0px 0px;
	width:255px;
	height:196px;
}

#primary-navigation {
	width:814px;
	height:39px;
	text-align:right;
	margin:0px;
	padding:0px 10px 0px 0px;
	float:right;
}

#primary-navigation img {
	height:32px;
	margin:0px;
	padding:0px;
}

#primary-navigation a, #primary-navigation a:link {
	height:32px;
	margin:0px;
	padding:0px;
}

#pink-bar {
	height:7px;
	width:822px;
	background-color:#FA559E;
	display:block;
	padding:0px;
	margin:0px;
	background-image:url("../images/pink-baseline.jpg");
	background-repeat:no-repeat;;
	background-position:bottom;
}

#content {
	text-align:left;
	width:822px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	background:#E1E1E1 url("../images/content-bg.jpg");
	background-repeat:repeat-x;
	margin:0px;
	padding-bottom:20px;
}

#left-content-box {
	width:280px;
	margin:15px 0px 10px 16px;
	float:left;
}
#left-content-box-sub {
	width:200px;
	margin:15px 0px 10px 16px;
	float:left;
}

#left-content-box img {
	margin-bottom:10px;	
}

.content-box {
	background:#ffffff;
	border:1px solid #BEBEBE;
	width:500px;
	padding:15px 20px 10px 15px;
	margin:20px 15px 25px 0px;
	float:right;
	min-height: 385px;
}
.inside-content-box {
	background:#ffffff;
	border:1px solid #BEBEBE;
	width:580px;
	padding:15px 20px 10px 15px;
	margin:20px 15px 25px 0px;
	float:right;
	min-height: 385px;
}
.interiorcontent-box {
	background:#ffffff;
	border:1px solid #BEBEBE;
	width:500px;
	padding:15px 20px 10px 15px;
	margin:20px 15px 25px 0px;
	float:right;
}

.affiliates-box {
	background:#fff;
	border:1px solid #BEBEBE;
	padding:0px;
	width:790px;
	height:125px;
	margin-right:auto;
	margin-left:auto;
}

.affiliate-susan {
	float:left;
	text-align:center;
	vertical-align:middle;
	height:100px;
	padding:0px;
	margin:10px 10px 0px 10px;
	width:150px;
}

.affiliate {
	float:left;
	text-align:center;
	vertical-align:middle;
	height:115px;
	width:100px;
	padding:6px;
}

.affiliate-logo {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding:10px 10px 10px 5px;
}

.affiliate-first {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding:10px 20px 10px 0px;
}

.affiliate-second {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding:10px 0px 10px 15px;
}

.affiliate-logo-last {
	display:block;
	margin:20px 0px 20px 5px;
	padding:0px;	
}

#footer {
	width:825px;
	text-align:right;
	font-size:14px;
	color:#FFFFFF;
	display:block;
	padding-top:5px;
	margin-bottom:30px;
}

#footer p {
	padding:0px;
	margin:10px 0px 0px 0px;
}

#footer p .wedge {
	margin:0px 15px 0px 15px;
}

#footer a, #footer a:link, #footer a:visited {
	color:#FFFFFF;
}

#footer a:hover, #footer a:active {
	text-decoration:none;
}

#footer img {
	float:left;
	margin-top:5px;
}

/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

.lbl { display:block; font-weight:bold; margin:0px; padding:0px 0px 2px 0px;}
.alert { background:url(../images/alert-small.gif) no-repeat 0px -3px; padding:0px 0px 2px 18px; display:block; margin:5px 0px 5px 0px; font-size:11px; position:relative; clear:both; }
.success, .error {padding:10px 10px 0px 10px; margin:10px 0px 15px 0px; font-weight:normal; clear:both; text-align:left; position:relative;}
.success p, .error p { margin:0px; padding:0px; text-align:left; line-height:18px; color:#000;}
.error {}
.error h4 {font-size:15px; font-family:Arial, Helvetica, sans-serif;padding:8px 0px 15px 35px; margin:0px; background:url(../images/alert.gif) no-repeat 0px 0px; color:Red;  font-size:14px; position:relative;}
.success {background-color:#c3fbbb;  border:1px solid #abe9a2 }
.success h4 {font-size:15px; font-family:Arial, Helvetica, sans-serif;padding:5px 0px 10px 30px;background:url(../images/success.gif) no-repeat 0px 0px; margin:0px 0px 0px 0px; color:#000;}
.progress {padding:10px 0px 13px 10px; }
.progress img {float:left; padding:0px 10px 0px 0px; }
.progress h4 { font-size:15px; margin:0px; padding:5px 0px 10px 0px; color:Red; font-weight:bold; }

/* ---------------------------- */
/* Misc
/* ---------------------------- */

.float-left{float:left; }
.float-right { float:right; }
.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.img-left{float:left; margin:0px 10px 0px 0px; }
.img-right{float:right; margin:0px 0px 0px 10px; }
.margin-left {margin-left:10px; }
.margin-right{margin-right:10px;}
.margin-top{ margin-top:10px;}
.margin-bottom { margin-bottom:10px; }
.small{font-size:11px; line-height:14px; }
.large{font-size:16px; }
.nodis { display:none; }
.clear{ clear:both; }
.highlight { padding:2px; background-color:#FFFF66; }
.grey { color:#666; }
.border { border:1px solid #ccc;}
.red {color:#c41b00;}
.smaller { font-size: 11px; }
.padding-btm-10 { padding-bottom: 10px;}
.no-margin { margin: 0px;}
.inside { width:580px;}