/* css page for IOA Mod Nationals home page, January 2007 


red				#cb1009
pale gray		#f4f5f6
medium gray		#494949
medium gray		#383838

*/




/* parts of the page */


body {
	font-family:  /* "Myriad Pro", */verdana, arial, helvetica, sans-serif;  
	font-size:  .8125em;  
	color: #333; 
	background-color: #fff; 
	background-image:  url("../images/web-bg.jpg");  
	background-position:  0px 0px;  
	background-repeat:  repeat-x;  
	}


#container {
	margin-left: auto; 
	margin-right: auto; 
	background-color: #fff; 
	width: 960px; 
	}

#header {
	background-color: #000; 
	background-image:  url("../images/mast-1b.jpg");  
	background-position: 0px 0px;  
	background-repeat:  no-repeat;  
	height: 130px; 
	border-bottom: 1px solid #383838; 
	}

#tag {
	background-color: #000; 
	height: 25px; 
	padding-top: 5px; 
/*	border-bottom: 1px solid #383838; */
	}

#center {
	width: 100%; 
	}

#middleCol {
	background-image:  url("../images/web-center-bg.gif");  
	background-position:  0px 0px;  
	background-repeat:  repeat-x;  
	background-color: #fff; 
	}

#leftCol {
	width: 200px; 
	background-image:  url("../images/web-leftRail-bg.gif");  
	background-position:  0px 0px;  
	background-repeat:  no-repeat;  
	background-color: #f4f5f6; 
	}

#rightCol {
	width: 235px; 
	background-image:  url("../images/web-rightRail-bg.gif");  
	background-position:  0px 0px;  
	background-repeat:  no-repeat;  
	background-color: #f4f5f6; 
	}

#footer {
	color: #fff; 
	background-image:  url("../images/web-bottom-bg.gif");  
	background-position:  0px 0px;  
	background-repeat:  repeat-x;  
	background-color: #000; 
	height: 120px; 
	padding-top: 10px; 
	clear: both; 
	}












/* common stuff & styles */

p {
	font-size:  95%; 
	margin-left: 25px; 
	margin-right: 15px; 
	}

h2 {
	font-size:  140%;  
	margin-left: 25px; 
	margin-right: 15px; 
	margin-top: 25px; 
	color: #cb1009; 
	}

h3 {
	font-size:  110%;  
	margin-left: 0px; 
	margin-right: 5px; 
	}

h4 {
	font-size: 110%;
	margin-left: 35px;
	margin-right: 5px;
}

hr	{
/*	border-bottom: 1px solid #cb1009; */
	margin-left: 15px; 
	margin-right: 15px; 
	clear: both; 
	}

blockquote {
	font-size: 90%;
/*	margin-left: 15px;
	margin-right: 25px;*/
	border: 2px solid #C8C8C8; 
	margin: 10px 30px 10px 30px;
	padding: 5px;
	background-color: #fff;
	}

li	{
	font-size: 90%;
	}

small {
	margin-left: 25px;
	margin-right: 25px;
}

iframe {
	padding-left: 25px;
}






/* pseudos */


a:link, a:active	{
	color: #930; 
	text-decoration: none; 
	}
	
a:visited	{
	color: #930; 
	text-decoration: none; 
	}
	
a:hover	{
	color: #063; 
	text-decoration: underline; 
	}
.menu a:link, a:active	{
	color: #930; 
	text-decoration: none; 
	}
	
.menu a:visited	{
	color: #930; 
	text-decoration: none; 
	}
	
.subnav {
	font-family: verdana, arial, helvetica, sans serif; 
	font-size: 80%;
	margin-left: 35px;
	}
	
.menu a:hover	{
	color: #063; 
	text-decoration: underline; 
	}
	
#footer a:link, a:active	{
	color: #fff; 
	text-decoration: underline; 
	}
	
#footer a:visited	{
	color: #fff; 
	text-decoration: underline; 
	}
	
#footer a:hover	{
	color: #063; 
	text-decoration: underline; 
	}
	








/* specific stuff & styles */


#tag h1 {
	font-size:  125%; 
	color: #fff; 
	text-align: center; 
	font-weight: lighter; 
	}

.menu {
	margin-top: 30px; 
	}

.menu li {
	list-style-type: none; 
	font-size: 100%;  
	line-height: 110%; 	
	margin: 0px 10px 0px -15px; 
	padding: 10px 0px; 
	border-top: 1px solid #494949; 
	}

#leftCol h3 {
/*	padding-top: 15px; */
	font-size: 100%;  
	}

/* #leftRail img {
	padding: 25px 35px 0px 35px; 
	}
*/
#leftCol img {
	margin: 0px 0px 15px 25px; 
	}

#leftCol p.center {
	text-align: center; 
	margin-left: 20px; 
	margin-top: 5px; 
	}

#rightCol img {
	margin: 0px 0px 0px 0px; 
	}

#rightCol img.border {
	border: 1px solid #383838; 
	margin-top: -5px; 
	}

#rightCol h3 {
	padding-top: 15px; 
	}

#rightCol p {
	line-height: 130%; 
	}

#rightCol p.caption {
	font-size: 80%;  
	line-height: 140%; 
	margin-top: -10px; 
	}

#middleCol img {
	padding: 0px 0px 15px 25px; 
	}

#middleCol h3 {
	padding-top: 15px; 
	}

#middleCol p {
	line-height: 130%; 
	padding-right: 15px; 
	}

#headerlogo {
	float: right; 
	padding-top: 5px; 
	}

#footerlogo {
	float: right; 
	margin-left: 20px; 
	margin-right: 20px; 
	}

#footer h2 {
	font-size: 100%;  
	color: #cb1009; 
	margin-top: 10px; 
	margin-left: 25px; 
	}

#footer p {
	font-size:  80%;  
	line-height: 150%; 
	margin-left: 25px; 
	margin-right: 150px; 
	}

div.finalLap	{
	border: 2px solid #006; 
	margin: 10px 20px 10px 20px; 
	background-color: #fff;
	}

div.finalLap h2	{
	font-size: 110%; 
	color: #000; 
	margin-top: 15px; 
	}
	
div.map {
	
}






/* miscellaneous */


.indent25 {
	padding-left: 25px; 
	}

div.clear  {
	clear:  both;  
	height:  0px;  
	line-height:  0px;  
	margin:  0px;  
		}

.style2 {color: #CB1009}

.schedule {
	margin-left: 20px;
}
.cancelled {
	text-decoration: line-through;
}
.cancelledText {
	text-decoration: none;
	color: red;
	font-weight: bold;
}
.approved {
	color: green;
	font-weight: bold;
}
		
		
		
		
		/* more div stuff & styles */

		div#search	{
			margin-top: 20px; 
			margin-bottom: 20px; 
			margin-left: 25px; 
			}

		div#search input	{
			font-size: 80%;	
			color: #063; 
			font-weight: bold; 
			}

		div#search p	{
			font-size: 80%;	
			margin-top: 20px; 
			margin-bottom: 5px; 
			margin-left: 0px; 
			}