@font-face {
    font-family: 'DeliciousRoman';
    src: url('../fonts/delicious-roman-webfont.eot');
    src: url('../fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/delicious-roman-webfont.woff') format('woff'),
         url('../fonts/delicious-roman-webfont.ttf') format('truetype'),
         url('../fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686868;
	text-decoration:none;
	font-weight:normal;
	background-color:#FFF;
}
img
{
	border:none;
}
p
{
	padding:0;
	margin:0 0 10px 0;
}
.mainBg
{
	background-image:url(../images/mainBg.gif);
	background-repeat:repeat;
}
.linkBg
{
	background-image:url(../images/lingBg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.forJust
{
	line-height:18px;
	text-align:justify;
}
.t10
{
	font-size:10px;
}
.mainHead
{
    font-family: 'DeliciousRoman';
	font-size:22px;
	color:#deac25;
}
.boxBod
{
	border:solid 1px #e9ca77;
}
.dotted
{
	background-image:url(../images/dotted.gif);
	background-repeat:repeat-x;
}
.subHead
{
    font-family: 'DeliciousRoman';
	font-size:16px;
	color:#4b4b4b;
}
input[type="text"], select, textarea {
background: 
#F9F9F9;
border: 1px solid 
#CCC;
box-shadow: inset 1px 1px 1px 
rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px 
rgba(0, 0, 0, 0.1);
height: 20px;
width: 247px;
height: 22px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#mail a
{
	color:#b78808;
	text-decoration:underline;
}
#mail a:hover
{
	text-decoration:none;
}
.two_thirds {
width: 65%;
float:left;
}
.one_third {
width: 30%;
float:right;
}
h3 {
	color: #3C3C3C;
	height: 40px;
	line-height: 40px;
	display: block;
	font-weight: 200;
	margin: 0 0 15px 0;
	background-image: url(../images/line_horiz.gif);
	background-repeat: repeat-x;
	background-position: 0 20px;
}
.box_left h3 span, h3 span {
background: white;
padding-right: 10px;
}
#content p {
color: #666;
margin-bottom: 15px;
}
.details {
border-left: 1px solid #CCC;
padding: 0 0 0 20px;
}
.details strong {
display: block;
}
article p strong {
font-weight: bold;
color: #333;
}
.last {
margin-right: 0 !important;
}
.item {
	width:125px;
	height:125px;	
	border:4px solid #e6e6e6;	
	margin:5px 15px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:125px;
	height:125px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#c08f0c;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
}
.item .caption p a {
	padding:5px;	
	margin:0;
	font-size:10px;
	color:#FFF;
}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}
@font-face {
    font-family: 'AvantGardeBkBTBook';
    src: url('../fonts/avgardn-webfont.eot');
    src: url('../fonts/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avgardn-webfont.woff') format('woff'),
         url('../fonts/avgardn-webfont.ttf') format('truetype'),
         url('../fonts/avgardn-webfont.svg#AvantGardeBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* These styles create the dropdown menus. */
#navbar {
	
	background:  url();	
	width: 474px;
	height: 32px;
	color: #ffffff;
	margin: 0;
	padding: 0px 0px 0px 0px;
	}
	
#navbarleft {
	width: 474px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	}
	
#navbarright {
	width: 280px;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration:  none;
}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #262626;
	display: block;
	font-size: 13px;
    font-family: 'AvantGardeBkBTBook';
	text-transform:uppercase;
	font-weight:normal;
    margin: 0px 0px 0px 0px;
	padding: 12px 0 13px 0;
	text-decoration:  none;
	background-image:url(../images/linkDevider.gif);
	background-repeat:no-repeat;
	background-position:right top;
	text-align:center;

	}
	
#nav li a:hover, #nav li a:active, .current {
	display: block;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	opacity: .90;
	filter: alpha(opacity=90);
	background: #deac25;
	width: 170px;
	color: #FFFFFF;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #af8410;
	border-left: 1px solid #af8410;
	border-right: 1px solid #af8410;
	text-decoration:  none;
	font-weight:normal;
	text-align:left;

	}
	
#nav li li a:hover, #nav li li a:active {
	background: #f3bf32;
	color: #fff;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 160px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -31px 0 0 192px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
.link1
{
	width:74px;
}
.link2
{
	width:95px;
}
.link3
{
	width:103px;
}
.link4
{
	width:89px;
}
.link5
{
	width:113px;
}
.footer, #footer a
{
	font-size:11px;
	text-decoration:none;
	color:#4d4d4d;
}
#footer a:hover
{
	text-decoration:underline;
}