/* CSS Document */

body {
	background-color: #CCCC99;
	color: #333333;
	font-size: 0.8em;
	margin: 20px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*letter-spacing: 0.2px;*/
	background-image: url(../images/bodybkgd.gif);
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family: "Century Gothic", Arial, sans-serif;
	letter-spacing: 0.17em;
}

h1 {
	font-size: 1.33em;
}

h2 {
	font-size: 1.12em;
}

h3 {
	font-size: 1.1em;
	color: #FF6600;
	margin-bottom: 2px;
	}

h4 {
	font-size: .96em;
}
#superwrapper {
	margin: 0px;
	padding:0px;
	min-width: 770px;
	background-color: #FFFFFF;
	border-left: 2px solid #999999;
	border-bottom: 2px solid black;
	border-top: 2px solid #999999;
	border-right: 2px solid black;
}

#header {
	height: 86px;
	background-color: #E3E4CE;
	background-image: url(../images/hiface_pbg.jpg);
}
#cllogo {
	z-index:299;
	float: right;
	margin-top: 9px;
	margin-right: 22px;
	clear: none;
	}
#toppic {
	float: left;
	z-index: 288;
	height:85px;
	width: 272px; 
}
	
#navigo {
	background-color: #CCCCFF;
    height: 19px;
	font-size: 0.75em;
	background-image: url(../images/img/tommy_hmenContainer.jpg);
	background-repeat: repeat-x;
	padding-left: 20px;
	z-index: 305;
	}
#wrapper {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 1.4em;	
	
}
#sidebar {
	width: 160px;
	float: right;
	margin: 7px 20px 0px 0px;
	border-left: 1px dotted #FD8C00;
	border-bottom: 4px solid #FD8C00;
	padding: 4px 0px 20px 10px;
	font-size: 0.8em;
} 

#sidebar h2 {
	color: #333333;
	margin-bottom: 5px;
}

#sidebar p {
	margin: 0px 0px 8px 0px;
	padding-bottom: 0px;
	line-height: 1.2em;
	}

#maincontent {
	margin: 11px 188px 0 0;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF;
	color: #333333;
		} 
#maincontent h1 {
	color: #001257;
	margin-bottom: 12px;
} 
#maincontent h2 {
	margin: 5px 0px 2px 0px;
	color: #333333;
	margin: 5px 0px 2px 0px;
	font-weight: 600;
} 
#maincontent p {
	margin: 0px 16px 8px 0px;
	text-align: left;
}
.orange_disk lu {
	margin-left: 5px;
	}
#orange.disk li{
    list-style-type: none;
	margin-bottom:5px;
	padding-left:20px;
	background:url(../images/bullet_orange.png) left 6px no-repeat;
}

#footer {
font-size: 9px;
color: #000000;
text-align: right;
padding-right: 24px;}

.coyname {
	color: #001257;
	font-weight: bold;
}
.author {
	font-size:12px;
	color: #FF9966;
	float: right;
	}
.date {
	color: #FF9966;
	font-size: 10px;	
	}
.imgleft {
	padding:0px;
	border-width: 2px;
	border-color: black;
	border-style: solid;
	float: left;
	margin: .2em 1em .2em 1em;}

.imgright {
	padding:0px;
	border-width: 2px;
	border-color: black;
	border-style: solid;
	float: right;
	margin: .2em 0px .2em 1em;}
	
	.imgcenter {
    display: block;
	padding: 0px;
    margin-left: auto;
    margin-right: auto;
	margin-top: .2em;
	margin-bottom: .1em;
	border-width: 2px;
	border-color: black;
	border-style: solid; }
	
.imgleftnb {
	padding:0px;
	float: left;
	margin: 1.5em 1em .2em 0px;}

.imgrightnb {
	padding:0px;
	float: right;
	margin: .2em 0px .2em 1em;}	
	
.flatbutton {
	font:7pt Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #CC3300;
	background:#666666;
	color: #FFFFFF;
	padding: 5px;
}

.flatbuttonL {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #333333;
	background:#999999;
	color: #FFFFFF;
	width: 160px;
	cursor: hand;	
}
.strong {
	color: #FD8C00;
	font-weight: 400;
	font-variant: normal;
	margin-top: 8px;
}

.buttonover {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #993333; 
background-color: #CCCCCC; 
border: 1px #333333 solid; 
height: 19px; 
width: 160px; 
margin: 0px 1px 0px 0px; 
cursor: hand; 
font-weight: normal
}
.buttonup { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #FFFFFF; 
background-color: #A7A998; 
border: 1px #333333 solid; 
height: 19px; 
width: 160px; 
margin: 0px 1px 0px 0px;
cursor: hand; 
font-weight: normal
}
#newsholder {

font-size: .9em;
}
#viewer {
padding: 0;
margin: 0;
clear: left;
border-left: 2px solid #CCCCCC;
	border-bottom: 2px solid black;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid black;
}

#cleartool {
clear: left;
}

.smaller {
	font-size: .8em;
	}
#googlemarker  {
background-color:#FFFF88;
 font-family:cursive; 
 border:solid 2px black;
}

	
.zoombox {
	width:99%;
	}
	
.zoombox ul {


}

.zoombox ul:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}	
.zoombox li {
	list-style: none;
	float: left;
		}
.zoombox img {
	margin:3px;
	float: left;
	border: 1px solid black;

}