/* LinkThumbnail */
arc90_linkpicIMG { display: none; position: absolute; left: 0; top: 1.5em; } .arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url(/tools/c/images/linkpic_shadow.gif) no-repeat bottom right; } 

/* Layout */

body {
	margin: 0px auto;
	text-align: center;
	padding: 0;
	color: #666;
	font: 12px/18px Helvetica, Arial;
	background: #ccc url(images/bg.jpg) top center repeat-y;
	}
	
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: left;
	position: relative;
	}

#header {
	margin: 0;
	padding: 0;
	background: #fff url(images/header.gif) top left no-repeat;
	height: 90px;
	position: relative;
	}

/* Div holding each content section */

div.section {
	margin: 0 10px;
	padding: 10px 0;
	border-top: 1px solid #ddd;
}

/* Left side margin, contains header. Within section div */
div.side {
	float: left;
	width: 250px;
}

/* Main content or screenshot. Also within section div */
div.main {
	margin: 0 0 0 260px;
	padding: 0;
}

/* Second and third split main div into two smaller divs. See address on contact page */
div.second {
	width: 250px;
	float: left;
}

div.third {
	margin-left: 250px;
}

#footer {
	margin: 0;
	padding: 0;
	background: #f3f3f3;
	position: relative;
	}

/* Used to "clear floats." Real confusing in the beginning. Might want to google it. */
.clear {
	clear: both;
	visibility: hidden;
	height: 0;
	}


/* Headers */


/* Moves the h1 off the page, so you can replace it with an image. Accessibility crap. */
h1 {
	text-indent: -3000px;
	margin: 0;
	padding: 0;
	}

h2 {
	font-family: Helvetica, Arial;
	font-size: 24px;
	padding: 0 10px;
	margin: 25px 0 25px 255px;
	color: #000;
	font-weight: normal;
	letter-spacing: -.05em;
	}


h3 {
	font-family: Helvetica, Arial;
	font-size: 16px;
	padding:  0;
	margin: 0 20px 0 0;
	color: #666633;
	font-weight: normal;
	background: url(images/green_plus.gif) center right no-repeat;
	}
	
h4 {
	margin: 0;
	padding: 0px;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	}

--span.hilite {
--	color: #999933;
--}

span.black {
	color: #ccc;
}


/* Paragraph Styles */
	
p {
	margin: 0;
	padding: 2px 30px 15px 0px;
}

p.before_box {
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

p.intro {
	margin: 20px 50px 20px 230px;
	padding: 7px 0 8px 40px;
	color: #666633;
	font-size: 21px;
	line-height: 28px;
	letter-spacing: -.075em;
	background: url(images/plus.gif) top left no-repeat;
	}

div.side p {
	padding: 15px 50px 0px 0;
}

/* Image styles */

p.intro img {
	float: left;
	margin: 0px 2px 0 0;
}

img {
	border: 0;
}

img.head_image {
	margin: 5px 0 0;
}

img.screen {
padding: 10px;
border: 1px solid #ccc;
}

/* Link Styles */

a.pdf {
	padding: 2px 0 2px 20px;
	background: url(images/pdf.gif) center left no-repeat;
}
	
a:link, a:visited { 
	color: #5980b5;
--	border-bottom: 1px dotted #666633;
	text-decoration: none;
}

a:hover, a:active { 
	color: #333;
--	border-bottom: 1px solid #333;
	text-decoration: none;
}

span.link {
	padding-top: 5px;
	color: #900;
--	border-bottom: 1px dotted #900;
}

/* Contact Form - not used */

.formbox {
	font-size: 12px;
	margin: 0px 30px 20px 0px;
	padding: 5px 10px;
	background: #f6f6f6;
	border: 1px solid #ccc;
}

.formbox span {
	display: block;
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
}

.formbox span.text {
	border-bottom: none;
}

.formbox span label {
	padding: 0;
	line-height: 25px;
	display: block;
	width: 80px;
	float: left;
}

.formbox span.button {
	display: block;
	text-align: right;
	margin: 0 5px 10px 0;
	padding: 0;
	border-bottom: 0;
}

.box {
	width: 335px;
	font-size: 12px;
}

.textbox {
	width: 335px;
	height: 100px;
	font-size: 12px;
	margin-top: 5px;
}


/* Nav Style */

#navbox {
	position: absolute;
	bottom: 0px;
	left: 250px;
	font-size: 12px;
	background: #fff;
}

#navbox ul {
	margin: 0;
	padding: 0;
}

#navbox ul li {
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
	width: 99px;
	float: left;
}

#navbox ul li a {
	display: block;
	border-bottom: 5px solid #999;
	padding: 0 0 2px 10px;
	color: #5980b5;
	font-weight: bold;
}

#navbox ul li a:hover {
	text-decoration: none;
	border-bottom: 5px solid #666633;
	color: #666633;
}


/* Footer Style */

	
#footer p {
	padding: 10px 20px;
	margin: 50px 0 0;
	font-size: 10px;
	color: #666633;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

ul#foot_nav {
	position: absolute;
	bottom: 0px;
	right: 20px;
	list-style: none;
	font-size: 10px;
}

#foot_nav li {
		display: inline;
}

#foot_nav li a {
	margin-left: 10px;
}



/* Blog */

	bbody {
		margin:0px 0px 20px 0px;
		background:#FFF;		
		}
--	A 			{ color: #669933; text-decoration: underline; }
--	A:link		{ color: #CC9900; text-decoration: underline; }
--	A:visited	{ color: #669933; text-decoration: underline; }
--	A:active	{ color: #999999;  }
--	A:hover		{ color: #999999;  }

--	h1, h2, h3 {
--		margin: 0px;
--		padding: 0px;
--	}

	#banner {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333;
		font-size:large;
		font-weight:normal;	
  		padding:15px;
      border-top:4px double #666;
		}

	#banner a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: large;
		color: #333;
		text-decoration: none;
		}

	.description {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333;
		font-size:small;
  		text-transform:none;	
		}
				
	#bcontent {
		position:absolute;
		background:#FFF;
		margin-right:20px;
		margin-left:230px;
		margin-bottom:20px;
		border:1px solid #FFF;	
		}

	#bcontainer {
		background:#FFF;
		border:1px solid #FFF;		
		}

	#blinks {	
		padding:15px;				
		border:1px solid #FFF;
		width:200px;			
		}
		
	.blog {
  	padding:10px;
		background:#FFF; 
		}

	.blogdate {
		font-family: Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  	background:#FFF;
		}
		
	.blogtitle {
		font-family: Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  	background:#FFF;
		}
		
	.blogbody {
		font-family: Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  	background:#FFF;
		}

	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
	}

	p.btitle	{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: medium;
		color: #666633;
		padding-bottom: 5px;
		}			

	#menu {
  	margin-bottom:15px;
		background:#FFF;
		text-align:center;
		}			

	p.date	{ 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size: 14px; 
		color: #666; 
		padding-bottom: 0px;
		padding-top: 0px;
		}			
		
	.posted	{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size: x-small; 
		color: #000000; 
		margin-bottom:20px;
		}
		
		
	.calendar {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
  		padding:2px;
                text-align:left;
		}
	
	.calendarhead {	
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		padding:2px;
		letter-spacing: .3em;
  		background:#FFF;
  		text-transform:uppercase;
		text-align:left;			
		}	
	
	.bside {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
  		padding:2px;				
		}	
		
	.sidetitle {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		padding:2px;
  		margin-top:30px;
		letter-spacing: .3em;
  		background:#FFF;
  		text-transform:uppercase;		
		}		
	
	.syndicate {
		font-family:verdana, arial, sans-serif;
		font-size:xx-small;		
  		line-height:140%;
  		padding:2px;
  		margin-top:15px;
  		background:#FFF;  		
 		}	
		
	.powered {
		font-family:palatino, georgia, times new roman, serif;
		color:#666;
		font-size:x-small;		
		line-height:140%;
		text-transform:uppercase; 
		padding:2px;
		margin-top:50px;
		letter-spacing: .2em;					
  		background:#FFF;		
		}	
		
	
	.comments-body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 					
		}		

	.comments-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;		
		}	
			
	
	.trackback-url {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding:5px;		
 		border:1px dotted #999; 					
		}


	.trackback-body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 					
		}		

	.trackback-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;		
		}	

		
	.comments-head	{ 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:small; 
		color: #666; 
		border-bottom:1px solid #999;
		margin-top:20px;
		font-weight:bold;
  		background:#FFF;		
		}		

	#banner-commentspop {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFF;
		font-size:large;
		font-weight:bold;
		border-left:1px solid #FFF;	
		border-right:1px solid #FFF;  		
		border-top:1px solid #FFF;  		
  		background:#003366;
  		padding-left:15px;
  		padding-right:15px;
  		padding-top:5px;
  		padding-bottom:5px;  		  		  			 
		}