/**************** body and tag styles ****************/
	
	
	 .floatright
{
float: right;
margin: 0 0 10px 10px;
}
 }
	
	 .floatleft
{
float: left;
margin: 0px 10px 0px 0px;
}

	
	
	body {
	  margin-top: 0px;	  
	  margin-bottom: 30px;
          background:url(images/pencils.jpg);
		  background-repeat:no-repeat;
		  background-color: #A3D175		  ;
		  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 1.6em;
	  color: #000000;
	  }
	  
	  p {
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 1.6em;
	  color: #000000;
	  text-indent: 2em;
	  }

  .small {
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 9px;
	  line-height: 1.6em;
	  color: #000000;
	  }
	  
	  .allan {
	  font-size:14px;}
	  
div.thumb {
	margin: 5px;
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
	}	
.thumb img{
	display: inline;
	margin: 5px;
	border: 1px solid #A0ACC0;
	}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {
	text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 3px 3px 3px 3px;
  }


	#container {
	  margin: 3px, 3px, 3px, 3px;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 1.6em;
	  color: #ffffff;
	  background-color: #000000;

	  }
	  
	#container2 {
	  margin: 0 auto;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 1.6em;
	  color: #efefef;
	  background-color: #404040;
	  border: solid #110000;
          border-width: 0 1px 1px 1px;
		
	  }
	  
	  
	  
	#container_clear {
	  margin: 3px, 3px, 3px, 3px;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 1.6em;


	  }
	  
		
		/* This is the transparent box */
#transbox {
	width: 300px;
	margin: 0 50px;
	background-color: #fff;
	border: 2px solid black;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}
		
		#transbox div {
	padding: 20px;
	font-weight: bold;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
		
		
		
		#container3 {
	  margin: 0 auto;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height: 1.6em;
	  color: #efefef;
	  background-color: #909090;
	  border: solid #110000;
          border-width: 0 1px 1px 1px;

	  }
		
		.hire {
	  font: Trebuchet, Verdana, Arial, Helvetica, sans-serif;	  
	  font-weight: normal;
	  font-size: 9px;
	  color: #000000;
	  margin-bottom: 30px;
	  
          padding-left: 35px;
	  }	
		
	h1 {
	  font: Trebuchet, Verdana, Arial, Helvetica, sans-serif;	  
	  font-weight: normal;
	  font-size: 32px;
	  color: #efefef;
	  margin-bottom: 30px;
	  background-color: #666666;
          padding-left: 35px;
	  }
		
	h2 {
	  color: #efefef;
	  font-size: 140%;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  background-color: #999999;
          padding-left: 20px;
          border:  solid #000000;
          border-width: 1px 1px 1px 1px;
	  }
	  
	  h3 {
	  color: #efefef;
	  font-size: 150%;
	  font-weight:bold;
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  background-color: #999999;
          padding-left: 20px;
          border:  solid #000000;
          border-width: 1px 1px 1px 1px;
	  }
		
		
		
		
		
		
	a {
	  color: #333399;
          text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	  color: #666666;
	  font-weight: 200;
	  text-decoration: none;
	  font-size:12px;
	  }

/**************** images styles ****************/		
	a img{
	  border:none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #110000;
          background-color: #efefef; 
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 20px;
	  }

/**************** form styles ****************/
	form {
	  float:right;
	  font-size: 12px;
	  }
		
	input {
	  background-color: #FFFFFF;
	  color: #999999;
	  border: 1px solid #2763A5;
	  font-size: 12px;
	  padding: 3px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #FFFFFF;
	  border: 1px solid #2763A5;
	  font-size: 12px;
	  }

/**************** header styles ****************/
	#header {
	  width: 810px;
	  padding-bottom: 10px;
	  padding-top: 10px;
	  clear: both;
          border-top: solid #110000;
          border-left: solid #110000;
          border-right: solid #110000;
          border-width: 1px 1px 0 1px;
          background-color: #666666;
}
	#header p { 
	  margin-top: -20px;
	  margin-left: 60px;
	  color: #efefef;
	  }

/**************** menu styles ****************/
       

        a.nav:link, a.nav:visited {
         display:block; 
         float:left; 
         width:24.5%; 
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color:#555551; 
         color:#FFFFFF;
         text-align: center;
         border-right: 1px solid #eeeeee;
         border-left: 1px solid #eeeeee;
}

        a.nav:hover {
         display:block; 
         float:left; 
         width:24.5%; 
         padding:1em 2px 1em 0; 
         margin:0; 
         text-decoration:underline overline; 
         background-color:#333333; 
         color:#FFFFFF;
         border-right: 1px solid #dddddd;
         border-left: 1px solid #dddddd;
}

        a.nav:active {
         display:block; 
         float:left; 
         width:24.5%; 
         padding:1em 0 1em 0; 
         margin:0; 
         text-decoration:none; 
         background-color:#999999; 
         color:#FFFFFF;
}


/**************** content styles ****************/
	#content1 {
	  width: 560px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
	  float: left;
          margin-top: 5px;
		  font-size:9px;
	  }
		
		
		#content {
	  width: 560px;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
	  float: left;
          margin-top: 5px;
	  }
	  
	  
	#content p {
	  padding-bottom: 20px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
	  
	  #content_table {
	  width:800px;
	  padding-left: 100px;
	  float:left;
	  margin-left: 100px;
	  }
	  
	    
/**************** sidebar styles ****************/
	#sidebar {
	  width: 188px;
	  padding-left: 21px;
	  padding-right: 10px;
	  padding-top: 5px;
	  float: left;
          border-right: 1px solid #dddddd;
          margin-top: 5px;
	  }
		
	#sidebar p {
	  padding-bottom: 10px;
	  border-bottom: 1px solid #DDDDDD;
	  }
	  
/**************** footer styles ****************/
	#footer {
	  margin-top: 15px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  padding-left: 2px;
	  padding-right: 2px;
	  clear: both;
	  width: 806px;
	  background-color:#222224;
          border-top: 1px solid #000000;
	  }
		
	#footer p {
	  color:#efefef;
	  padding: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #efefef;
	  font-weight:100;
	  }
		
	#footer p a:hover {
	  color: #dddddd;
	  text-decoration: none;
	  }
	  
	  
	  
	  
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu2{
font-weight: 200;
font-size: 11px;
}

#slantedmenu2:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu2 ul{
text-indent: 11px;
padding: 3px 0;
margin: 0;
background-color: #ffcc99;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu2 ul li{
display: inline;
}

#slantedmenu2 ul li a{
color: #494949;
padding: 3px 0;
padding-right: 15px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#slantedmenu2 ul li a:visited{
color: #494949;
} 

#slantedmenu2 ul li a:hover{
color: black;
text-decoration:underline overline;
}






	/*        V3        */

*{
	list-style:none;
	margin:0px;
	padding:0px;
}

	
#menu {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #0e69be;
	border-size: 1px;
	border-width: 1px;

	}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #0e69be;
	display: block;
	background: url(images/v3.jpg);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #0e69be;
	background: url(images/v3.jpg) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #0e69be;
	background: url(images/v3.jpg) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}	
	
	
	ul {
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
list-style-type: square;
padding: 6px;
margin: 2px;
}

li{
list-style-type:square;
}