/*-----------------------------------------------*/
/* css document for OnTheSnap.com*/
/* Design by Karen Takahashi - katadesignstudio.com*/
/* Last update: 21 Feb 2008*/
/*-----------------------------------------------*/

body {
	padding: 0;
	border: 0;
	text-align: left;
	color: #000;
	background-color: #000;
	font: 12px arial, verdana,helvetica, helve, sans-serif;
	}
	
p {
 	line-height: 15px;
	margin-top: 0;
	padding-top: 0;
	color: rgb(43,43,43);
}

a {text-decoration: none;}
a:link {color: rgb(44,112,19);}
a:hover {color: rgb(95,183,255); text-decoration: none;}

a.nav, a.nav:link, a.nav:visited { width:95px; height:32px; background: url(art/btn_green.gif) 0 0 no-repeat; text-align: center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#FFF; line-height:27px; overflow:hidden; float:left;}
a.nav:hover {background:url(art/btn_orange.gif) 0 0 no-repeat;}
a.nav:active {background:url(art/btn_orange.gif) 0 0 no-repeat;}

#wrapper{
	margin: 10px auto;
	width: 925px;
 	padding: 0px;

 	}
#header {
	height: 200px;
	background-color: #25a9d4;
	background: url(art/header3.gif) 0 0 no-repeat;
	padding: 0px;
	}
	
#container{
	margin: 0px 0px 0px 20px;
	background-color: #404040;
	padding: 0px 14px 0px 18px;
	border-left: 6px solid #FFF;
	border-right: 5px solid #FFF;
	}
	
#mainouter {
	background-color: #404040;
	margin: 0px 0px 0px 247px;
	padding: 10px 0px 8px 0px;
	height: auto;
	position: relative; } /*** for IE6 ***/
		
#maininner {
	background-color: #FFF;
	border: 5px solid #CCC;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 585px;
	position: relative; } /*** for IE6 ***/	
	
#maininnerstretch {
	background-color: #FFF;
	border: 5px solid #CCC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	height: auto;
	position: relative; } /*** for IE6 ***/			

#box1 {
	border: 1px solid #BDBDBD;
	margin: 12px 12px 0px 12px;
	padding: 5px;
	/***background: url(art/LNL_blank.gif) 0 0 no-repeat;***/
	min-height: 100px;
	height: auto;
	}

#box562 {
	margin: 12px 12px 0px 12px;
	padding: 5px;
	height: 562px;
	}		

#box1stretch {
	margin: 12px 12px 0px 12px;
	padding: 5px;
	height: auto;
	}
	
#box1a {
	border: 4px solid #BDBDBD;
	margin:12px 12px 0px 12px;
	padding: 0px;
	}	
	
#box1b {
	margin: 0px 0px 0px 5px;
	padding: 10px;
	width: 575px;
	height: 550px;
	overflow: auto;
	}	
	
#box1c {
	margin: 0px 0px 0px 5px;
	padding: 10px;
	width: 575px;
	height: 400px;
	overflow: auto;
	}	
	
#box2 {
	background-color: #FFF;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 15px;
	height: 500px;
	position: relative; } /*** for IE6 ***/	

#boxsection {
	margin: 12px 12px 0px 12px;
	padding: 5px;
	height: auto;
	}		
	
#leftouter{
		float: left;
		border-left: 5px solid #CCC;
		border-right: 5px solid #CCC;
		border-bottom: 5px solid #CCC;
		background: url(art/BG_gradient5a.jpg) 0 0 no-repeat;
        padding: 0px;
        width: 227px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 227px;
        height:600px;
        }
html>body #content {
        width: 227px; /* ie5win fudge ends */
        }

#leftinner {
	color: #000;
	text-align: left;
	font-size: 12px; 
	line-height: 130%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 2px 0px 30px;
	padding: 0px;
	height: 100px;
	}
	

	
#announce {
	color: #000;
	text-align: left;
	font-size: 12px; 
	line-height: 130%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 93px;
	text-overflow:ellipsis;
	overflow:hidden;
	}	
	
#topnav{
	height: 33px;
	width: 600px;
	padding:87px 0px 0px 0px;
	margin:0px 0px 0px 312px;
}	

#footer { margin: 0; background: url(art/footer.gif) no-repeat; padding: 27px 0 0 65px; height: 200px; }
	
#adpanel {
	border: solid 2px #cc3333;
	margin: 0;
	padding: 0;
	}	

#footer2 {
	margin: 0px 0px 0px 20px;
	border: 1px dashed #FFF;
	background-color: #404040;
	padding: 10px;
	}

.date  { 
	color: #000; 
	font-size: 11px; 
	font-family: Lucida, Arial, Verdana, Helvetica, sans-serif; 
	font-weight: 400; 
	line-height: 115%; 
	text-align: left;	
	}

.date2  { 
	color: #333; 
	font-size: 10px; 
	font-family: Lucida, Arial, Verdana, Helvetica, sans-serif; 
	font-weight: 700; 
	line-height: 125%; 
	text-align: left;	
	letter-spacing: 1px;
	}

.buttons{
	color: #FFF;
	font-size: 11px;
	font-family: Lucida, Arial, Verdana, Helvetica, sans-serif;
	font-weight: 600;
	line-height: 200%;
	text-align: center;
	}
	
.headline  { 
	color: black; 
	font-size: 20px; 
	font-weight: 500; 
	font-family: Lucida, Arial, Verdana, Helvetica, sans-serif;
	line-height: 100%; 
	background-color: transparent; 
	text-align: left }	
	
.section {
	font-size:20px;
	font-weight: 500;
	line-height: 120%;
	color: rgb(44,112,19);
	text-align: left;
	}

.title {
	font-size:13px;
	font-weight: 700;
	line-height: 100%;
	color: #000;
	text-align: left;
	}
	
.lgtext {
	font-weight: 400;
	font-size: 15px; 
	line-height: 135%;
	letter-spacing: -0.01em;
	color: rgb(38,38,38);
	font-family: Lucida, Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	}	
	
.tableSmall {
	line-height: 105%;
	font-size: 9px; 
	font-family: Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
	color: #000;
	}
		
.tableSmallHdr {
	line-height: 105%;
	font-weight:bold;
	font-size: 10px; 
	font-family: Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
	color: rgb(41,112,19);
	}	

.tableMedium {
	line-height: 105%;
	font-size: 10px; 
	font-family: Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
	color: #000;
	}
	
.tableMediumB {
	line-height: 105%;
	font-weight: bold;
	font-size: 10px; 
	font-family: Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
	color: #000;
	}	
	
.tableLargeHdr {
	line-height: 105%;
	font-weight:bold;
	font-size: 12px; 
	font-family: Lucida, Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
	color: #FFF;
	background-color: rgb(41,112,19);
	}