/*  
Color Definitions
Dark Tan:  #818167
Light Tan: #C0C0A9
Navy Blue: #000066
Maroon:	 #800000
*/

BODY, P, TD, TH, DIV, BLOCKQUOTE, DL, UL, OL {font-family: arial, "lucida console", sans-serif; font-size: 10pt; color: #000000;}
h1 {font-family: arial, "lucida console", sans-serif;font-weight:normal;color:black; font-size: large; font-style: normal;margin-bottom: 0px;}
h2 {font-family: arial, "lucida console", sans-serif;font-weight:normal;color:#000066; font-size: 20px; font-style: normal;margin-bottom: 0px;margin-top: 3px;text-align: left;}
/* font-variant: small-caps; */
h3 {font-family: "Times New Roman", Times, serif, "lucida console", sans-serif;font-weight:normal;color:#000066; font-size: 18px; font-style: normal;margin-bottom: 0px;margin-top: 3px;text-align: left;}
h4 {font-family: arial, "lucida console", sans-serif;font-weight:normal;color:black; font-size: x-small; font-style: normal;margin-bottom: 0px;}
h5 {font-family: arial, "lucida console", sans-serif;font-weight:normal;color:black; font-size: xx-small; font-style: normal;margin-bottom: 0px;}
h6 {font-family: arial, "lucida console", sans-serif;font-weight:normal;color:black; font-size: 50%; font-style: normal;margin-bottom: 0px;}

body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px; 							/* Top Margin */
	margin-bottom: 30px; 							/* Bottom Margin */
	
/* -------------------------------------------- BACKGROUND --------------------------------------------  */
background-color: #b1bfef;    /* 222635  */
/* ---------------------------------------------------------------------------------------------------- */

/* background-image: url("../images/topback.gif"); 	/* Background image for page */
/* background-image: url("../images/francoslogo.gif"); 	/* Background image for page */
background-image: url("../images/francos_bigf3.jpg"); 	/* Background image for page */
background-attachment: fixed; 						/* Scroll background? {scroll, fixed} */
background-position: top left; 						/* Position of background: {top, center, bottom} {left, center, right} */
background-repeat: repeat; 								/* Repeat: {repeat, repeat-x, repeat-y, no-repeat */


/* border-color:#FF0000; 								/* Border around entire page */

scrollbar-arrow-color: #4e658a;
scrollbar-3dlight-color: #777799;
scrollbar-darkshadow-color: #666677;
scrollbar-face-color: #a1b1c3;
scrollbar-highlight-color: #e9e9e9;
scrollbar-shadow-color: #a1b1c3;
scrollbar-track-color: #9faab8;
}

/* ---------------------------------------------------------------------------------------------------- */
.input_hidden {
    position: absolute;
    left: -9999px;
}
.selected {
    background-color: #ccc;
}
#emotion label {
    display: inline-block;
    cursor: pointer;
}
#emotion label img {
    padding: 3px;
}

/* ---------------------------------------------------------------------------------------------------- */
#container {
	margin-left: auto;
  	margin-right: auto;
	/*height: 80%; 								/* Height {100%, 700px} */
	width: 980px; 								/* Width  {100%, 700px} */
	
  	text-align: center;
	background: #FFFFFF;						/* Background Color {rgb(255,255,255), #FFFFFF}*/
	padding-top: 0px;							/* Top padding */
	padding-right: 0px;							/* Right padding */
	padding-bottom: 0px;						/* Bottom padding */
	padding-left: 0px;							/* Left padding */
	border: 2px solid #FFFFFF;
	
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	
	-moz-border-top-left-radius: 0px 0px;
	-moz-border-top-right-radius: 0px 0px;
	-moz-border-bottom-left-radius: 0px 0px;
	-moz-border-bottom-right-radius: 0px 0px;

	margin-bottom: 0px;
	z-index:0;
	box-shadow: 7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color=#818181)";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#818181')
}

.sizechart {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding:0px;
	border:1px solid #818167;
	text-align: center;
	margin-top:0px;
	padding:5px;
	background: #C0C0A9;
	width: 50px;
}

.venlogo {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding:0px;
	border:1px solid #C0C0A9;
	text-align: center;
	font-weight: bold;
	width: 118px;
	margin-left: 10px;
}

div.content {
	padding-left:10px;
	padding-top:5px;
	border:0px solid #000000;
	text-align: left;
}
a:link {color: #333;text-decoration:none}		/* unvisited link */
a:visited {color: #333;text-decoration:none}	/* visited link */
a:hover {color: #C0C0A9}						/* mouse over link */
a:active {color: black}							/* selected link */

img.zoompic {border:1px solid #C0C0A9}
a:link.zoompic img{border:1px solid #C0C0A9}     	/* unvisited link */
a:visited.zoompic img{border:1px solid #C0C0A9}  	/* visited link */
a:hover.zoompic img{border:1px solid #818167}   	/* mouse over link */
a:active.zoompic img{border:1px solid #818167}   	/* selected link */

.navheader{ 
cursor: auto;
cursor: pointer;
padding: 0px;
border: 0px solid gray;
}

.navcontent{ 
cursor: auto;
cursor: pointer;
padding: 0px;
border: 0px solid gray;
line-height: 10pt;
}

.nav{ 
cursor: auto;
cursor: pointer;
padding: 0px;
border: 0px solid gray;
line-height: 10pt;
}

.imgVEN {
	max-height:50px;
	max-width:150px;
}

.imgINDEX {
	max-height:150px;
	max-width:150px;
}

.treebranch {
	font-weight: lighter;
	color: #555;
}

.style15 {
	font-size: 11pt;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-left: 5pt;
	padding-top: 3px;
	height: 18px;
}

.style16 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 18pt;
}

.header {
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #000066;
	text-align: left;
	padding-left: 15px;
}

.subnav {
	border: 0px solid black;
	width: 140px;
}

.subnav h1 {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	background-color: #000066;
	color: #FFFFFF;
	font-size: 10pt;
	display: block;
	font-weight: bold;
}

.subnav h2 {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	background-color: #800000;
	color: #FFFFFF;
	font-size: 10pt;
	display: block;
	font-weight: bold;
}

.subnav a {
	padding-top: 6px;
	padding-bottom: 3px;
	border: 0px solid black;
	display: block;
	padding-left: 20px;
	height: 15px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(../images/nav/arrow_clear.gif);
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	
}
.subnav a:link, .subnav a:visited, .subnav a:active{
	color: #000000;
 	background-color: #ffffff;
}

.subnav a:hover {
	color: #FFFFFF;
 	background-color: #C0C0A9;
}
.picrollover img{
    border: 2px solid #818167;
    float: left;
    margin: 2px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    
}
 
.picrollover img:hover {
    border: 2px solid #000066;
    margin: 2px;
}

.pagenav {
	width: 25px;
	height: 17px;
	color: #000;
	background-color: #818167;
	padding: 0px;
	font-size: 13px; 
	font-weight: bold;
	text-align: center;
	vertical-align: text-bottom;
	text-decoration: none;
	float:left;   /*left, right, none, inherit */
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px; /* This variable doesn't seem to work at the moment */
	margin-right: 1px;
}

.pagenav a:link, .pagenav a:visited {
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	background-color: #c0c0a9;
	float:left;
}
.pagenav a:hover, .pagenav a:active {
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	background-color: #818167;
	float:left;
}
.stuff {
	border: 0px solid black;
	width: 100%;
}

.tree1 {
	font-family: Arial, san-serif;
	font-size: 8pt;
	display: inline;
	text-decoration:none;
	font-weight:normal;
}

.tree2 {
	font-family: Arial, san-serif;
	font-size: 7pt;
	display: inline;
	text-decoration:none;
}

td.itemIndex {
	border: 1px solid #C0C0A9; 
	/*height: 150px; 								/* Height {100%, 700px} */
	/*width: 33%; 									/* Width  {100%, 700px} */
	/*background: #FFFFFF;						/* Background Color {rgb(255,255,255), #FFFFFF}*/
	/*background-image: url("../images/background.gif");*/

	margin-left:0px; 
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding:10px;

	vertical-align: bottom;
	text-align: center;
	z-index: 1;
}
td.itemIndex a:hover {
	font-weight:bold; 
}