/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1;}
ol, ul { list-style: none;}


/* BASIC STYLES */
/* --------------------------------------------------------------- */
body {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background-color:#FFE6CC;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em;font-weight:bold;}
h3 {
	font-size: 1.3em;
	font-weight:normal;
	color:#FFF;
	margin-bottom:0.5em;
}
h4 {
	font-size: 1.3em;
	font-weight:normal;
}
h5 {
	font-weight:bold;
	font-size: 1.4em;
	line-height:1.4em;
}
p, li, td {
	font-size: 1.6em;
	line-height: 1.5em;
}
a:link {color:#06C}
a:visited {color:#003062}
a:hover {background-color:#06C;color:#FFF}
a:active {background-color:#A32100}

/* WRAPPER */
#wrapper {
	margin:10px auto 0;
	width:980px;
	background: url(../images/bg_wrapper.png) repeat-y #FFF;
	border-bottom:10px solid #FFF;
}


/* HEADER */
/* --------------------------------------------------------------- */
#header {
	width:980px;
	height:110px;
	border-bottom:10px solid #FFF;
}

#header h1#logo {
	text-indent:-5000px;
	display:block;
	float:left;
	width:250px;
	height:110px;
	}
	body#safepg #header h1#logo {width:260px;
}
#header h1#logo a {
	display:block;
	width:250px;
	height:110px;
	margin:0 0 0 10px;
	background:url(../images/logo.png) no-repeat;
	}
	body#safepg #header h1#logo a {width:260px;background:url(../images/logo_safe_top.png) no-repeat;
}
#header h2#tagline {
	text-indent:-5000px;
	display:block;
	float:right;
	width:700px;
	height:110px;
	margin:0 10px;
	background:url(../images/tagline.png) no-repeat;
	}
	body#safepg #header h2#tagline {background:url(../images/tagline_safe.png) no-repeat;
}


/* LAYOUT CONTAINERS */
/* --------------------------------------------------------------- */
#sidebar {
	width:250px;
	float:left;
	clear:left;
	margin:0 0 0 10px;
}
#content {
	width:700px;
	float:right;
	margin:0 10px;
}
#banner {
	display:block;
	width:700px;
	height:280px;
	background-image:url(../images/banner.jpg);
	border-bottom:10px solid #FFF;
}
.promo, .main-content {
	width:620px;
	margin:0;
	padding:30px 40px;
	background-color:#D3DCE6;
	border-bottom:10px solid #FFF;
}
.main-content {
	background-color:#FFF;
	border-bottom:none;
}

/* Subcolumns */
div.subcolumns { 
	width:700px;
	margin:0;
	clear:both;
}
div.sub50l {
	width:269px;
	float:left;
	margin:20px 0;
	padding:0 40px;
	border-right:1px solid #D3DCE6;
}
div.sub100l {
	width:620px;
	float:left;
	margin:20px 0;
	padding:0 40px;
}
div.sub50r {
	width:270px;
	float:right;
	margin:20px 0;
	padding:0 40px;
}

p.clearall {
	display:block;
	height:1px;
	clear:both;
}




/* SIDEBARS */
/* --------------------------------------------------------------- */
div.orange {
	background-color:#A32100;
	border-bottom:10px solid #FFF;
	padding:15px;
}
div.blue {
	background-color:#003061;
	border-bottom:10px solid #FFF;
	padding:15px;
}
div.upper {
	height:250px;
}
/*-----*/
ul#nav-main li,
ul#nav-safe li {
	background:url(../images/bg_li_orange.png) no-repeat 0 0.4em;
	padding-left:18px;
	margin:0.75em 0;
	font-size:1.3em;
	line-height:1.3em;
	font-weight:bold;
	}
	ul#nav-safe li {background:url(../images/bg_li_blue.png) no-repeat 0 0.4em;
}
ul#nav-main li a:link,
ul#nav-main li a:visited,
ul#nav-safe li a:link,
ul#nav-safe li a:visited {
	color:#FFF;
	text-decoration:none;
}
ul#nav-main li a:hover,
ul#nav-safe li a:hover {
	text-decoration:underline;
	background-color:transparent;
}
h5#safe a {
	display:block;
	text-indent:-5000px;
	width:220px;
	height:100px;
	background:url(../images/logo_safe.png);
}
h5#mccac a {
	display:block;
	text-indent:-5000px;
	width:220px;
	height:112px;
	background:url(../images/logo_side.png);
}

div.sideblock {
	padding:20px;
}
.sideblock h5 {
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 0.5em;
}
div.sideblock p {
	font-size:1.3em;
	line-height:1.6em;
	margin:0 0 1em;
}
div.sideblock li {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:0.3em;
}
div.sideblock a:link, div.sideblock a:visited {color:#A32100;}
div.sideblock a:hover {background-color:#A32100;color:#FFF;}



/* CONTENT */
/* --------------------------------------------------------------- */

/* Main Content */
#content h3 {
	font-size: 3.6em;
	line-height:1.1em;
	font-weight:normal;
	color:#06C;
	margin:0 0 0.5em;
}
#content h4 {
	font-size: 2.2em;
	font-weight:normal;
	color:#06C;
	margin:1.5em 0 0.5em;
	}
	#content h4.first {margin:0 0 0.5em;
}
#content p {
	font-size: 1.5em;
	font-weight:normal;
	margin-bottom:1em;
}
#content .main-content ul,
#content .promo ul {
	margin-bottom:1em;
}
#content .main-content ul li,
#content .promo ul li {
	font-size: 1.5em;
	list-style:disc;
	margin-left:2em;
}
#content div.sub570l p {
	margin:0 0 0.8em 50px;
	font-size:1.6em;
	line-height:1.6em;
}
#content div.sub570l ul {
	margin:0 0 1em 50px;
}
#content div.sub570l li {
	margin:0 0 0 30px;
	font-size:1.6em;
	line-height:1.4em;
	list-style:disc;
}
.right {/* Use this for images or DIVs */
	float:right;
	margin:0 0 10px 10px;
}
.left {/* Use this for images or DIVs */
	float:left;
	margin:0 10px 10px 30px;
}
.center {/* Use this for images or DIVs */
	display:block;
	margin:0 auto;
}
p.center {text-align:center;}

p.learnmore a:hover {background-position:1px 1px; background-color:transparent;}
p.learnmore a {
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
	background-position:0 0;
}
p.learnmore a.large {
	width:121px;
	height:23px;
	background-image:url(../images/btn_learnmore_lg.png);
}
p.learnmore a.medorange {
	width:92px;
	height:21px;
	background-image:url(../images/btn_learnmore_org.png);
}

/* HOMEPAGE ITEMS */
/* --------------------------------------------------------------- */
p.home-caption {
	font-size:1em;
	text-align:center;
	font-style:italic;
	margin:-1.5em 0 2em;
}

/* TABLES */
table {
	width:100%;
	border:none;
	margin:2em 0;
}
table caption {
	font-size: 2.2em;
	font-weight:normal;
	color:#06C;
	margin:1.5em 0 0;
}
th {
	font-size:1.4em;
	font-weight:bold;
	border-bottom:1px solid #06C;
	padding:2px 2px 4px;
}
td {
	font-size:1.3em;
	padding:0.5em 4px 2px;
	vertical-align:top;
	border-bottom:1px solid #06C;
}
#content .main-content td ul li {
	font-size:1.0em;
	margin-bottom:0.5em;
}

/* CONTACT FORM */
form#fm_contact {
	display:block;
	margin:0;
	width:620px;
}
fieldset {
	display:block;
	width:620px;
	margin:0 0 30px;
	padding:0;
	}
	fieldset#inquiry {margin-bottom:20px;
}
legend {
	display:block;
	clear:both;
	width:620px;
	min-height:40px;
	border:none;
	font-size: 2.2em;
	font-weight:normal;
	color:#06C;
	margin:1.5em 0 0;
}
fieldset#contactinfo label {
	display:block;
	width:610px;
	height:1.5em;
	clear:both;
	font-size:1.6em;
	margin:0;
	padding-top:0.7em;
	border-bottom:1px solid #E2B7AB;
}
fieldset#contactinfo input {
	float:right;
	clear:right;
	width:400px;
	font-size:1.2em;
	margin-top:-0.3em;
}
fieldset#inquiry label {
	display:block;
	width:200px;
	height:6.5em;
	float:left;
	clear:left;
	font-size:1.6em;
	line-height:1.2em;
	margin:0 0.5em 0 0;
	padding-top:0.2em;
}
fieldset#inquiry textarea {
	font-size:1.6em;
	float:right;
	clear:right;
	width:400px;
	height:6em;
	margin-right:10px;
}
form#fm_contact input#btn-submit {
	clear:left;
	width:10em;
	margin-left:220px;
	font-size:2em;

}

form#donate-btn {
	float:right;
	clear:right;
}

/* FOOTER */
/* --------------------------------------------------------------- */
#footer {
	margin:0 auto 10px;
	width:980px;
	min-height:80px;
	background: url(../images/bg_footer.png) repeat-y #FFF;
	border-bottom:10px solid #FFF;
	clear:both;
	position:relative;
}
#footer img {
	float:left;
	margin:0 10px 10px;
}
#footer p {
	font-size:1.2em;
	color:#FFF;
	margin:0 10px 1em 300px;
	padding-top:1em;
}
#footer p a { text-decoration:underline;color:#FFF;}
#footer p a:hover { text-decoration:none;}

#footer p.credit {
	position:absolute;
	right:10px;
	bottom:0px;
	font-size:0.8em;
}
#footer p.credit a {color:#06C;}
#footer p.credit a:hover {color:#FFF;}