/* 

TAILWIND INTERACTIVE CSS FRAMEWORK
global.css (version 1.0)

- All layout css goes here

(C) 2010 Tailwind Interactive / Brian Cheung

*/

@import 'reset.css';
@import 'arial/arial.css'; /* Force Mac OSX users to use Arial */

body{
	background:#651200 url(../images/background.jpg) repeat-x scroll top center;
	color:#000;
	font: normal normal normal 0.8em Arial, sans-serif;
	}

h2{
	font-size:32px;
	font-weight:normal;
	letter-spacing:-3px;
	padding:15px 0 10px;
	}
	
h3 {
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:15px 0 10px;
	}
	
h4 {
	font-size:16px;
	font-weight:bold;
	padding:5px 0;
	}

#container{
	background:#fff url(../images/paper.jpg) repeat-y scroll top center;
	margin:30px auto;
	padding:30px;
	width:720px;
	}

#header h1 {
	background:url(../images/180acf.gif) top left no-repeat; 
	float:left;
	height:54px;
	margin:0;
	padding:0;
	text-indent: -9999px;
	width:193px;
	} 

#header #tagline{
	font-size:24px;
	letter-spacing:-2px;
	margin-left:400px;
	text-align:right;
	text-transform:lowercase;
	}

#nav{
	border-top:5px black solid;
	border-bottom:1px black solid;
	height:30px;
	margin:20px 0;
	}

#nav li {
	float:left;
	}
	
#nav li a {
	color:#000;
	display:block;
	font-size:14px;
	letter-spacing:-1px;
	margin:1px 0;
	padding:6px 57px;
	text-align: center;
	text-decoration:none;
	text-transform:uppercase;
	}

#nav li a:hover{
	text-decoration:underline;
	}

#main #statement{
	margin-top:20px;
	font-size:18px;
	letter-spacing:-1px;
	}

#main #statement h2{
	float:left;
	font-size:72px;
	font-weight:bold;
	letter-spacing:-7px;
	margin:0;
	padding:0;
	}

#main #statement ul{
	margin-left:370px;
	padding-top:7px;
	}

#content{
	line-height:1.6em;
	}

#content img.floatL{
	margin-right:20px;
	}

#content img.floatR{
	margin-left:20px;
	}

#content .left{
	float:left;
	width:350px;
	}

#content .right{
	margin-left:370px;
	}
	
.index, 
#footer{
	border-top:5px black solid;
	margin-top:20px;
	padding-top:20px;
	}

#schedule{
	min-height:86px;
	}

#newsletter{
	min-height:62px;
	}

#newsletter h2{
	margin-top:5px;
	}

.index .left{
	float:left;
	width:410px !important;
	}

.index .right{
	margin-left:430px !important;
	}
	
.index img.floatL{
	margin-right:15px !important;
	}

.index h2,
.index h3{
	margin:0;
	padding:0;
	}

.index h2{
	font-size:22px;
	letter-spacing:-1px;
	margin-bottom:5px;
	}

.index .title{
	font-weight:bold;
	text-transform:uppercase;
	}

.info{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCCCCC;
	}

.info p{
	color:#444;
	}

#committee, 
#counselors{
	margin:0 auto;
	}

#committee{
	height:200px;
	/*width:488px; - 4 col*/
	width:366px;
	}

#counselors{
	height:140px;
	width:366px;
	}

#committee li, 
#counselors li {
	display:block;
	float:left;
	margin: 0 5px;
	background:#fff;
	border:1px #ccc solid;
	padding:5px;
	text-align:center;
	width:100px;
	}

#aboutmap{
	margin-top:-75px;
	background:#fff;
	border:1px #ccc solid;
	padding:5px;
	}

#map{
	background:#fff;
	border:1px #ccc solid;
	padding:5px;
	}
	
a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin: 5px 0 10px 0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	}