/* CSS Document partly adapted from Sliding Doors technique by Douglas Bowman on alistapart.com */

html,body {
	font-size: 87%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #444640; /* was #fff or #EBF9B5 or #F4FBE1*/ 
	margin: 0;
	padding: 4px;
	text-align: center;  
} 

/* removed border-bottom: 1px dotted #003333; Looked crappy in IE/win */
	a,a:active,a:link { color: #BB0000; text-decoration: none; }} 
	a:visited	{ color: #CC7701; }
	a:hover		{ text-decoration: underline; background: #fd9; } /* was color: #AE6500; */

div#head {
	width: 85%; margin: 1em auto; text-align: left;
}	
    #head p {
      font-size: 110%;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  color: #666666;
	  margin: 0;
      padding:5px 5px 0;
      }
      
      #head #tagline {
      font-size: 73%;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  color: #999999;
	  margin: 0;
      padding:5px 5px 0;
      }

div#wrap {
	width: 85%;
	margin: 1em auto;
	background: #FFFFFF; /* was undefined */
	text-align: left;
	border: .1em solid #999999;
}

/* top div contains tabs */
/* Begin tab sliding doors css */
    div#top {
      float:left;
      width:100%;
      background:#DAE0D2 url("http://www.colbykclark.com/tab_bg.jpg") repeat-x bottom;
      font-size:90%;
      line-height:normal;
	  color:#333333
      } 
    #top ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #top li {
      float:left;
      background:url("http://www.colbykclark.com/tab_left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      }
    #top a {
	  float:left;
      display:block;
	  background:url("http://www.colbykclark.com/tab_right.gif") no-repeat right top;
	  padding: 5px 15px 4px 8px;
	  color:#765;
	  text-decoration:none;
	  border-bottom: none;
      }
	
	#top a:hover, 
	#top a:active {
	color: #000000;
	 text-decoration:none;
	 border-bottom: none;
	 }
	  
	#top #current {
	background-image:url("http://www.colbykclark.com/tab_left_on.gif");
	}
	#top #current a {
	background-image:url("http://www.colbykclark.com/tab_right_on.gif");
	padding-bottom:5px;
	font-weight:bold;
	color:#000000;
	}
/*  end of sliding doors tab css */

#top p { margin: 0; padding: 0.5em 2%; }

/* nav, to the left */

div#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	color: #aa2; 
	width: 19%; 
	background: #fff; 
	float: left; /* notice the float */
}
#nav a, #nav a:visited {
      border-bottom: none;
      color: #aa2; 
      }
      
#nav a:hover {
	  text-decoration: none;
	  background: #fd9;
      color: #a22; 
      }
      
#nav a:active {
      color: #fc3; 
      }

#nav p { margin: 0; padding: 0.5em 5%; }

/* nav2, on the right */

div#nav2 {
color: #666666; 
background: #C0C0C0; 
width: 17%; 
float: right; /* notice the float */
}

#nav2 p { font-size: 75%; margin: 0; padding: 0.5em 5%; }

/* main, center */

div#main {
color: #333333; background: #FFFFFF; width: 64%; float: right; /* notice the float */
}

#main p {
	margin: 0;
	padding: 0.5em 2%;
	color: #333333;
}
#main * { clear: both; }

/* 2 internal columns */

div#col1 { float: left; width: 49.5%; clear: none; border-right: 0.07em dotted #CCCCCC; } /* column 1 is the tallest, so set a border on it */
div#col2 { float: right; width: 49.5%; clear: none; } /* width:auto; fills up the space */

#col1 *, #col2 * { clear: none; }
/* #col1 p,#col2 p { margin: 0; padding: 0.5em 5%;} This is original */
#col1 p { margin: 0; padding: 0em 5% .5em 0em;}
#col2 p { margin: 0; padding: 0em 5% .5em 5%;}
/* bottom */

div#bottom {
	color: #fff;
	background: #fff;
	clear: both;
	text-align: center;
}

#bottom p {
	margin: 0;
	padding: 0.5em 2%;
	color: #333;
	font-size: 75%;
} 

	  /* Commented Backslash Hack hides the following rule from all but IE5 Mac \*/ 
	  #top a {float:none;)
	  /* End IE5 Mac Hack */