
/* Portal - Copyright (c) 2002-2010 Open2b Software Snc. */

body { background:url(images/tall_top.gif) left top repeat-x #000; font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 { color: #af8a52; font-size: 16px; }
h2 { color: #af8a52; font-size: 13px; }
h3 { color: #af8a52; font-size: 12px; }

a { color: #363030; text-decoration: underline; }

#header   { background: url('header-bg.jpg') no-repeat right bottom; height: 160px; margin: 0; min-height: 160px; padding:0; padding-top: 6px; }
#header a { color: white; }
#logo     { color: white; margin: 0px; margin-top:-20px; width:210px; height:115px; max-width:210px; max-height:115px; top:0; float:right; clear:none;}

#header-content .menu{ width:750px; margin-left:25px; clear:left; float:left; overflow:hidden;}
#first-header-menu-box li a,
#first-footer-menu-box li a,
#second-footer-menu-box li a{ padding-left:6px;color:#e2bb45; font-size:11px !important; background-position:left center;}
#second-header-menu-box { margin-top:20px;}
#second-header-menu-box.menu{}
#second-header-menu-box li a{ background:none; font-size:25px; padding-top:10px;color:#9A743E}
#second-header-menu-box li a:hover{ color:#fff; text-decoration:none; background:url(images/star.jpg) no-repeat; background-position: top left}
.cufon-active #second-header-menu-box a{ font-size:35px;}

#menu-left-top-box,
#menu-left-middle-box,
#menu-left-bottom-box,
#menu-right-top-box,
#menu-right-middle-box,
#menu-right-bottom-box{ font-size:11px; float:left; clear:none; width:157px; color:#e2bb45; margin:0; padding:0; margin-bottom:20px;}

#menu-left-top-box li a,
#menu-left-middle-box li a,
#menu-left-bottom-box li a,
#menu-right-top-box li a,
#menu-right-middle-box li a,
#menu-right-bottom-box li a {color:#e2bb45; padding-left:5px;  background-position:left center;}

#menu-left-top-box li ,
#menu-left-middle-box li ,
#menu-left-bottom-box li ,
#menu-right-top-box li ,
#menu-right-middle-box li,
#menu-right-bottom-box li {padding:0; clear:both;}

#footer h3 a {color:#790000; text-decoration:none;}
#footer h3 { margin:3px !important;}
.cufon-active #footer h3 a {font-size:25px; padding-bottom:5px;}

.print-this a,
.share-this a { color:#fff !important;}

#design-center { width: 670px; background:url(images/content_bgd2.jpg) no-repeat right top; height:450px; /*overflow:auto;*/ padding:0;}
#center-scroll{ height:450px; overflow:auto; }
#left {width:311px; padding:0;margin:0; height:450px; background:url(images/content_bgd1.jpg) top left no-repeat;}
#center-content{ width:650px;}

#search-box              { border: 0; left: 0; margin: 0; position: absolute; top: 210px; width: 991px; }
#search-box h3           { background: none; color: black; float: left; font-weight: normal; margin: 0; padding: 0; }
#search-box .box-content { padding: 0; }
#search-box form div     { float: left; margin-left: 5px; }

.column .box      { border: 1px solid #D8D3D3; }
.column .box h3   { background: #363636; color: white; font-size: 12px; font-weight: bold; margin: 0; padding: 8px 20px 8px 14px; }
.column .box h3 a { color: white; }
.column .box-content   { padding: 5px; }

#categories-box h3           { background: #7F7F7F; }
#categories-box .box-content { padding: 0 1px 1px 1px; }
#categories-box li           { background: #E5E5E5; margin-top: 1px; }

.articles      {  margin-bottom: 5px; padding: 5px; }
.articles h2   { border-bottom: 1px dotted #af8a52; color: #363030; padding: 5px 0 5px 7px; }

.articles ol   { list-style-type: none; margin: 0; overflow: hidden; padding: 0; zoom: 1; }

.article-date span { background: url('page.png') no-repeat; font-weight:bold; color: #af8a52; font-size: 11px; margin-bottom: 10px; padding-left: 15px; }
.article-summary   { color: #af8a52; font-weight: bold; }

.tools a { color: black; text-decoration: none; }

.article-caption { font-size: 11px; color: #666666; }
.article-image img {border:1px solid #77430a}

#design-center .contact-us fieldset{ border:0 none;}
#design-center .contact-us #Email,
#design-center .contact-us #Name {background:transparent none repeat scroll 0 0; border:1px solid #AF8A52; color:#8E6A46; font-family:Georgia; font-size:1em; width:155px; float:left; clear:left;}
#design-center .contact-us #Email  {margin-top:.5em;}
#design-center .contact-us #Message { float:right; height:100px; width:445px;}
#design-center .contact-us .button{ margin-top:0; text-align:right; margin-right:20px;}

/*---------------------- template css ---------------------- */
* {margin:0; padding:0;}
html {height:100%;}
body { height:100%; color:#8e6a46;}
table, td {border-collapse:collapse; font-size:100%; font-family:Georgia;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}
select, input { font-size:1em;}
img { vertical-align:top; border:0; vertical-align:top; text-align:left;}

.fleft { float:left;}
.fright { float:right;}

.table { width:100%;}

.clear { clear:both;}

.alignright { text-align:right;}

.title { margin-bottom:20px;}

p { margin-bottom:16px;}
.p1 { margin-bottom:12px;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}

.form { height:30px;}
.form input {width:158px; height:19px; background:none; border:1px solid #af8a52; font-size:1em; font-family:Georgia; color:#8e6a46;}
textarea { width:156px; height:79px; background:none; overflow:auto; border:1px solid #af8a52; font-size:1em; font-family:Georgia; color:#8e6a46;}


/*==================list====================*/
ul { list-style:none;}
ul li a { background:url(images/marker.gif) no-repeat 0 6px; padding-left:12px; color:#e2bb45; line-height:1.67em;}



/*==================other====================*/
.img_indent { margin:3px 28px 0 0; float:left;}
.scroll { height:417px; overflow:auto;}
.scroll .height { height:600px;}
.scroll .ind {padding:35px 30px 0 0;}

/*==================txt, links, lines, titles====================*/
a {color:#d52d00; text-decoration:none;}
a:hover { text-decoration:underline;}

h3, h2 { font-size:1.2em; color:#af8a52 !important;}


.txt1 { color:#af8a52;}

.link1 { background:url(images/marker.gif) no-repeat 0 6px; padding-left:8px; color:#e2bb45;}

.line_hor { background:url(images/line1.gif) left bottom repeat-x; padding-bottom:48px; margin-bottom:17px;}

.title { margin-bottom:19px;}


.site_center {width:100%; text-align:center; background:url(images/tall_top.gif) left top repeat-x;}
.site_center1 {width:766px; margin:0 auto; text-align:left;}
.bg {background:url(images/tall_bottom.gif) left bottom repeat-x #000;}


.tall_top_left { background:url(images/tall_top_left.jpg) right top repeat-x; width:50%;}
.tall_top_right { background:url(images/tall_top_right.jpg) left top repeat-x; width:50%;}


/*header*/
#header { background:url(images/header_bgd.jpg) no-repeat left top;}
#header .col_1 { width:573px;}
#header .col_1 .indent { padding:23px 0 0 22px;}
#header .col_2 { width:193px;}

/*content*/
#content { font-size:0.75em; height:450px;}
#content table, td { line-height:1.5em;}
#content .col_1 { width:311px; background:url(images/content_bgd1.jpg) no-repeat left top;}
#content .col_1 .indent { padding:35px 0 0 135px;}
#content .col_2 { width:455px; ;}
#content .col_2 .indent { padding:0 28px 0 33px;}

/*footer*/
#footer { height:64px; background:url(images/footer_bgd.jpg) no-repeat left top; color:#4a3623; font-size:1em;}
#footer .indent { padding:25px 0 0 0; text-align:center;}
#footer a {color:#4a3623;}

/*index.html*/
#page1 #content h3 { margin-bottom:5px;}

/*index-1.html*/
#page2 #content .line_hor { padding-bottom:30px; margin-bottom:32px;}

/*index-2.html*/
#page3 #content .line_hor { padding-bottom:30px; margin-bottom:36px;}

/*index-3.html*/
#page4 #content .line_hor { padding-bottom:31px; margin-bottom:32px;}

/*index-4.html*/
#page5 #content .line_hor { padding-bottom:30px; margin-bottom:32px;}
#page5 #content .column1 { width:179px;}
#page5 #content .column2 { width:158px;}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #7B0006;
    overflow:visible;
    margin:3px;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(images/drag.png) center no-repeat transparent;
    width:9px;
    height:9px;
	cursor: pointer;
	overflow: hidden;
    
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}