/* Stylesheet: berkeleydm.org */

/* Colors used:
3e698a: grey blue
2489b0: cerulean
131a51: dark blue
727f87: medium grey
34332f: dark grey  */

/*Body styles: backgrounds, fonts, headers */
body {
background-image: url('http://berkeleydm.org/images/body_bg.gif');
text-align: left;
background-repeat:repeat;
background-position: top;
font: 90% Helvetica, Tahoma, sans-serif;
margin: 0;
padding: 0;
height: 100%;

}

		
h1 {
    font-family: Helvetica, Tahoma, sans-serif; 
    color: #727f87; 
    padding: 7px 5px 15px;
    letter-spacing: -2pt; 
    font-size: 30pt;

		}
        
.title {
    font-family: Helvetica, sans-serif !important;
    color: black;
    padding-left: 0px;
    letter-spacing: -2pt;
    margin-bottom: -30px;
	font-weight: bolder !important;
	font-size: 30pt !important;
}

a.nav {
    font-family: Helvetica, Tahoma, sans-serif;
    color: #2489b0;
    letter-spacing: -1pt;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
    } 

a.nav:hover {
    text-decoration: underline;
}

h2 {
    font-family: Helvetica, sans-serif; 
    color: #34332f; 
    font-weight: normal; 
    font-size: 14pt;
}


.rightAlignTitle {
	text-align: right;
	letter-spacing: -2pt;
}

.rightAlignTitle.main{
	color: #0012c3;
	font-weight:bolder;
	font-size:25pt !important;
}
		        
.rightAlignTitle.secondary{
	color: black;
	font-weight: normal !important;
	margin-top:-34px;
	margin-bottom: -5px;
	font-size: 27pt !important;
}

.secondaryTitle {
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0pt;
	font-size: 13pt;
	padding-left: 5px;
}

.leftAlignTitle {
	color: #000;
	letter-spacing: -1pt;
	font-size: 19pt;
	margin-bottom: -5px !important;
}

.lightTitle {
	
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 0pt;
	font-weight: bolder;
	font-size: 15pt;
	text-align: left;
	margin-top: 6px;
	margin-bottom: -5px;
}
		       
p {
	font-family: Helvetica, sans-serif;
    color: #000;
    text-align:left;
	font-size: 11pt;
	line-height: 22pt;
	margin-bottom: 10px;
	font-weight: normal;
}

p.section {
border-bottom: 1px solid #ccc;
}

p.footer {
	color: #fff;
	font-size: 10pt !important;
	line-height: 15pt !important;
	font-weight: normal !important;
	}
	
p.underHeaderImg{
	font-size: 9pt;
	line-height: 10pt;
	}
	

/*Links*/

a.topAlign:link, a.topAlign:visited {
	position: relative;
	top: -2em;
	padding-left: 5px;
    color: #000;
    text-decoration: underline;
    
  }

a.subpageElement:link, a.subpageElement:visited {
	color: #0012c3;
	display:block;
	width: 75%;
	height: 30px;
	float: right;
	text-align:right;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	
	padding: 5px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}

a.subpageElement:hover {
	background: #ccc;
	text-decoration: underline;
	color: #be0000;
}

a.contentTitle:link, a.contentTitle:visited {
	color: #0012c3 !important;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:-1px;
	font-size: 19pt;
	font-weight: bolder;
}

a.contentTitle:hover{
	color: #be0000 !important;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing:-1px;
	font-size: 19pt;
	font-weight: bolder;
}

a.footer {
color: #3e698a;
text-decoration: none;
text-transform: uppercase;
font-weight: normal !important;
letter-spacing:-1px;
}

/*Document Objects*/



table {
border-collapse: separate;
border-spacing: 3 3;
}

td
{ font-family: tahoma; 
color: #000000;
font-size: 8pt;
text-align: center;
height: 25%;
width: 25%;
 }

input, textarea
{ background: #fff;
font-family: Helvetica; 
float: left;
font-size: 9pt;
color: #be0000;  }

img {
border: 0;
padding: 0px;
margin-left:-4px;
}


img.wrapRight {
	padding: 0px; 
	margin-right: 0px;
	float: right;
	}

img.wrapLeft {
	padding: 0px; 
	margin-right: 10px;
	float: left;
	}

img.topAlign {
	margin-left: 0px !important;
}

img.head{
	vertical-align: top;
	float: right;
	}

img.button {
	margin-left: 5px;
}

img.hidden {
	display: none;
	}

img.sponsor {
	padding: 10px;
	}

/*Page structure*/

#wrapper {
	margin: 0 auto;
	width: 991px;
    padding: 30px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    }

#topmostBar {
	position: absolute;
	top: 0px;
	width: 991px;
	clear: both;
	height: 29px;
	z-index: 1000;
	text-align: right;
	
	padding-right: 10px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
}

#topWrapper {
	position: absolute;
	top: 24px;
	background: #fff;
	width: 991px;
	z-index: 1;
	
	padding: 10px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
    box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
}

#menu {
    border-bottom: 3px solid #ccc;
    width: 971px;
    height: 120px;
    clear: both;
    
    padding: 10px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

    color: #24201b;
    font-size: 10pt;
    font-family: Helvetica;
    font-weight: bold;
}

#logo {
	width: 300px;
	float: left;
}


#nav {
	float: left;
	height: 100px;
	width: 640px;
	
	padding-top: 25px;
	padding-left: 50px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#headWrap {
	width: 100%;
	height: 375px;
	clear: all;
	}

#header, #headerImgs {
	margin-top: 10px;
	padding: 10px;
	float: left;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#headerImgs {
	width: 20%;
	padding-left: 25px !important;
}


#bodyWrapper {
margin-top: 445px;
width: 991px;
}

#bodyWrapperIndex {
margin-top: 587px;
width: 991px;
}

#content {
	margin-top: 0px;
	background: #fff;
	width: 991px;
	z-index: 1;
	clear: both;

	padding: 10px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
    box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
}

#contentMain {
	float: left;
	width: 590px;
	margin-right: 10px;
	border-top: 3px solid #ccc;
	
	padding: 15px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}
	
#contentSidebar {
	float: left;
	width: 370px;
	border-top: 3px solid #ccc;

	padding: 15px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}

#countdown{
	width: 100%;
	float: left;
	background-image: url('images/countdown_bg.gif');
	background-repeat: no-repeat;
	height: 70px;
	font-size: 26px;
	
    padding: 10px 15px 15px 15px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


#footer {
	margin: 20px 0px;
	float:left;
    background: #333333;
    border: 10px solid #525252;
    width: 991px;
    clear: both;
    position: relative;
    
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    
    color: #fff;
    text-align: left;
    font-size: 10pt;
    font-family: Helvetica;
    font-weight: Normal;

}

#footerWrap {
	width: 100%;
	float: left;
	position: relative;
}

#footerSub {
	position: absolute;
	top: 33px;
	right:40px;
	}

.footerContent {
	width: 50%;
	float: left;
	padding: 5px 10px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}