/* CSS Document */
/* sjbchurch (c) copyright */

/*-- General ----------------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color:#4C4D50;
	font-family: verdana, arial, helvetica, sans serif;
}

h1, h2, h3, h4, h5, h6, div { margin: 0px; padding: 0px;}
img {border-style: none;}
.left { text-align:left;}
.right {text-align:right;}

div.line hr{ /* take out the troublemaking HR */display:none;}
div.line { /*  DIV that wraps and replaces the HR */ background: #e9e9ff  no-repeat center center;  height: 1px; margin: 2px 0px 2px 0px; }

/*-- Container --------------------------------*/
#wrapper {
	width: 600px;		
	/*/*/ 
	\width: 620px;			
	w\idth: 600px;
	margin-right:0px;
	/* */			
	margin: 0px;
	padding: 0px;
	text-align: left;
	height:auto;	
	background-color:#FFFFFF;
}

/*-- Navigation -------------------------------*/
#header { margin: 0px; padding: 0px; clear:both; }
#header img { 
	margin: 0px 0px -3px 0px;
	padding: 0px;
	position:relative;
	clear:both;
}

#nav {
	height:auto;
	background-color:#900;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}

#nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0;
	list-style-type: none;
	display: inline;
}

#nav ul li {
	margin: 0px 8px 0px 8px;
	padding: 0px;
	display: inline;
	font-size: x-small;
	font-weight: bold;
	letter-spacing:1px;
}

#nav ul li.first {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	display: inline;
	color:#CCCCCC;
}

#nav a {font-weight:bold; color:#fff; text-decoration:none;}
#nav a:hover {font-weight:bold; color:#fc0; text-decoration:underline;}
#nav a:visted {color:#ccc;}

#select a:link, #select a:visited,
#select a:hover, #select a:active { color: #666; text-decoration:underline;}

/*-- subnav ----------------------------------------*/
#subnav {
	height:18px;
	background-color:#e9e9ff;
	margin:1px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	font-size:xx-small;
}

#subnav a {text-decoration:none;color:#000; }
#subnav a:hover {text-decoration:none; color:#900; }

#subtf { padding:1px 20px 0px 0px; float:left;}
#subtf img { text-align:left; margin: 0px 5px 0px 0px;}
#subtfword { font-size:xx-small; text-decoration:none; margin:2px 4px 0px 0px;}

#search { margin:0px; padding:1px 9px 0px 0px; float:right;}
.searchform { margin:0px; padding:0px; font-size: 10px; background-color: #e9e9ff; border: 1px solid #666666; }
#go {margin:0px 0px 0px 12px; padding:0px; font-size: 9px; background-color:#e9e9ff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #003; border-bottom: 1px solid #003; }
#go:hover {margin:0px 0px 0px 12px; padding:0px; font-size: 9px; color:#fff; background-color:#333366; border-right: 1px solid #fff; border-left: 1px solid #003; border-bottom: 1px solid #003; }

/*-- Content ----------------------------------*/
#content {
	padding: 0px;
	margin: 4px 0px 0px 0px;
	width: 600px;	
	/*/*/ 		
	\width: 620px;			
	w\idth: 600px;	
	/* */
	position:relative;
	height:100%;	
	/*\*//*/  clear:both; /**/
}

/*-- Footer ------------------------------------*/
#footer {
	clear:both;
	position:relative;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 10px 15px;
	height:auto;
	background-color:#FFFFFF;
	border-top:1px solid #999;
}

#footer p {
	font-size:xx-small;
	margin: 0px;
	padding: 0px;
	line-height:12px;
	letter-spacing:0px;
	color:#999999;
}

#footer a {text-decoration:none;color:#999999;}
#footer a:hover {text-decoration:underline;color:#999999;}
#footer a:visited {text-decoration:none;color:#999999; }

/*-- fonts --------------------------------------*/
body, div, p, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
    font-family:  Verdana, Lucida, Arial, 
Helvetica, sans-serif;
    font-size:    11px;
    }
	
body, body div, body p, body th, 
body td, body li, body dd    {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    {
    font-size:    small
    /* be nice to Opera */
    }
	
#la p.xsmall, #ra p.xsmall, #wa p.xsmall {font-size:x-small;}
#la p.small, #ra p.small, #wa p.small {font-size:small;}
#la p.medium, #ra p.medium, #wa p.medium {font-size:medium;}
#la p.large, #ra p.large, #wa p.large {font-size:large;}	
#la p.xlarge, #ra p.xlarge, #wa p.xlarge {font-szie:x-large;}

#la p.pdefault {margin:0px 0px 0px 10px; padding:0px;}
#ra p.pdefault, #wa p.pdefault {margin:0px; padding:0px;}


/*-- hyperlinks -----------------------------------------*/
a { text-decoration:underline; color:#990000;}
a:hover {text-decoration:none; color:#990000;}
a:visited { text-decoration:underline; color:#999;}

/*-- contact form -----------------------------------------*/
#form { height: 450px; margin: 0px; padding: 5px 0px;}

div.row  { clear: both; padding-top: 7px;}
div.row span.label { float: left; width:90px; text-align: left;}
div.row span.formw { float: right; width: 225px; text-align: left;} 
div.row span.formw input { border:1px solid #4C4D50;}

#include { border:0px;}
	
div.formbse {
	width: 300px;
	margin: 5px 0px 5px 0px;
	padding:0px;
	border: 1px solid #fcf;
}

div.form1 { font-size:x-small; margin:0px; padding:0px; }
#submit { background-color:#900; color:#fff; }
#clear { background-color:white; border:1px solid #000; }
