/***********************************************
llf_sub.css is the style sheet for all second
level pages. Fixed width, centered. Author: Neal Lee
************************************************/

* {
  margin: 0;
  padding: 0;
	} 

body {
	background-color: #bec4b4;
	text-align: center;
	font-size: 62.5%;
	}
	
#container {
	width:870px;
	text-align:left;
	padding: 0px;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px;
	}
	
#gutters {
	width:890px;
	margin:0;
	padding:0;
	background-color: #bec4b4;
	background-image: url(/img/backgrounds/home_bg_bluegray.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

a:link{
	color: #003c71;
	text-decoration: underline;
}

a:visited{
	color: #003C71;
	text-decoration: underline;
}

a:hover{
	color: #C41230;
	text-decoration: underline;
	background-color: #E3E6E6;
}

#topnav {
	width:auto;
	height:15px;
	margin: 0px;
	background-color: #FFFFFF;
	text-align: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px%;
	}
		
#topnav li {
	display: inline;
	list-style-type: none;
	padding-right: 25px;
	}
/********************************************
header and header_logo not used for now b/c
owner likes to put callout banners at the top
of the home page. Variations in desired sizes
and colors skews the header proportion, so a
table seemed to be the easiest thing to accommodate
the owner's wishes
***********************************************/

#corner {
position:absolute;
right:0px;
top:0px;
border:none
}
#corner a:hover {background:none}
		
#header {
	width:auto;
	height: 165px;
	margin: 0;
	background-color: #FFFFFF;
	/*background-repeat: repeat-y;
	background-position: left top;
	background-image: url(/img/backgrounds/header_bg.jpg);
	overflow:hidden;
	*/
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 8px;
	padding-right: 8px;
	}
		
/*#header_logo {
	width:575px;
	height:152px;
	padding:0;
	border:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	}
*/
	
#header td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	font-size: 1.2em;
	padding-right: 5px;
	padding-left: 5px;
	}
	
#header td h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C41230;
	padding-bottom: 5px;
	}
	
#header_callout {
	/* border: 1px dashed #999999; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	padding-top: 60px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	/* background-color: #A9B94D;
	margin-top: 15px; */
	text-align: center;
	}
	
.header_link a {
	color: #004b8d;
	font-size: 120%; 
	text-decoration: none;
	}

.header_link a:hover {
	color: #004b8d;
	text-decoration: underline;
	}
	
#navcontainer {
	float: left;
	height:27px;
	margin:0px;
	background-color:#003c71;
	width: 870px;
	padding-right: 0;
	padding-left: 0px;
	}
	
#navlist  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bold;
	}

#navlist ul {
	text-align: left;
	}

#navlist li {
	list-style: none;
	display: inline;
	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
	}

#navlist li a {
	text-decoration: none;
	background-color: #003c71;
	}

#navlist li a:link {
	color: #FFFFFF;
}

#navlist li a:visited {
	color: #FFFFFF;
}

#navlist li a:hover {
	background-color: #003c71;
	color: #FFCC00;
	text-decoration: underline;
	}

/**********************************************/

#content {
	width: 870px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.2;
	color: #333333;
	float: left;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 10px;
	}

#content h1 {
	font-size: 1.2em;
	color: #C41230;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	padding-top: 10px;
	}
	
#content h2 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #C41230;
	padding-top: 8px;
	}
	
#content h3 {
	font-weight: bold;
	color: #003C71;
	margin-bottom: 0px;
	padding-top: 10px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#content ul {
	padding-left: 15px;
	margin-bottom: 8px;
	margin-left: 15px;
	}

#content li {
	list-style-image: url(/img/backgrounds/arrow_red.gif);
	list-style-type: none;
	padding-top: 3px;
	}

/*IE hack - IE doesn't read the min-height style*/
*html #content_left {
	height: 48em;
	}
/*end hack*/

#content_left {
	min-height: 48em;
	width:60%;
	float:left;
	background:#fff;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #bec4b4;
	}
	
#content_left li {
	list-style-image: url(/img/backgrounds/arrow_red.gif);
	list-style-type: none;
	margin: 0px;
	}

#content_right  {
	min-height: 60em;
	float:left;
	background:#fff;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	width: 33%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 0px;
	font-size: 0.75em;
	line-height: 1.3;
	padding-left: 0px;
	}
	
#content_right li {
	list-style-image: url(/img/backgrounds/arrow_red.gif);
	list-style-type: none;
	}
		
#footer {
	background:#fff;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #003366;
	font-size: 0.9em;
	color: #999999;
	width: 835px;
	padding: 15px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
#footer p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	}
	
#pics {
	}

/*********************************************
Content items
*********************************************/


#contentcallout {
	background-color: #eee;
	border: 1px dashed #CCCCCC;
	width: 90%;
	margin-left: 20px;
	}
#contentcallout h1 {
	color: #C00323;
	font-size: 110%;
	}

.no-space {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.hr {
	clear: both;
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 3px;
	margin-right: 3px;
	}

.floatleft {
	float: left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	}

.floatright {
	float: right;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	}

.smallfine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	line-height: 17px;
	color: #666666;
	}
	
.bread {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
	color: #666666;
	}
	
.thumbnail {
	float: left;
	width: 105px;
	border: 1px solid #CCCCCC;
	background-color: #eeeeee;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 8px;
	height: 140x;
	color: #990000;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.gotop {
	margin-right: 20px;
	width: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-bottom: 10px;
	}

.clearboth { clear: both; }

.bigpics img {
	border: 1px solid #CCCCCC;
	padding: 8px;
	margin-top: 5px;
    }
	
.sitemeter {
	
	}
	
p,pre {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.sub_nav {
	padding-top: 25px;
	padding-right: 15px;
	padding-left: 15px;
	color: #c41230;
	text-align: center;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	padding-bottom: 5px;
	}
	
.sub_nav a {
	color: #c41230;
	}
	
.sub_nav a:hover {
	background-color: #FFDD77;
	}

.signupframe td {
padding:5px;
color:#000
}

#decal fieldset {border:none}

#decal {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#decal input {
width:270px;
height:20px;
margin:0 0 12px 0;
display:block
}

#decal #decal-field {display:none}