/* ultimately restructure css to look like the following sections */
/* Begin Typography & Colors */
/* End Typography & Colors */
/* Begin Structure */


    /* email template */
#emailwrap {
	margin-top:10px;
	font-size:1.4em;
	overflow:hidden;
	}

#leftcolemail {
	float:left;
	width:250px;
	margin:5px;
	}

#rightcolemail {
/*	width:420px; */
	margin: 5px;
	}
	
#emailcontent {
	overflow:hidden;
	}



/* End Structure */
/*	Begin Headers */
/* End Headers */
/* Begin Images */
/* End Images */
/* Begin Lists	Special stylized non-IE bullets	do not work in Internet Explorer, which merely default to normal bullets. */
/* End Entry Lists */
/* Begin Form Elements */
/* End Form Elements */


body, html {
	margin:0;
	padding:0;
	}

html {
/* this is an attempt to eliminate the page shift caused by centered content when the vertical scroll is added */
	min-height: 100%;
	margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical;}


body {
	font-family: "Trebuchet MS",'Lucida Grande', Helvetica, sans-serif;
	background: #1F1F1F url(http://bencarr.com/assets/183.jpg) repeat fixed left top; 
	color: #CCCCCC;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1.4;
}
/* ADD BACGROUND IMAGE TO FADE FROM MAIN TABLE TO BACGROUND COLOR? */		
/* DIV classes */

#nestedbg {
	text-align: center;	/* IE-Win hack */
	background-image: url(http://bencarr.com/assets/182.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrap {
	width:960px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
/*	background-color:#000000; */
	font-size:1.4em;
	overflow:hidden;
	}

#adminwrap {
	margin-top:10px;
	font-size:1.4em;
	}
	
.row {
	overflow:hidden;
	}

#banner {
	}
	
#navh {
	background-image:url('/assets/157.png');
	background-repeat:repeat-x;
	height:36px;
	text-align:right;
	margin:0px 5px;
	}
	
#navh ul {
	list-style:none;
	margin:0px;
	}

#navh li {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	padding:5px;
	}
	
#leftcol {
	float:left;
	width:196px;
	margin:5px;
	padding-bottom: 32767px;
	margin-bottom: -32772px;
	}
	
#rightcol {
	float:left;
	width:744px;
	margin:5px;
	padding-bottom: 32767px;
	margin-bottom: -32772px;
	}

#leftcoladmin {
	float:left;
	width:500px;
	margin:5px;
	}

#rightcoladmin {
/*	width:420px; */
	margin: 0 0 510 0px;
	}

	
.threecol {
	float:left;
	width:280px;
	margin:5px;
/*	padding-bottom: 32767px;
	margin-bottom: -32772px; */
	}

.twocol {
	float:left;
	width:440px;
	margin:5px;
	height:100%;
/*	padding-bottom: 167px;
	margin-bottom: -172px; */
/*	padding-bottom: 32767px;
	margin-bottom: -32772px; */
	}

#footer {
	width:100%;
	clear:both;
	}
	
.article {
	padding:15px;
	}

.content {
	padding:15px;
	}

div.contact {
	background-color:#FFFFFF;
	}

/* ADD BACGROUND IMAGE TO FADE FROM MAIN TABLE TO BACGROUND COLOR? */

p {
	margin-top: 0%;
/*	margin-bottom: 100%;	*/}

p.navh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #CCCCCC;
	vertical-align:middle;
	margin: 6px 2px 6px;}

p.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #CCCCCC;
	vertical-align:middle;}

h1 {
	font-size: 3em;
	margin-top: 0%;
	}

h2 {
	font-size: 125%;
	margin-top: 0%;
	}

h3 {
	margin-top: 0%;
	}

table {
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border:none;
	width:100%;
	border-spacing:0px;
	}
	
table.articlebody {
	background-color:#333333;
	
}
	
tr, td {
	color: #CCCCCC;
	vertical-align: top;
	text-align:left;
}

td.navh {
	vertical-align:middle;
	white-space:nowrap;}

td.navv {
	white-space:nowrap;
	vertical-align:middle;
	padding:10px;
	letter-spacing:1.75px;
	}
	
td.articlebody {
	padding:10px;
	}
	
td.color1 {
	background-color:#4A3118;
}

td.color2 {
	background-color:#6B4229;
}

td.color3 {
	background-color:#846B31;
}

td.color4 {
	background-color:#6B7339;
}

td.color5 {
	background-color:#8B3810;
}

td.color6 {
	background-color:#6B5A4A;
}

td.color7 {
	background-color:#947B31;
}

td.color8 {
	background-color:#BDAD7B;
}

td.color9 {
	background-color:#373E20;
}

td.footer {
	padding:10px;
	}
	
.colors1 {
	background-color:#4A3118;
}

.colors2 {
	background-color:#6B4229;
}

.colors3 {
	background-color:#846B31;
}

.colors4 {
	background-color:#6B7339;
}

.colors5 {
	background-color:#8B3810;
}

.colors6 {
	background-color:#6B5A4A;
}

.colors7 {
	background-color:#947B31;
}

.colors8 {
	background-color:#BDAD7B;
}

.colors9 {
	background-color:#373E20;
}

.colors10 {
	background-color:#333333;
	color:#CCCCCC;
	}

.colors11 {
	background-color:#FFFFFF;
	color:#666666;
	}

a {
	color: #CCCCCC;  
	text-decoration: none;}

a:link {}

a:visited {}

a:active {
	color:#63522F;
}

a:hover {
	text-decoration: underline;}

a img {
	border:none;
	}

img.noborder {
	border-style:none;}

img#bannerimage {
	padding-top:30px;
	padding-left:40px;
	padding-bottom:30px;
	}

form {
	border-style:none;
	}

form, fieldset, label, input, .checkbox, textarea, select, option, form div {
  margin: 0;
  padding: 0;}
  
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #999;
	}
	
legend {
  font-weight: bold;
  margin: 0 2% .5em 0;
  padding: .2em .5em;}
  
input.text, textarea, select { 
  border: 1px solid #666; 
  border-right: 1px solid #ccc; 
  border-bottom: 1px solid #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px}
  
input.readonly { 
	background-color: #999933;
	border: 0px;
	border-right: 0px; 
	border-bottom: 0px;
	color: #CCCCCC;}
	

option {
  float: none;
  clear: both;
  margin-right: 2em;}
  
input.radio, input.checkbox { 
  margin-right: .5em;}
  
/* Create a bit of padding for text inputs and selects */
input.text, input.button, textarea, select {
  padding: .2em;}
  
input.button { 
  margin-right: 1em;
  padding: .2em .6em;}
  

img.floatRight {
	float:right;
	margin: 4px;
	margin-left: 12px;}

img.floatLeft {
	float:left;
	margin: 4px;
	margin-right: 12px;}

img.inline {
	float:none;
	margin: 4px;}

img.noborder {
	border:none;}

/* above from form example */

.newsheadline {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000000;
	color: #CCCCCC;
	vertical-align: top;
}

.source {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 80%;
	background-color: #000000;
	color: #CCCCCC;
	vertical-align: top;
}

.clientcomment {
	font-style: italic;
}

.clientname {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: #000000;
	color: #CCCCCC;
	vertical-align: top;
	font-weight: bold;
	text-align: right;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

.articlebkgrd {
	background-color:#000000
}

.articleframe {
	background-color:#000000
}

.articlebullet {
	margin-left: 10px;
	text-indent: 10px;
}

ul {
	list-style-type: square;
}

li {
	margin-bottom: 4px;
}

.moreinfo {
	font-size: 12px;
	font-style:italic;
	color:#FFFFFF;
	font-weight:bold;
	text-align: right;
}

hr.clientcomment {
	color:#333333;
	background-color:#333333;
	height: 1px;
}


/* Generic classes */

.right {
	text-align:right;
	}
	
.left {
	text-align:left;
	}

.center {
	text-align:center;
	}
	
.bottom {
	vertical-align:bottom;
	}

.italics {
	font-style:italic;
}

.bold {
	font-weight:bold;
}

.nobold {
	font-weight:normal;
}

.highlight {
	color: #FFFFFF;
}

.nospaceafter {
	margin-bottom: 0;
	padding-bottom: 0;
}

.nospacebefore {
	margin-top: 0;
	padding-top: 0;
}



/*this is a fix for IE 6
* html #footer { 
	height:1px;
	}
*/