@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "typography.css";

/* Utility */
		
body {background-color:#fff; font-size:100%; font-family: Arial, 'Sans Serif'; text-align: left; color:#333;}

		

* {margin: 0; padding: 0;} /*universal selector to remove browser's default values of padding and margin from all elements*/		

.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear: both;}
.button {background:none; color:#4285b9; border:none; font-size:1.5em; padding:5px;}
.button:hover {cursor:pointer; background-color:#4285b9; color:#FFFFFF;}
.none {display:none;}


strong {font-weight:bold}
em {font-style:italic}
a img {border: none} /* gets rid of IEs blue border*/
hr { border-color:; opacity:;}

/*splash page*/

h1 {font-size:1.8em; font-family: 'Lucida Sans Unicode', Arial, 'Sans Serif'; color: #dfdfdf; font-weight:lighter;}
h2 {font-size:2.4em; padding:45px 0;}
h3 {font-size:1.5em; font-weight:100; color:#999;}

.rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.dtangl {color:#88a126; padding: 5px; text-decoration:none;}
.dtangl:hover {background-color:#88a126; color:#dfdfdf;}
.green {color:#88a126;}
.blue {color:#4285b9;}
.lightBlue {color:#70c7ef;}
.lightGrey {color: #ccc;}
.medGrey {color:#999;}
.darkGrey {color:#666;}
.black {color:#000; padding:10px 0px;}

#wrapper {position: fixed; top 0px; left 0px; width:100%;}

#topBar {background-color:#333333; width:100%; height:auto; padding: 10px; position:relative; z-index:2;}

#content {height:400px; background-color:transparent; position:relative; z-index:1; padding:10px;}

#quote {background: transparent url(/style/img/braces.png) 0 0 no-repeat; font-size: 1em; width:375px; height: 105px; float: left; margin:0px 30px 0px 0px; padding:20px 50px;}

#quote p{width:375px; text-align:justify;}

#dtanglMission {height:155px;}

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

#bottomBar {background: transparent url(/style/img/grass.png) repeat-x; width: 100%; height:225px; position: fixed; bottom: -50px; text-align: center;}


/* ----------------- Form -------------------- */

#leaveEmail {margin:50px 0 0 0px; width:100%;}

#leaveEmail .v-center {padding:1em 0;}

#leaveEmail input{margin:0 0;}

#leaveEmail input.email{background:none; height:1.3em; width:300px; border:3px solid black; padding:.9em; margin-left:10px; font-size: 1.1em;}

#leaveEmail input:focus {border-color: #FF9900;}

#leaveEmail .error {color: red; font-size: 1.2em; padding-left: 5px}

.loader {width:960px; margin-top:50px; background-color: #D9EEFF; text-align:center;}

.bar{display:none; background: url(/style/img/ajax-loader.gif) center no-repeat; margin-left:20px; margin-top:50px; height:1.5em; width: 230px; padding:10px;}