/* CSS Document by Ean Harker 2006*/
/*hex key: steel blue=#78899B, dark steel blue=#1D2025, brown=#663300, dark brown=#29303A, gray=#CCCCCC, white=#FFFFFF, black=#000000
  background image key: tan(#8F8540)= t_1.gif, brown(#663300)= t_4.gif, brown2(#996633)= t_2.gif,steel blue(#1D2025)= t_3.gif, 
  black(#000000)= t_5.gif*/

	body {
		margin:0;
		background-color:#000000;
		font-family: Verdana, Arial, BankGothic Md BT, Sans-Serif;
	}

/*font styles*/
	a:link, a:visited, :active {
		color:#FFFFFF;
		text-decoration: none;
	}	
	a:hover, :focus {
	    color:#78899B;		
		text-decoration: none;
	}
	.font1 {
		font-size: 12px;
		color:#FFFFFF;
	}
	.font1 a:hover {
		color:#1D2025;
	}
	.font2 {
		color:#CCCCCC; 
		font-size: 10px;
	}
	.font3 {
		font-size: 12px;
		color:#FFFFFF;
		text-decoration: none;
	}
	.font4 {
		color:#78899B; 
		font-size: 10px;
	}
	.font4b {
		color:#663300; 
		font-size: 10px;
	}
	.font5 {                 /*menu text spacer*/
		color:#000000; 
		font-size: 6px;
	}
	.font6 {
		color:#78899B; 
		font-size: 12px;
	}
	.fontHL {
		color:#8F8540; 
		text-weight: bold;
	}
	.header {
		color: #FF0000;
		font-size: large;
	}
	.subheader {
		color: #FFFFFF;
		font-weight: bold;
	}
	.fancy1 {
		color: #78899B;
		font-size: 12pt;
		font-weight: lighter;
		font-family: Script MT bold, Lucida handwritting, Lucida calligraphy;
	}
	.fancy2 {
		color: #FFFFFF;
		font-weight: bold;
		font-family: Verdana, Arial, BankGothic Md BT, Sans-Serif;
	}

/*image layout styles*/
	#containera {
		margin: 5px;
		z-index: 0;
		height: 20px;
		width: 1024px;
		padding: 0px 400px;
		background-color:none;
	}
	#containerb {
		margin: 0px;
		z-index: 0;	
		width: 1024px;
		height: 400px;
		background-repeat:no-repeat;
	}
	#line {
		height: 2px;
		width: 1024px;
		line-height: 1px;
		background-color:#663300;
	}
	#menu {
		clear: left;
		float: right;
		margin-right: 80px;
		width: 120px;
		height: 350px;
		color: #CCCCCC;
		font-size: 12px;  
		font-weight: bold;
		text-align: left;
		padding: 10px 10px 10px 10px;
		border: 1px solid #663300;
		background:  url(images/t_4.gif);
	}
	#menub {
		clear: left;
		float: right;
		margin-right: 80px;
		margin-top: -380px;
		width: 120px;
		height: 350px;
		color: #CCCCCC;
		font-size: 12px;  
		font-weight: bold;
		text-align: left;
		padding: 10px 10px 10px 10px;
		border: 1px solid #663300;
		background:  url(images/t_4.gif);
	}
	#menu2 {
		clear: left;
		float: right;
		margin-right: 100px;
		width: 200px;
		height: 350px;
		color: #CCCCCC;
		font-size: 12px;  
		font-weight: bold;
		text-align: left;
		padding: 10px 10px 10px 10px;
		border: 1px solid #663300;
		background:  url(images/t_4.gif);
	}
	#menu3 {
		clear: left;
		float: right;
		margin-right: 100px;
		margin-top: -380px;
		width: 200px;
		height: 350px;
		color: #CCCCCC;
		font-size: 12px;  
		font-weight: bold;
		text-align: left;
		padding: 10px 10px 10px 10px;
		border: 1px solid #663300;
		background:  url(images/t_4.gif);
	}
	#menuclear {
		clear: left;
		float: right;
		margin-right: 80px;
		margin-top: -220px;
		width: 120px;
		height: 180px;
		padding: 10px 10px 10px 10px;
	}
	#submenu {
		margin-top: 40px;
		width: 86px;
		height: 120px;
		z-index: 0;
		color: #CCCCCC;
		padding: 5px 16px 10px 16px;
		border: 1px solid #1D2025;
		background: url(images/t_1.gif);
	}
	#display {
		clear: both;
		float: right;
		margin-right: 50px;
		width: 400px;
		height: 400px;
		color: #CCCCCC;
		font-size: 12px;  
		font-weight: bold;
		text-align: left;
		padding: 10px 10px 10px 10px;
		border: 1px solid #663300;
		/*background:  url("images/t_4.gif");*/
	}
	#column1 {
		float:left; 
 		position:relative;
		clear: right;
		width: 200px;
		height: 365px;
		margin: 10px 10px 10px 10px;
		padding: 5px;
		border: 1px solid #78899B;
		/*background-color: #009900;
		background-image: url("images/t_3.gif");*/
	}
	#column1b {
		float:left; 
 		position:relative;
		clear: right;
		width: 235px;
		height: 365px;
		margin: 10px 10px 10px 10px;
		padding: 5px;
		border: 1px solid #78899B;
		/*background-color: #009900;
		background-image: url(images/t_3.gif);*/
	}
	#column2 {
		float:left; 
 		position:relative;
		clear: right;
		width: 545px;
		height: 365px;
		margin: 10px 0 10px 0;
		padding: 5px;
		border: 1px solid #78899B;
		/*background-color: #990000;*/
	}
	#column2b {
		float:left; 
 		position:relative;
		clear: right;
		width: 545px;
		height: 365px;
		margin: 10px 0 10px 0;
		padding: 5px;
	}
	#quote {
		float:left; 
 		position:absolute;
		clear: both;
		width: 350px;
		height: 125px;
		margin: 0px 400px;
		padding: 5px;
		z-index: 2;
	}
	#column2c {
		float:left; 
 		position:relative;
		clear: right;
		width: 500px;
		height: 365px;
		margin: 10px 0px 10px 0px;
		padding: 5px;
		border: 1px solid #78899B;
		/*background-color: #009900;*/
		background-image: url(images/t_5.gif);
	}
	.column2d {
		float:left; 
		overflow: auto;
 		position:relative;
		clear: right;
		width: 740px;
		height: 365px;
		margin: 10px 0px 10px 0px;
		padding: 5px;
		z-index: 0;
		border: 1px solid #78899B;
		/*background-image: url(images/t_5.gif);*/
	}
	#column3 {
		float:left; 
 		position:relative;
		clear: right;
		width: 200px;
		height: 365px;
		margin: 10px 10px 10px 10px;
		padding: 5px;
		border: 1px solid #78899B;
		/*background-color: #1D2025;*/
		background-image: url(images/t_5.gif);
	}
	#column3b {
		float:left; 
 		position:relative;
		clear: right;
		width: 200px;
		height: 165px;
		margin: 180px 10px 10px 10px;
		padding: 5px;
	}
	#column3c {
		float:left; 
 		position:relative;
		clear: right;
		width: 200px;
		height: 365px;
		margin: 10px 10px 10px 10px;
		padding: 5px;
		border: 1px solid #78899B;
		/*background-color: #1D2025;*/
		background-image: url(images/t_5.gif);
	}
	#column4 {
		float:left; 
 		position:relative;
		clear: right;
		width: 200px;
		height: 365px;
		margin: 10px 10px 10px 10px;
		padding: 5px;
		border: 1px solid #78899B;
		/*background-color: #663300;
		background-image: url(images/office2.jpg);*/
	}
	.textbox {
		float:left; 
 		clear: right;
		width: 97%;
		padding: 5px;
		border: 1px solid #78899B;
		background-image: url(images/t_5.gif);
		/*position: relative;*/
	}
	.textboxb {
		float:left; 
 		clear: right;
		width: 190px;
		padding: 5px;
		border: 1px solid #78899B;
		background-image: url(images/t_5.gif);
	}
	.textboxc {
		float:left; 
 		clear: right;
		width: 180px;
		padding: 2px;
		margin: 265px 0;
		background-color: #663300;
		/*border: 1px solid #78899B;
		background-image: url(images/t_5.gif);*/
	}
	.photobox {
		margin: 0;
		padding: 2px;
		float: left;
		clear: right;
		height: 85px;
		width: 210px;
		border: 1px none 663300;
	}
	#photo {
		margin: 0;
		padding: 2px;
		float: left;
		clear: right;
	}
	#photocaption {
		float: left;
		clear: right;
		background: #1D2025;
		margin: 0;
		padding: 2px;
		width: 145px;
		height: 79px;
	}
	.box {
		float:left; 
 		clear: right;
		width: 210px;
		padding: 5px;
		border: 1px solid #78899B;
		background-image: url(images/t_5.gif);/**/
	}
	.galist	{
		width: 200px;
		height: 320px;
		overflow: auto;
		border: 1px solid #1D2025;
		background-image: url(images/t_5.gif);
		margin: 20px 0 0;
		top: auto;
		clear: both;
	}
	.profile	{
		width: 230px;
		height: 320px;
		overflow: auto;
		border: 1px solid #1D2025;
		background-image: url(images/t_5.gif);
		margin: 20px 0 0;
		top: auto;
		clear: both;
	}
	.sidebar1 {
		width: 200px;
		height: 320px;
		overflow: none;
		border: 1px solid #1D2025;
		background-image: url(images/office3.jpg);
		background-repeat: no-repeat;
		margin: 20px 0 0;
		top: auto;
		clear: both;
	}
	.bdytxt	{
		width: 530px;
		height: 320px;
		overflow: auto;
		padding: 5px;
		border: 1px solid #1D2025;
		/*background-image: url("images/t_4.gif");*/
		margin: 20px 0 0;
		top: auto;
		clear: both;
	}	
	#row1	{
		height: 125px;
		width: 500px;
		margin: 0px 25px;
		padding-top: 5px;
		background-color: none;
	}
	#row1a	{ 
		height: 110px;
		width: 500px;
		margin: 0px 25px;
		padding-top: 5px;
		padding-bottom: 10px;
		background-color: none;
	}	
	#row1b	{
		height: 10px;
		width: 500px;
		margin: 0px 25px;
		padding-top: 0px;
		padding-bottom: 10px;
		background-color: none;
	}
	#row2	{
		height: 125px;
		width: 500px;
		margin-left: 25px;
		padding: 0px 0px;
		/*background-color: none;*/
	}	
	#row3	{
		height: 125px;
		width: 500px;
		margin-left: 25px;
		padding: 0px 0px;
		background-color: none;
	}
	#row4	{
		height: 125px;
		width: 600px;
		margin-left: 25px;
		padding: 0px 0px;
		background-color: none;
	}
	#row4b	{
		height: 125px;
		width: 600px;
		margin: 0px 25px;
		padding-top: 5px;
		background-color: none;
	}
	#row5	{
		height: 125px;
		width: 720px;
		margin-left: 25px;
		padding: 0px 0px;
		background-color: none;
	}
	#footer	{
		clear: both;
		height: 50px;
		width: 1024px;
		padding: 10px 0px;
	}
	#fc1 {
		float:left;
		position:relative;
		clear: right;
		width: 190px;
		height: auto;
		margin: 0;
		padding: 5px;
		text-transform: uppercase;
		vertical-align: top;
		color:#663300;
		text-align: center;
	}
	#fc2 {
		float:left;
		position:relative;
		clear: right;
		width: 600px;
		height: auto;
		margin: 0;
		line-height: normal;
		vertical-align: top;
	}
	#sc {
		 scrollbar-3dlight-color:#78899B;
         scrollbar-arrow-color: #996633;
         scrollbar-base-color: #576677;
         scrollbar-darkshadow-color:#000000;
         scrollbar-face-color: #3E4855; 
         scrollbar-highlight-color:#1D2025;
         scrollbar-shadow-color: #000000;
	}
	.tl {
		float: left;
		width: 160px;
		margin: 2px;
		padding: 5px;
		border: 1px solid #CCCCCC;
	}
	.thumbnail {
		float: left;
		width: 100px;
		margin: 0 15px 15px 0;
		padding: 5px;
		border: 1px solid #CCCCCC;
	}
	.thumbnail:hover, .thumbnailz:hover, .tl:hover {
		background: url(images/t_3.gif);
		border: 1px solid #78899B;
	}
	.thumbnail2 {
		float: left;
		width: 225px;
		padding: 5px;
		white-space: nowrap;
		color:#78899B; 
		font-size: 10px;
		border: 1px solid #78899B;
	}
	.thumbnailhidden {
		float: left;
		width: 100px;
		margin: 0 15px 15px 0;
		padding: 5px;
		border: 1px none none;
	}
	.thumbnailnolink {
		float: left;
		width: 100px;
		margin: 0 15px 15px 0;
		padding: 5px;
		border: 1px solid #78899B;
		background: url(images/t_3.gif);
	}
	.thumbnailz {
		float: left;
		width: 100px;
		margin: 0 15px 15px 0;
		padding: 5px;
		border: 1px solid #CCCCCC;
		background: url(images/t_5.gif);
	}
	
	/*Gallery CSS*/
	.tn {
		float: left;
		clear: right;
		width: 100px;
		margin: 0 15px 15px 0;
		padding: 5px;
		border: 1px solid #CCCCCC;
	}
	.tnz {
		float: left;
		clear: right;
		width: 100px;
		margin: 0 15px 15px 0;
		padding: 5px;
		border: 1px solid #CCCCCC;
		background: url(images/t_5.gif);
	}
	.tn:hover, .tnz:hover {
		background: url(images/t_3.gif);
		border: 1px solid #78899B;
	}
	.tn img, .tnz img {
		border: none;
		/*margin:0;
		padding:0;*/
	}
	.rPic {
		position:absolute;
		left:500px;
		top:31px;
		visibility:hidden;
		width: 500px;
		height: 391px;
		/*overflow: hidden;*/
	}
	.tn:hover .rPic, 
	.tnHover .rPic,
	.tnz:hover .rPic, 
	.tnzHover .rPic{
		position:absolute;
		left:500px;
		top:31px;
		z-index: 1;
		visibility:visible;
		padding: 5px;
		border: 1px solid #663300;
		background:  url(images/t_4.gif);
	}
	.rPic2 {
		position:absolute;
		left:500px;
		top:31px;
		visibility:hidden;
		width: 500px;
		height: 391px;
		/*overflow: hidden;*/
	}
	.tn:hover .rPic2, 
	.tnHover .rPic2,
	.tnz:hover .rPic2, 
	.tnzHover .rPic2{
		position:absolute;
		left:500px;
		top:31px;
		z-index: 2;
		visibility:visible;
		padding: 5px;
		border: 1px solid #663300;
		background:  url(images/t_3.gif);
	}
	.rPic3 {
		position:absolute;
		left:600px;
		top:31px;
		visibility:hidden;
		width: 400px;
		height: 391px;
	}
	.tn:hover .rPic3, 
	.tnHover .rPic3,
	.tnz:hover .rPic3, 
	.tnzHover .rPic3{
		position:absolute;
		left:600px;
		top:31px;
		z-index: 3;
		visibility:visible;
		padding: 5px;
		border: 1px solid #78899B;
		background:  url(images/t_3.gif);
	}

	.rPic4 {
		position:absolute;
		left:600px;
		top:31px;
		visibility:hidden;
		width: 400px;
		height: 391px;
	}
	.tn:hover .rPic4, 
	.tnHover .rPic4,
	.tnz:hover .rPic4, 
	.tnzHover .rPic4{
		position:absolute;
		left:600px;
		top:31px;
		z-index: 4;
		visibility:visible;
		padding: 5px;
		border: 1px solid #663300;
		background:  url(images/t_4.gif);
		/**/
	}
		.rPic5 {
		position:absolute;
		left:600px;
		top:31px;
		visibility:hidden;
		width: 400px;
		height: 391px;
	}
	.tn:hover .rPic5, 
	.tnHover .rPic5,
	.tnz:hover .rPic5, 
	.tnzHover .rPic5{
		position:absolute;
		left:600px;
		top:31px;
		z-index: 3;
		visibility:visible;
		padding: 5px;
		border: 1px solid #663300;
		background-color: #1D2025;
	}
	.rPic6 {
		position:absolute;
		left:500px;
		top:31px;
		visibility:hidden;
		width: 500px;
		height: 391px;
	}
	.tn:hover .rPic6, 
	.tnHover .rPic6,
	.tnz:hover .rPic6, 
	.tnzHover .rPic6{
		position:absolute;
		left:500px;
		top:31px;
		z-index: 3;
		visibility:visible;
		padding: 5px;
		border: 1px solid #663300;
		background-color: #1D2025;
	}

	.tnHover img.fn,
	.tn:hover img.fn,
	.tnzHover img.fn,
	.tnz:hover img.fn {
		border: none;
	}
	
/*other*/
	.clearboth { clear: both; 
	}
	/* Notice to alert user they're using an old browser. Hidden from standards compliant browsers */
	#notice {
		display : none;
	}
	
/*dropdownmenu*/	
	ul#mainMenu, ul  {
		z-index: 3;
		padding:0;
		margin: 0;
		list-style-type:none;
		background-color:#000000;
		border-left:1px solid #663300;
		border-right:1px solid #663300;
		/*background: url(images/t_5.gif);*/
	}
	ul#mainMenu ul {
		margin-top:3px;
	}	
	ul#mainMenu li {
		float:left;
		clear: right; 
		padding:3px;
		width:100px;
		background-color:none;			/* for right mouseover effect */
	}	
	ul#mainMenu a {
		color:#78899B;
		display:block;
		font:12px Verdana, Helvetica, sans-serif;
		text-decoration:none;
	}	
	ul#mainMenu ul a {
		border-bottom:none;
		border-left:1px solid #1D2025;
		padding-left:1px;
	}	
	ul#mainMenu ul a:hover {
		border:1px solid #663300;
		color:#FFFFFF;
		/*background-color:#29303A;*/
		background: url(images/t_5.gif);
	}	
	ul#mainMenu ul {
		position:absolute;
		visibility:hidden;
		border-bottom:2px solid #663300;		
		background-color:none;			/* for right mouseover effect */
	}	
	ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
		visibility:visible;
	}	
	ul#mainMenu li li {
		float:none;
		border:none;
		padding:0;
	}		
	ul#mainMenu li {
		behavior: url(hover.htc);
	}
/*Breadcrumbs*/
.bread {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #78899B;
	margin: 0 25px;
}
.bread a:link {
   color: #78899B;
   text-decoration: underline;
}
.bread a:visited {
   color: #576677;
   text-decoration: none;
}
.bread a:hover {
   color: #663300;
   text-decoration: underline;
 }