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

/* UNIV */
html	{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; }
body	{ background: #f8f8f8 url(../images/bgBody.gif) repeat-x top left;}

/* TYPE */
h1	{ font-size: 3.4em; color: #eaa40c;}
h2	{ font-size: 1.6em; color:#005276;}
h3	{ font-size: 1.4em;}
h4	{ font-size: 1.6em;}
h5	{ font-size: 1.1em;}
p	{ line-height: 1.7em; margin: 2px 0 10px 0;}
a	{ text-decoration: none; font-weight:bold; }
a:active	{ outline:1px dotted #4eb8e6; }
a:focus		{ outline:1px dotted #4eb8e6; }
a:hover		{ color: #00364d; text-decoration:underline;}
a:visited	{ color:#CCCCCC;}
a:link		{ color: #005276;}

/* CLASSES */
.allCaps	{ text-transform:uppercase;}
.fl			{ float: left;}
.fr			{ float: right;}
.cb			{ clear: both;}
.currentPage{ margin: 0 0 0 20px; line-height: 15px;}
.go			{ float: right; }
.search		{ float: left; margin: 2px 0 0 5px;}
.searchBox	{ color: #919191; font-size:11px; border: 0; float:left; width: 200px; margin: 2px 0 0;}
.searchButton { width: 18px; float: right; background:url(../images/buttonSearch.gif) no-repeat; height: 0px; padding-top: 18px; overflow:hidden; display: block; border: 0; margin: 1px 1px 0 0; cursor: pointer; /* hand-shaped cursor */}
.searchForm	{ border:1px solid #a15a09; width: 260px; background: #fff; height: 20px;}
.selected	{ padding-top: 56px !important;}
.login		{ background: #505050; border: 1px solid #848484; text-transform:uppercase; color: #fff; font-size: 11px; padding: 3px 26px;}
.login:hover{ background: #666; cursor:pointer;}
.roundedCorner	{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.singleColumn	{width: 330px; }
.singleColumn h3{ margin: 0 0 10px 0;}


#container	{ width: 990px; margin:0 auto; position:relative; color:#4b4b4b;}

header		{ height: 155px;}

	#headerLogo {margin: 32px 0 0 0; position:relative; right: 10px;}
	#headerLogo a{
		width: 583px;
		height: 0px;
		padding-top: 138px;
		overflow:hidden;
		display:block;
		background:url(../images/BlueLineProjectLogo.gif) no-repeat;
		margin: 0 0 20px 0;
	}

	#headerCounter		{ margin: 20px 0 0 0; font-family: Arial, Helvetica, sans-serif; width: 280px; }
	#headerNumbers		{background:url(../images/bgNumber.gif) no-repeat top left; width: 136px; height: 149px;display: block;}
	#headerNumbers h5,
	#headerNumbers h6	{ text-align: right; color: #fff;}
	#headerNumbers h5	{ font-size: 42px; letter-spacing:10px; position: relative; right:-4px;}
	#headerNumbers h6	{ font-size: 23px; letter-spacing:9px; position: relative; right:-3px; margin: 11px 0 0 ;}
	#headerText			{ width: 140px; height: 149px; display: block;}
	#headerText h5		{ font-size:2.3em; margin: 23px 0 0;}
	#headerText h6		{ font-size:1.2em; margin: 4px 0 0;}

#banner{
	display: block;
	height: 320px;
	background:url(../images/bgBanner.gif) no-repeat;
	position: relative;
}

#content{
	border: 1px solid #d0d0d0;
	background: #fff;
	padding: 10px;
	display: block;
	margin: 15px 0;
}

.content	{ width: 720px; display: block; margin: 0 0 0 20px;}
.join			{ background:#f9f9f9; width: 590px; height: 190px; padding: 15px 30px;margin: 10px auto; border: 1px solid #a4d1e4; text-align: center; }
#studentJoin	{ width: 200px; height: 0px; padding-top: 36px; display:block; overflow:hidden; background:url(../images/buttonJoinStudents.gif) no-repeat; margin: 10px auto 0 auto;}
#communityJoin	{ width: 200px; height: 0px; padding-top: 36px; display:block; overflow:hidden; background:url(../images/buttonJoinCommunity.gif) no-repeat; margin: 10px auto 0 auto;}
.register	{ width: 204px; height: 0px; padding-top: 45px; display:block; overflow:hidden; background:url(../images/buttonRegister.png) no-repeat; margin: 10px auto 0 auto;}
#twitter	{ background: #00547a; height: 35px; color: #fff; padding: 5px 15px; margin: 0 0 10px 0;}
#twitter h2	{ line-height: 30px; color: #fff; width: 95px; height:0px; overflow:hidden; display: block;background:url(../images/logoTwitter.png) no-repeat; padding-top: 22px; margin: 6px 0 0 0;}
#tweets		{ margin: 9px 0 0 10px; width: 850px; line-height: 17px;}
#tweets a	{ color:#fdb300; font-weight: bold;}

#links h3 a	{ height: 35px; color: #fff; padding: 5px 15px;width: 290px; display: block; line-height:30px;}
#whatIs 			{ background: #00547a;  margin: 0 5px 0 0;}
#whatIs:hover		{ background: #00415e;}
#threeFifty 		{background: #eaa40c; margin: 0 5px 0 0;}
#threeFifty:hover	{ background:#f9b626;}
#scienceOf 			{ background: #00547a; margin: 0 5px;}
#scienceOf:hover	{ background: #00415e;}
#facebook			{ background: #146d95; margin: 0 5px;}
#facebook:hover		{ background: #00415e;}
#volunteer			{ background: #00547a; margin: 0 0 0 10px;}
#volunteer:hover	{ background: #00415e;}
#bpf				{ background: #146d95; margin: 0 0 0 10px;}
#bpf:hover			{ background: #00415e;}

#sponsors a		{color:#FDB300 !important;}
#sponsors li	{margin: 5px 0;}
#links a:hover	{text-decoration: none !important;}