@charset "utf-8";
/* CSS Document */

#container{
	width: 884px;
	background-position: center;
	background-image: url(images/page_borderrpt.gif);
	background-repeat: repeat-y;
}

body {
	padding: 0;
	font-size: 13px;
	text-align: justify;
	background-image: url(images/background_tile.jpg);
	margin-top: 0px;
}

a{
	color: #946205;
	text-decoration: underline;
	font-weight: bold;
}

a:link{
	color: #946205;
	text-decoration: underline;
	font-weight: bold;
}

a:visited{
	color: #946205;
	text-decoration: underline;
	font-weight: bold;
}

a:hover{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

#marquis {
	width: 120px;
	height: 337px;
	padding: 0;
}


.nav_position {
	float: left;
	padding-left: 18px;
	position: relative;
	width: 190px;
}

.nav_lftrpt {
	background-image: url(images/nav_lftrpt.jpg);
	background-repeat: repeat-y;
}

.nav_rtrpt {
	background-image: url(images/nav_rtrpt.jpg);
	background-repeat: repeat-y;
}

.floatinglefttop {
	float:left;
	vertical-align: top;
	display: inline;
} 

.floatingleftbtm {
	float:left;
	vertical-align: bottom;
	display: inline;
}
   
.mainnav ul {
	width:140px;
	padding:0px;
	list-style-type:none;
	z-index:100;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.mainnav li{
display:block;
position:relative;
border-bottom:1px solid #fff; 
float:left;
width: 100%;
	line-height: 23px; 	z-index:100;
}
.mainnav li li{
position:relative;
width: 100%;
border-bottom:1px solid #fff; display:inline; float:left; 	z-index:100;
}
.mainnav a:link, .mainnav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background-image: url(images/nav_btnback.jpg);
	background-repeat: no-repeat;	
    display:block;
	color: #000000;
    text-decoration:none;
    padding-left: 7px;
	padding-bottom: 2px;
}
/* style the top level hover */
.mainnav a:hover {
	background-image: url(images/nav_btnback.jpg);
	background-repeat: no-repeat;
	color: #a30a0d;
	background-position: 0px -25px;
	text-decoration: none;
	padding-left: 7px;
}
.mainnav ul ul{
visibility:hidden;
position:absolute;
top:0px;
left:140px;
z-index: 110;
text-align: left;
height: 0;
width: 152px;
}

.mainnav ul ul ul{
left:152px;
top:0;
width:152px;

}

/* style the table so that it takes no part in the layout - required for IE to work */
.mainnav table {position:absolute; top:0; left:0; }

/* style the second level links */
.mainnav ul ul a:link, .mainnav ul ul a:visited {
	font-size:12px;
background-color:#C1BF6C;
color:#121212;
	width:145px;
	z-index:1000;
	height: 1%;
	padding-top:0px;
	padding-bottom:0px;
	background-image: none;
}


/* style the second level hover */
.mainnav ul ul a:hover{
background-image:none;
background-color:#EDECD7;
color:#FFFFFF;
text-decoration:none;z-index: 100;
}


/* style the third level link */
.mainnav ul ul ul a:link, .mainnav ul ul ul a:visited{
background-image:none;
background-color:#EAEAD0;
color:#121212;
text-decoration:none;z-index: 100;
}

/* style the third level hover */
.mainnav ul ul ul a:hover{
background-image:none;
background-color:#C1BF6C;
color:#161616;
text-decoration:none;z-index: 100;
}


.mainnav :hover > a {
color: #a30a0d;
	background-image: url(images/nav_btnback.jpg);
	background-repeat: no-repeat;
	background-position: 0px -25px;
z-index: 100;
}

.mainnav ul ul :hover > a {
color: #333333;
background-color:#EAEAD0;z-index: 100;
}


/* make the second level visible when hover on first level list OR link */
.mainnav ul li:hover ul,
.mainnav ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.mainnav ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.mainnav ul :hover ul :hover ul{ 
visibility:visible;
}


/* QuickLinks Styles */
.quicklink {
	clear:right;
	font-size:14px;
	text-align:left;
	text-align: center;
	position:relative;
	z-index:100;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.quicklink a:link, .quicklink a:visited {
display:block;
color:#fff;
text-decoration:none;
padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px; margin-right: 7px;
}

/* style the top level hover */
.quicklink a:hover {
text-decoration:none; background-color:#000000
}



.nav_back {
	height: 260px;
	width: 170px;
	display: block;
	background-image: url(images/nav_back.jpg);
	background-repeat: no-repeat;
}
	
#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  	float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
	position: relative;
	display: block;
}
.content p {
	margin-bottom: 0px;
}

/************** content styles *****************/

h1 {
	margin: 0;
	padding: 0;
	height: 27px;
	width: 453px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 12px;
	vertical-align: middle;
	line-height: 23px;
	color: #ffffff;
	background-image: url(images/content_cap.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	white-space: normal;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
   }
 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 25px;
   }  
.content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
		line-height: 22px;
	font-weight: bold;
	margin-bottom: 5px;
   }
   
.contentback1 {
	padding: 0;
	width: 453px;
	background-image: url(images/content_backrpt.jpg);
	background-repeat: repeat-y;
	margin-left: 17px;
   }
.contentbackhome {
	padding: 0;
	width: 453px;
	background-image: url(images/content_backrpt.jpg);
	background-repeat: repeat-y;
	

   } 
   .content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	display: block;
	line-height: 11pt;
	color: #590000;
	text-decoration: none;
	padding: 10px 20px 0px 20px;

   }
   
.header1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-indent: -12px;
	display: block;
	line-height: 5pt;
	color: #a30a0d;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
	background-color: #e6e6cc;
	position: relative;
	clear: both;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
   }


.panelpic_left {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #e6e6cc;
}

.panelpic_right {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #e6e6cc;
}

.panelpic_left_short {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 2px solid #e6e6cc;
}

.panelpic_right_short {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 2px solid #e6e6cc;

}

/************** full content styles *****************/
#fulldisplay {
width: 657px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; display: block;
}

#fulldisplay h1 {
	margin: 0;
	padding: 0;
	height: 27px;
	width: 657px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 12px;
	vertical-align: middle;
	line-height: 23px;
	color: #ffffff;
	background-image: url(images/content_full_cap.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	white-space: normal;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
	float: left;
   }

#fulldisplay  .contentback1 {
	padding: 0;
	width: 657px;
	display: block;
	background-image: url(images/content_full_backrpt.jpg);
	background-repeat: repeat-y;
	white-space: normal;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0px;
   }
   
#fulldisplay    .content_full {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	display: block;
	line-height: 11pt;
	color: #590000;
	text-decoration: none;
	position: relative;
	clear: both;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
   }
#fulldisplay    .content_full_float {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	display: block;
	line-height: 11pt;
	color: #590000;
	text-decoration: none;
	position: relative;
	clear: both;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	float: left;
   }
.contentfoot {
	margin: 0;
	padding: 0;
	height: 14px;
	width: 453px;
	display: block;
	background-image: url(images/content_foot.jpg);
	background-repeat: no-repeat;
	white-space: normal;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	vertical-align: middle;
   }
/************** end full content styles *****************/

.readmore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	line-height: 11pt;
	color: #999999;
	text-decoration: none;
	margin-right: 5px;
	margin-top: -2px;
	display: block;
	position: relative;
	clear: both;
   }
   
.readmore a {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #999999;
	text-decoration: none;
	margin-right: 5px;
	display: block;
	position: relative;
   }
   
.readmore a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #999999;
	text-decoration: underline;
	margin-right: 5px;
	display: block;
	position: relative;
   }
   
   .content_full_foot {
	padding: 0;
	height: 14px;
	width: 657px;
	display: block;
	background-image: url(images/content_full_foot.jpg);
	background-repeat: no-repeat;
	white-space: normal;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	float: left;
	margin-top: 0;
   }

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/************* #footer styles ***************/
.footerseperator {
width: 884px;
}

.footerback {
	margin: 0;
	padding: 0;
	width: 884px;
	display: block;
	background-image: url(images/footer_back.jpg);
	background-repeat: no-repeat;
	white-space: normal;
	margin-right: auto;
	margin-left: auto;
	background-position: bottom;
   }
   
.footerlinks a:link, .footerlinks a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
	vertical-align: middle;
	line-height: 32px;
	text-align: center;
   }
   
.footerlinks a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
	text-transform: uppercase;
	display: inline;
	vertical-align: middle;
	line-height: 32px;
	text-align: center;
   }
   
.footer_copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #8a8a8a;
	padding-left: 10px;
	padding-bottom: 3px;
	line-height: 25px;
	display: block;
}

.footer_websiteby {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #333333;
	margin-right: 7px;
	margin-top: -27px;
	text-decoration: none;
	line-height: 25px;
	position: relative;
}

.footer_websiteby a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #333333;
	margin-right: 7px;
	margin-top: -27px;
	text-decoration: none;
	line-height: 25px;
	position: relative;

}

.footer_websiteby a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #333333;
	margin-right: 7px;
	margin-top: -27px;
	text-decoration: none;
	line-height: 25px;
	position: relative;

}
#container #marquis .headermenu {
	position: relative;
	top: -185px;
	width: 120px;
	margin-left: 24px;
}
#h_hide, #h_hide_g, #h_hide_fe, #h_hide_n  {
	float: right;
	display: block;
	width: 15px;
	margin-right: 3px;
	margin-top: 7px;
}
.more {
	width: 120px;
	height: 25px;
	font-size: 14px;
	position: absolute;
	left: 450px;
	top: 121px;
}
.more a:link, .more a:visited {
	display: block;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
	background-image: url(images/header/morebknd.png);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}
.more a:hover {
	display: block;
	background-image: url(images/header/morebknd2.png);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
	color: #CCCCCC;
}

.pictureswap {
	position: relative;
}
.pan_wrap
{
	background: url(images/pan_checks.gif) repeat;
	margin: 0px;
	position: relative;
	width: 870px;
	height: 342px;
	overflow:hidden;
}
div.pan_wrap img {
  margin-top:-100px;
  margin-left:10px;
}
.pan_frame {
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 884px;
	height: 342px;
	background-image: url(images/header/header.png);
	background-repeat: no-repeat;

}

* html .pan_frame {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/header.png', sizingMethod='crop');
		overflow:hidden;
}
.slidecontent {
	height: 112px;
	position: relative;
	display: block;
	width: 580px;
	margin-top: 0px;
	margin-left: 30px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.feat_thumbs {
	float: left;
	width: 95px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-right: 8px;
	padding-left: 8px;
	position: relative;
	display: block;
	height: 105px;
}
.feat_thumbs img {
	border: 1px solid #333333;
	padding: 1px;
}
.first {
	float: left;
	display: block;
	width: 220px;
	margin-right: 10px;
}

.firstfeatures {
	float: left;
	display: block;
	width: 440px;
	margin-right: 10px;
}
.thumbleft {
	position: relative;
	display: block;
	height: 260px;
	padding-left: 2px;
	padding-right: 2px;
}
.port_cat {
	border: 1px double #C1BF6C;
	padding: 2px;
	clear: both;
	background-image: url(images/port_cat_bknd.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}
.port_cat_hdr {
	font-size: 17px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.port_cat_more {
	display: block;
	height: 20px;
	width: 110px;
	position: relative;
	left: 450px;
	margin-top: 10px;
}
.port_cat_more a {
	background-image: url(images/port_cat_moreinfo.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 110px;
	text-align: center;
	padding-top: 4px;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 3px;
	font-weight: normal;
}
.port_cat_more a:hover {
	background-image: url(images/port_cat_moreinfo2.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 110px;
	text-align: center;
	padding-top: 4px;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 3px;
	font-weight: normal;
}
#container .topcontainer {
	position: relative;
	display: block;
	clear: both;
	height: 345px;
}
#container .contentsep {
	position: relative;
	display: block;
	clear: both;
	margin-top: 38px;
	width: 880px;
}
#container .contentsep .middle {
	width: 453px;
	margin-left: 215px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
}
#container .contentsep .middle2 {
	width: 453px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
}
#container .contentsep .middlefullpage {
	width: 657px;
	margin-left: 215px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.rightside {
	float: right;
	width: 190px;
}
ul.rtCol {
	margin:0px;
	padding:2px 5px;
}
ul.rtCol li {
	list-style-image:none;
	list-style-type:none;
	font-size:11px;
	padding-bottom: 10px;
}

.url {
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}
.contentback1 .header1 .viewproject {
	float: right;
}
div.clearer {clear: left; line-height: 0; height: 0;}