html {
font-family: 'DroidSans', Georgia, Arial, sans-serif; 
background-color: rgb(153,0,0);
/*height: 1400px;*/
}

.navigation
{
position: relative;
top: -30px;
}

#notLoggedIn
{
	height: 2px;
	overflow: hidden;
}

#examplereg
{
	position: relative;
	left: -12px;
	top: -2px;
}

.bfireg
{
	width: 90%;
	margin-left: auto;
	text-align: left;
}

#runnerinfo
{
	width: 728px;
}






h1 {
color: rgb(1,31,91); 
background-color: rgb(255,255,255);
font-size: 36px;
text-align: center;
position: relative;
top: -10px;
}

h2
{
	margin-top: -20px;
	margin-bottom: -20px;
}

h3
{
	color: #FFFFFF;
}

h4
{
	font-size: x-large;
	text-decoration: underline;
}


body{width: 1028px;
/*height: 1000px;*/
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
text-align: center; 
color: rgb(1,31,91);  
}

ul
{
	list-style-type: none;
	margin-top: 25px;
	padding: 15px;
}

ul li
{
	float: left;
}

ul a
{
	display: block;
	width: 100px;
	color: black;
}

ul a:link, a:visited
{
	background-color: #FFFFFF;
	color: #666666;
}

ul a:hover, a:active
{
	background-color: #FFFFFF;
	color:  #315496;
}
hr
{
	width: 95%;
	height: 3px;
	background-color: #666666;
	color: #666666;
	border-width: 0px;
	margin-bottom:-6px;
	margin-top: -10px;
	
}
#nircastar
{
position: relative;
top: -660px;
}

#info
{
	
	text-align: left;
	width: 95%;
	margin: auto;
}

#used
{
	color: green;
}

#bad
{
	color: red;
}



img.cookies
{
position: relative;
left: -600px;
top: 0px;
border: 8px solid rgb(204,204,204);
width: 259px;
height: 101px;
}

.foodslide
{
	padding: 0;
	margin: 0;
	left: 8px;
	top: -53px;
}

.groupslide
{
	padding:  0;
	margin: 0;
	left: 8px;
	top: -55px;
}

.raceslide
{
	padding: 0;
	margin: 0;
	left:  285px;
	top: -363px;
}


img.group
{
position: relative;
height: 174px;
left: -72px;
top: 123px;
border: 8px solid rgb(153,0,0);
width: 259px;
}

img.race
{
position: relative;
left:  -4px;
top: -190px;
border: 8px solid rgb(1,31,91);
width: 404px;
height: 294px;
}



#logo
{
position: relative;
left: 210px;
top: -75px;
}


#pimp
{
	width: 90%;
	margin-bottom: 3px;
	margin-left: auto;
	margin-top: -30px;
}

#tagline
{
	font-weight: bold;
	text-align: center;
}

#bigbox
{
background: rgb(1,31,91); /* for non-css3 browsers */
color: white;
width: 275px;
height: 170px;
position: relative;
top: -665px;
left: 8px;
font-size: 48px;
word-wrap: break-word;
}

#greybox
{
	background: rgb(102,102,102); /* for non-css3 browsers */
	color: white;
	width: 275px;
	height: 213px;
	position: relative;
	top: -665px;
	left: 8px;
	font-size: 48px;
	word-wrap: break-word;
	margin-top: 3px;
	
}

#registration
{
	text-align: left;
	margin-top: 10px;
}


#blurb
{
width: 400px;
position: relative;
top: -360px;
left: 290px;
}

table.meetschedule th
{
	text-decoration: underline;
}

a
{
	color: #011f5b;
	text-decoration: none;
}

a:hover
{
	color: #990000;
}



#slider
{
	width: 760px;
	position: relative;
	left: -10px;
	margin: 0 auto;
	padding-bottom: 100px;
	margin-top: 30px;
}

#tits
{
	margin-bottom: 40px;
	text-align: center;
}

#slider ul
{
	list-style-type: none;
	background: rgb(208,208,208, 0);
	width:  200px;
	position: relative;
	left: 515px;
	top: 25px;
	height: 20px;
}


#slider a
{
	display: block;
	background: rgb(208, 208,208);
	color: rgb(1,31,91);
	height: 30px;
	width: 200px;
}

#slider a:hover, a:active
{
	background: rgb(153,0,0);
}

.scroll
{
	height: 400px;
	width: 520px;
	overflow: auto;
	position: relative;
	clear: left;
	background: #FFFFFF;
	margin-top: 100px;
	top:  -200px;
	left: 10px;
}


.scrollContainer div.panel
{
	padding: 20px;
	height: 400px;
	width: 500px;
	position: relative;
}



img.boardimg
{
position: relative;
}

boardtxt
{
	position: relative;
	top: -250px;
	left: 350px;
	text-align: left;
}


#boardinfo
{
	text-align: left;
	position: relative;
	top:  -350px;
	left: 220px;
	width: 280px;
}

.webpic
{
	position: relative;
	left: -150px;
}

#runningcrusty
{
	top: -10px;
	
}

#alan
{
	height: 250px;
	position: relative;
	top: -57px;
}

.portal
{
	border-style: solid;
	border-width: 4px;
	border-color: rgb(204,204,204);
	margin: 2px;
}

 #members
{
	margin: auto;
}

table #members d th
{
text-decoration: underline;
}

#register
{
	text-align: left;
	margin-left: 200px;
}



#ad
{
	position: relative;
	top:  -250px;
	left: 150px;
	width: 350px;
	text-align: left;
}

#em
{
	position: relative;
	top:  -400px;
	left: 210px;
	width: 255px;
	text-align: left;
}

#boardinfo
{
position: relative;
	width: 300px;
	top:  -300px;
	left: 225px;
	text-align: left;
}

#bf
{
	position: relative;
	width: 220px;
	top: -270px;
	left: 252px;
	text-align: left;
}

#af
{
	position: relative;
	width: 280px;
	top: -400px;
	left: 212px;
	text-align: left;
}

#jk
{
	position: relative;
	width: 278px;
	top: -110px;
	left: 200px;
	text-align: left;
}

#jamespic
{
width: 278px;
position: relative;
top: -200px;
left: 190px;
text-align: left;
}

.boxgrid
{
	width: 220px;
	height: 220px;
	margin: 10px;
	float: left;
	background: #ffffff;
	margin:  solid 1px #000000;
	position: relative;
	overflow: hidden;
}

.boxfrid img
{
	position:  absolute;
	top:  0;
	left: 0;
	border: 0;
}

.boxcaption
{
	float:  left;
	opacity: 0.8;
	position: absolute;
	background: #011f5b;
	height: 120px;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	color: #ffffff;
}

.boxcaption a
{
	color: #ffffff;
}

.captionfull .boxcaption
{
	top: 168px;
	left: 0px;
}

#regform
{
	text-align: left;
	margin-top: 20px;
	margin-left: 100px;
	color: #444444;
	font-weight: bold;
}


titles
{
	font-weight: bold;
	color: #011f5b;
	font-size: 16px;
	text-decoration: underline;
}

.man
{
	font-weight: bold;color: rgb(153,0,0);
}

div #line
{
	width: 692px;
	height: 2px;
	border: 0;
}

div .title
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
	left: -60px;
}

div .head
{
	position: relative;
	top:  -320px;
	left: 20px;
}

div.menubar
{
	margin-bottom: -30px;
	width: 90%;
	margin: auto;
	
}


#president
{
	
}

#veep
{
top: 800px;
}

#treasurer
{
	left: 1400px;
	top: -800px;
}

#secretary
{
left: 700px;
top: -1200px;
}

#nirca1
{
	top: -1000px;

}

 #nirca2
{
	top: -800px;
	left: 600px;
}

 #web
{
	top: -1000px;
	left: 1200px;
}



/*Members Portal Styles*/
#portalNav
{
	width: 149px;
	position: relative;
	top: -100px;
}

#portalContentPane
{
	height: 466px;
	width: 561px;
	margin: auto;
	position: relative;
	left: 84px;
	top: -134px;
	border: 3px solid black;
}

.portalContentItem
{	position: relative;
}

.linkObject
{
	height: 76px;
	width: 150px;
	background-color: rgb(204,204,204);
	margin-left: 2px;
	margin-bottom: 2px;
	
}

.linkObject:hover, 
{
	background-color: rgb(102,102,102);
	text-shadow: ;
}




.portalNavItem
{
	background-color: rgb(204,204,204);
	height: 76px;
	width: 150px;
	color: #011f5b;
	font-weight: bold;
	margin-bottom: 2px;
}

.linkObject>a:visited
{
	background-color: rgb(204,204,204);
	color: #011f5b;
	text-align: center;
}

#portalNav a
{
	color: #011f5b;
	vertical-align: middle;
	background-color: rgb(204,204,204);
	text-align: center;
	position: relative;
	top:  33%;
	margin: auto;
	margin-top: auto;
}

/*legacy page styles*/


#Forecast
{
	width: 160px;
	margin: 1px;
}

#Links
{
	width: 540px;
	position: relative;
	left: 173px;
	top:  -635px;
	
}

#Feed
{
	width: 328px;
	position: relative;
	left: 173px;
	top:  -635px;
	
}

#Events
{
	width: 200px;
	position: relative;
	left: 513px;
	top: -725px;
}

#Routes{
	width: 328px;
	position: relative;
	left: 173px;
	top:  -1050px;
}

#Tools {
	width: 328px;
	position: relative;
	left: 173px;
	top:  -1050px;
}

#Photos
{
	position: relative;
	top: -950px;
}