body {background: #111}	

#page {	min-height: 700px;width: 1024px;margin: 0 auto 10em;}
a {text-decoration: none;color: #000;font-weight: bold}

/*--------------------------------
 *    Typography
*--------------------------------*/
h1 {font: bold 3.5em/1 Arial, helvetica;}
h2 {font: bold 2.5em/1 Arial, helvetica;}
h3 {font: bold 2em/1 Arial, helvetica;}
p, nav {font: normal 1.6em/1.2 Georgia, "Times New Roman", Arial}
blockquote {font: italic 2.4em/1.2 Georgia, "Times New Roman";}
nav li a {font: bold 1em/1 Arial; }

h2 {
    margin: -.51em 0 .25em .6em;
    text-transform: uppercase;
    letter-spacing: .125em;word-spacing: .125em;
}
h3 {
	margin: 1.8em 1em 1em;color: #fff}

p {margin: 1em 1em 0;}
p:first-child {margin-top: 0}
blockquote {padding: 1em 2.5em;clear: both} /*fixes masthead clear*/


header {    
    overflow: hidden;
    margin: 0;
    padding: 0 1em; 
    position: relative;
    background: #fff;
	height: 5em;
	border-bottom: 1px solid #555;
}
header h1,
header nav {position: absolute;left: 50%;bottom: .5em;}
header h1 {
    text-indent: -999em;
    margin-left: -512px;
    height: 50px;
    line-height: 1em;
    bottom: 0;
    }
header h1 img {display: block;margin-top: -1em}
header nav {width: 40em}

nav li {float: left;}
nav li a {
	display: block;
	padding: 0 .25em;
	margin: 0 .75em;
	color: #333;
	letter-spacing: .06em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	}
nav li a:hover {
	text-decoration: underline;
	background: rgba(255,255,255, .5);
	}
footer {margin-bottom: 5em;}

section a {border-bottom: 1px solid rgb(110, 27, 12);}
section a:hover {}

	
section.masthead {position: relative;}
section.masthead .line {
	position: absolute; 
	top: 40%; 
	left: 0; /* < IE7 */
	margin-top: -4em;
	padding: 1em 1em 2em;
	min-height: 8em;
  }

section.masthead p {text-align: justify}

section.masthead ol {width: 100%}
section.masthead ol li a {
    position: relative;
    display: block;
    margin: 2em .5em;
    padding: 1em;
    height: 15em;
    border: 1px solid #ccc;
    text-align: center;
}
section.masthead li a > img {margin: 1em auto;max-height: 10em}
section.masthead li a > span {
    font: bold italic 1.2em/1 Arial;
}
section.masthead li a:hover {border-color: #666;}
section.masthead li a:hover span {text-decoration: underline}

section.primary {margin-top: 2em;}
section.primary, 
section.primary a {color: #fff}
section.primary p,
section.primary li {font: normal 1.8em/1.5 "Times New Roman";}
section.primary p {margin-top: 1.5em}
section.primary h3+p {margin-top: 1em}


.module {
	margin: 1em 1em;
	overflow: hidden
	}
.module.thumbnails2 {margin-top: 1.5em;}
.module.thumbnails2 li,
.module.thumbnails2 a {font: normal 1em/1 "Times New Roman";}
.module.thumbnails2 a {
	width: 12em;
	height: 13em;
	float: left;
	overflow: hidden;
	border: none;
	text-align: center;
	vertical-align: middle;
	}
.module.thumbnails2 a:first-child {clear: left}
.module.thumbnails2 img {
	max-height: 100px;
	max-width: 100px;
	margin: .5em auto;
	vertical-align: middle;
	}
.module.thumbnails2 span {
	line-height: 12em;
	vertical-align: middle;text-indent: -999em;
	}

.module.thumbnails2.special a {width: 50%;text-align: left;}
.module.thumbnails2.special a:first-child {text-align: right}
.module.thumbnails2.special a img {margin: 1em}


.eventdates {font: normal 1.6em/1.2 Georgia, "Times New Roman", Arial;}
.eventdates li {margin: .5em 0}
.date,
time {display: block;float: left;width: 10em;text-align: right;margin-right: 1em}
/*.location {display: block;text-indent:13em;}
*/
.event time {font-size: 1.1em;width: 9em}
.event .title {font-style: italic;font-size: 1.1em}
.event .location {display: inline}
.event .org {display: inline;margin-left: 1em}
.event .locality {display: inline;margin-left: 1em}


section a.button {
    margin: 2em 1.5em 0 0;
    height: auto;
    float: right;
    font-size: 1.2em;
    border: 1px solid #aaa;
    padding: .5em 1em;
    background: #fff;
}

section.primary li {font: 1.5em/1.5 Georgia, "Times New Roman";}

form {margin: 0 auto;width: 60%;font: 1.5em/1.5 Georgia;}
form li {margin-top: 1em;}
form label {float: left;clear: left;width: 25%;text-align: right;margin-right: 1em;font-weight: bold}

form input,
form textarea {border: 1px solid #aaa;background: #fff}

form input[type='text'],
form input[type='email'],
form textarea {width: 60%;font: 1em/1.2 Georgia;}
#first_last_name {visibility: hidden;}

form input[type="submit"] {margin-left: 20em;display: block;font-size: 1em;padding: .25em .5em;}


/* css3 */
section.masthead ol li a,
section a.button {
    -moz-border-radius: .4em;
  	-webkit-border-radius: .4em; /* Saf3+, Chrome */
    border-radius: .4em;
}
section.masthead,
.thumbnails2 img {
	-moz-box-shadow: 2px 2px 1em #000;
	-webkit-box-shadow: 2px 2px 1em #000;
	box-shadow: 2px 2px 1em #000;	
}
#page .box_rgba {
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF')"; /* IE8 */
}