/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)
*/

/* color:#db4105; orange-ish 
color:#286ea0; blue-ish
color:#33332D; gray-like
color:#FFF8E3; beige-ish


Screen layout: */

body {
padding: 0;
margin: 0;
min-width:640px;
font: 76% tahoma, verdana, sans-serif;
background: white; /* #808080; cccccc light grey - 505050 dark grey */
color: #303030;
}

ul {
	margin-top:0px;
	line-height:15px;
}

input {
	font-size:11px;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
/* background:#ededed; */
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 600px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #fafafa url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url(corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
/* width: auto;*/
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#logo {
width: 210px;
margin: 0 0 10px 0;
float: left;
}

#navitabs {
clear: both;
}

.navitab {
font-size:0.8em;
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
color:black;
background: #CCCC9F url(corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
background: #d0d0d0 url(corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #505050 url(corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}

#desc  {
width:196px;
height: 257px;
color: black;
padding: 0;
/* background: #ffffcc url(/images/indyrunnersfrontNew.jpg) top right no-repeat;*/
background: #ffffcc;
margin: 5px 0 0 0;
border-left: 1px solid black;
border-bottom: 1px solid black;
float:left;
}

/* 
div.homeImage {
	margin: 5px 0 0 0;
	padding: 0;
	
}

div.homeImage .caption {
	margin: 4px;
	padding: 0;
	font-size:11px;
} */

#desc h2 {
padding: 15px 15px 0 15px;
color: black;
}

#submenu  {
height: 25px;
color: #ffffff;
padding: 0;
background: #505050;
clear: both;
margin: 5px 0 0 0;
}

#desc p {
width: 350px;
font-size: 1em;
line-height: 1.3em;
padding: 5px 0 0 15px;
}

#submenu p {
font-size: 1em;
line-height: 1.3em;
padding: 5px 0 0 15px;
}



#submenu h2 {
padding: 5px 15px 0 5px;
color: #ffffff;
}

#desc a, #submenu a {
color: #ffffff;
text-decoration: underline;
}

#main {
min-width:525px;
width: 60%;
float: left;
padding: 0 15px 50px 0;
/* border-right: 1px solid #d0d0d0; */
}

#mainWide {
min-width:525px;
width: 900px;
float: left;
padding: 0 15px 50px 0;
/* border-right: 1px solid #d0d0d0; */
}

#main h2, #mainWide h2, #main #article h2 {
	margin-top:8px;
	margin-bottom:0px;
	padding-bottom:5px;
	font-weight:bold;
	color:#db4105;
}

#main .aDisplay, #mainWide .aDisplay {
	margin-top:4px;
	padding:4px;
	color:red;
	font-weight:bold;
	size:1em;
	border:1px solid red;
	background-color:white;
}

#main a, #mainWide a {
	color:#286ea0; /*blue-ish*/

}

#main a:hover, #mainWide a:hover {
	/* background:#286ea0;
	color:white; */
	text-decoration:underline;
}

/* 
.nohover { 

}

.nohover:hover { 
	background:transparent;
} */


.block {
background: #f0f0f0;
padding: 15px;
}

#sidebar {
/* removing width here allows sidebar to center */
width:300px;
float:left;
padding: 5px;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 1em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}

h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}

h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
}

h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right {
margin: 0 0 5px 10px;
float: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

#main h2 {
	color:#33332D; /* gray-like */
	/* background:#FFF8E3; beige-ish */

	padding-left:2px;
}

#main .announcement {
margin: 2px 0 10px 0;
padding: 10px;
color: #505050;
border:1px solid #d0d0d0; /* #cccc9f; */
line-height: 1.3em;
/* background:#F7F7F7; */
}

#main .announcement h3 {
 margin-top:0px;
 margin-bottom:8px;
 color:#286ea0; /* blue-ish */
 font-weight:bold;
}

#main .announcement h2 {
 line-height:1.1em;
 color:#286ea0;
 font-weight:bold;
}

#main .announcement p {
 margin-top:10px;
 margin-bottom:10px;
} 
#main .announcement p.small {
 margin-top:8px;
 color: #808080;/* #db4105; orange-ish */
 /* background:#fff8e3;*/
} 

#main .memberAlert {
padding: 5px;
border:1px solid red; /* #cccc9f; */
line-height: 1.3em;
/* background:#F7F7F7; */
}

#header {
clear: both;
margin: 5px 0 10px 0; /* first number here adds space between top and begin of header */
padding: 0;
height: 100px;
}

#header p {
width: 250px;
float: left;
text-align: left;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

#topphoto {
width:530px;
padding-left:25px;
border: 0;
float:left;
}

.small {
font-size: 0.8em;
}

.row2 {
	background-color:white;
}
.row1 {
	background-color:#f0f0f0;
}

.rowheader {
	background-color:lightsteelblue;
	font-weight:bold;
}

.required {
	font-weight:bold;
	border:1px solid #a0a0a0;
	background-color:#ededed;
}

.rowhighlight {
	background:gainsboro;
}

.instructions {
	font-size:11px;
	margin-left:20px;
}

#mapContainer {
    height: 500px;
    width: 500px;
	border: 1px solid black;
}

.irevent {
	background-color:lavender;
}

table.results {
	border-width: 1px;
	border-style: solid;
	border-color: lightsteelblue;
	border-collapse: collapse;
	background-color: white;
}

table.results td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: lightsteelblue;
	background-color: ;
}

#article li {
	margin-left:25px;
	list-style-type: disc;
	margin-bottom:5px;
}

/* CSS from tutorials of www.alsacreations.com/articles */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menu {
position: static; /*was absolute */
top: 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
font-size:10px;
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color:white;
background: #00B8F1; /* blue from IR logo */
border: 1px solid gray;
margin: 1px;
}


#menu dd {
display: none;
border: 1px solid gray;
 width:125px;
 position:absolute; /*makes menu options as wide as the longest menu text string
 					without, the menu pushes content down the page when it appears.
 */

}
#menu li {
text-align: center;
background: #fff;
font-size:12px;
border-bottom:1px solid #ededed;
/* padding-top:2px;
padding-bottom:2px; */
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a {
	color:white;
}

#menu li a:hover, #menu dt a:hover {
background: #FFF8E3;
/* color:#db4105; orange */
}

#menu dt a:hover {
	background: #FFF8E3;
	color:black;
	
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

/* .mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
} */



				
/* Navigation - added 02/19/2009 for jquery menu */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  border-left: 1px solid #ececec; /* the border for main menu item */
  float: left;
  margin: 0;
  padding: 0;
  position: relative; /* makes the sub-menu show up below the main menu item */
  /* also seems to make vertical space between teach sub-menu item */
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/25px Arial, Helvetica, sans-serif;
  background: white; /* #565656; */
  color: #959595; /* text color of menu items */
  display: block;
  padding: 0 9px;
  /* text-transform: lowercase; */
  text-decoration: none;
}

.nav li a:hover {
  background: #ccc;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #fc9419; /* the hover color behind main menu items */
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: white; /* #565656; the color behind each menu item bar */
  color: #959595;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}

.nav ul {
  background: white; /* the color between each menu item */
  border-bottom: 1px solid #000; /* border at bottom of sub menu items (all of them) */
  list-style: none;
  margin: 0;
  width: 185px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0; /* border for each sub menu item) */
  float: none;
}
.nav ul a {
  border: 1px solid #ececec; /* border of sub menu right and left */
  border-bottom: 0;
  padding-right: 20px;
  /* width: 175px; */
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

#nav-one li ul li { font-size:10px; } /* the size of the font in the sub menu items */

#nav-one {
	margin-bottom:20px;
	padding-bottom:20px;
}