/* 

	American College of Sports Medicine - Midwest Chapter
	Master Stylesheet
	
	Author: Ryan Glover (http://www.ryanglover.net)
	Date: February 9th, 2010
	URL: http://www.mwacsm.org
	
*/
   

/*---------- GLOBALS ----------*/


.basicparagraph {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 20px;
margin: 30px 0px 50px 15px;
}


.basicparagraph a {
color: #000080;
}

.basicheading {
color: #444;
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
text-transform: uppercase;
padding-bottom: 15px;
border-bottom: 1px solid #444;
}





/*---------- CSS RESET ----------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*---------- STRUCTURE ----------*/


#container {
width: 960px;
margin: 60px auto;
}

#header {
border-bottom: 1px solid #999;
height: 125px;
padding-bottom: 50px;
}

#header img {
float: left;
padding: 0px 0px 0px 10px;
}

#titles {
float: left;
padding: 50px 0px 0px 30px;
}

#header h1 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 30px;
color: #000080;
font-weight: bold;
}

#header h2 {
color: #b24b45;
font-family: Arial, Helvetica, Sans-serif;
font-size: 24px;
}

#navigation {
float: left;
width: 200px;
padding: 60px 0px 0px 0px;
}

#navigation ul {
}

#navigation li a {
display: block;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
padding: 10px 0px 10px 10px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #777;
text-decoration: none;
color: #000;
}

.selected-link {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
padding: 10px 0px 10px 10px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #777;
color: #fff;
background: #333;
}

#navigation li a:hover {
color: #fff;
background: #333;
}

#content {
width: 650px;
background: url('http://www.mwacsm.org/images/background.gif') no-repeat;
min-height: 700px;
border-left: 1px solid #999;
float: left;
margin: 0px 0px 0px 20px;
padding: 54px 0px 0px 50px;
}


#content h3 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid #999;
padding: 0px 0px 15px 0px;
}


.header-text {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
color: #333;
border-left: 7px solid #777;
padding-left: 10px;
margin: 20px 0px 0px 0px;
line-height: 22px;
}

.header-text a {
color: #000080;
}

#map {
margin: 65px 0px 0px 0px;
}

#map img {
float: left;
}

#map-breakdown {
float: left;
margin: 0px 0px 0px 50px;
}

#map-breakdown h4 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 18px;
color: #555;
border-bottom: 1px solid #999;
padding-bottom: 10px;
}

#states {
margin: 20px 0px 0px 20px;
}

#states li {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
color: #555;
line-height: 24px;
}


#footer {
clear: both;
border-top: 1px solid #999;
padding: 0px 0px 80px 0px;
}

#footer-left {
float: left;
}

#footer-left p {
font-family: Arial, Helvetica, Sans-serif;
font-size: 13px;
color: #555;
padding: 20px 0px 0px 0px;
}

#footer-right {
float: left;
}

#footer-menu {
margin: 20px 0px 0px 0px;
}

#footer-menu ul {

}

#footer-menu li {
float: left;
padding-right: 10px;
line-height: 20px;
}

#footer-menu li a {
font-family: Arial, Helvetica, Sans-serif;
font-size: 13px;
color: #555;
}



/*---------- NEWS PAGE ----------*/

#news-updates {
margin: 50px 0px 0px 0px;
}

.news-update {
margin: 50px 0px 50px 0px;
}

.update-title {
font-family: Arial, Helvetica, Sans-serif;
font-size: 20px;
color: #000;
text-transform: uppercase;
font-weight: bold;
}

.update-date {
padding-top: 5px;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
color: #777;
}

.update-content {
padding-top: 20px;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
color: #222;
line-height: 20px;
}

.update-content a {
color: #000080;
}



/*---------- MEMBERSHIP PAGE ----------*/

#membership-levels {
margin: 60px 0px 60px 0px;
}

#membership-levels h3 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 18px;
color: #b24b45;
}

#levels {
margin: 20px 0px 0px 0px;
}

#levels li {
margin: 25px 0px 25px 0px;
}

#levels li h4 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
color: #000080;
font-weight: bold;
}

#levels li p {
margin: 15px 0px 0px 0px;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
color: #333;
line-height: 20px;
}


/*---------- BOARD OF DIRECTORS ----------*/

#board {

}

#members {
margin: 50px 0px 0px 0px;
}

.member {
height: 150px;
border-bottom: 1px solid #777;
padding-bottom: 25px;
margin-bottom: 25px;
}

#members img {
border: 5px solid #222;
float: left;
}

.mem-desc {
margin: 20px 0px 0px 30px;
float: left;
}

.mem-title {
font-weight: bold;
font-family: Arial, Helvetica, Sans-serif;
font-size: 20px;
text-transform: uppercase;
letter-spacing: .7px;
}

.mem-name {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
padding: 10px 0px 0px 0px;
color: #444;
}

.mem-date {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
padding: 10px 0px 0px 0px;
color: #444;
}

.mem-mail {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
padding: 10px 0px 0px 0px;
color: #444;
}

.mem-mail a {
color: #color: #000080;
}



/*---------- NEWSLETTER PAGE----------*/


#newsletters {
margin: 60px 0px 60px 0px;
}

#newsletters h3 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 18px;
color: #b24b45;
}

#letters {
margin: 20px 0px 0px 0px;
}

#letters li {
margin: 25px 0px 25px 0px;
}

#letters li a {
margin: 0px 0px 0px 20px;
font-family: Arial, Helvetica, Sans-serif;
font-size: 18px;
color: #b24b45;
}

#student {
margin: 60px 0px 0px 0px;
}


/*---------- AWARDS PAGE ----------*/


#awards {
margin: 50px 0px 0px 0px;
}

#awards ul {

}

#awards li {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 34px;
}

#awards li a {
color: #000080;
}

#awards h3 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
border: none;
margin: 50px 0px 0px 0px;
}

.address {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 24px;
border-left: 6px solid #555;
padding: 0px 0px 0px 20px;
}



/*---------- STUDENT INFO PAGE ----------*/


#student-info {
margin: 50px 0px 0px 0px;
}

.section {
margin: 0px 0px 60px 0px;
}

.section-hdr {
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 1px solid #444;
}

.section ul {
margin: 30px 0px 0px 20px;
}

.section li {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 34px;
}

.section li a {
color: #000080;
}

.section-par {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 20px;
margin: 20px 0px 0px 0px;
}



/*---------- JOB OPS PAGE ----------*/


#jobs {
margin: 50px 0px 0px 0px;
}

#jobs-lists {

}


.jobs-item {

}

.jobs-item h4 {
color: #444;
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
text-transform: uppercase;
padding-bottom: 15px;
border-bottom: 1px solid #444;
font-weight: bold;
}


.listings {
margin: 30px 0px 50px 0px;
}


.listings li {
color: #444;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
margin: 0px 0px 0px 20px;
}

.listings li a {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 20px;
color: #000080;
}

/*---------- MEETINGS ----------*/

#photoset {
margin: 50px 0px 50px 60px;
padding: 0px 0px 50px 0px;
}

#photoset li {
height: 113px;
float: left;
margin: 0px 10px 15px 0px;
border: 5px solid #ccc;
}

#photoset li:hover {
border: 5px solid #333;
}

#photoset-2 {
margin: 50px 0px 50px 60px;
padding: 0px 0px 50px 0px;
}

#photoset-2 li {
float: left;
margin: 0px 10px 50px 0px;
border: 5px solid #ccc;
}

#photoset-2 img {
display: inline;
}

#photoset-2 li:hover {
border: 5px solid #333;
}