
* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/footer-bg.gif) top center; text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x;}
.top-logo{ background:url(images/Banner.jpg) top no-repeat;}

img {vertical-align:top center;}
a img { border:0;}


ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.center {float:none; }
.clear  { clear:both;}
.textright{text-align:right;}



html{ font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.25em; color:#27221a;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0080FF;}
a:hover{
}
p {padding-top:15px;}
h4{
	font-size:2.0em;
	line-height:1.278em;
	font-weight:normal;
	margin-top:-3px;
	padding-bottom:9px;
}
strong{ color:#27221a;}
cite{ font-size:1.154em; line-height:1.333em; display:block; background:url(images/citation-bg.gif) no-repeat 0 0; text-indent:37px; padding:8px 0 9px 0; margin-top:-12px;}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.615em;
	text-transform:none;
	font-weight:normal;
	padding-bottom:20px;
	line-height: 1.15em;
}
h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform:none;
    float:inherit;
	font-weight:normal;
	padding-bottom:20px;
	line-height: 2.0em;
    vertical-align:middle;
}
h6{
	font-family: Times New Roman, @Batang, @BatangChe, @Batang, serif;
    font-style: normal; 
    text-decoration: none; 
	font-size:.9em;
	text-transform:none;
    float:inherit;
	font-weight:normal;
	padding-bottom:20px;
	line-height: 2.0em;
    vertical-align:middle;
}
.strong1{ font-size:0.923em; text-transform:uppercase; display:block;}

/* ============================= main layout ====================== */
.imgindent {margin:0 45px 0 0; float:left;}
.indent1 {margin: 0 50px 0 35px;}
.indent2 {margin: 0 50px 0 70px;}
.indent3 {padding-top:200px; padding-right:100px;padding-bottom:18px; }
.indentnot {margin: 0 0 0 0; }
.phone{ float:right; padding-right:60px;}
.phone2{ float:right; padding-right:60px;}
.space1{ margin-left:91px;}
.space2{ margin-left:45px;}
.margin1{ margin-top:23px;}
.margin2{ margin-top:30px !important;}
.margin3{ margin-top:45px;}
.padding1{ padding-top:35px;}
.padding2{ padding-top:16px;}
.padding3{ padding-left:16px; }
.padding4 {padding-bottom:30px; margin-right:30px;}
.padding5 {padding-top:72px; }



/* ============================= header ====================== */
#header{ background:url(images/top-bg.jpg) top center no-repeat; color:#ffffff;}

#nav{ 
    list-style:none;
    font-weight:bold;
    font-size:17px;
    margin-bottom:10px;
    <span class="code-comment">/* Clear floats */</span>
    float:right;
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.*/
    position:relative;
    z-index:5;
    margin-right: 200;
    
    }
#nav li{
    float:right;
    margin-right:10px;
    position:relative;
    
}
#nav a{
    display:block;
    padding:5px;
    color:#fff;
    background:#333;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#B25A2D;
    text-decoration:underline;
}
#nav ul{
    background:#fff;
/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  background:rgba(255,255,255,0);
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    padding-top:1px; 
    float:none;
}
#nav ul a{
    white-space:nowrap;
}

#nav li:hover ul{ left:0;}
#nav li:hover a{  text-decoration:none;}
#nav li:hover ul a{
    text-decoration:none;
}
#nav li:hover ul li a:hover{
    background:#B25A2D;
}


/* ============================= content ====================== */
#content{ background:#ffffff; padding-top:35px;}
.col-2{ margin-left:12px;}

.row-1{ background:#ffffff; padding-bottom:76px;}
.row-2{ background:url(images/row2-bg.gif) top center; color:#ffffff;}
.row-1 .indent{ padding:0 0 0 7px;}
.row-2 .indent{ padding:40px 0 36px 7px;}
.row-2 .right{ font-size:16px;}
.row-2 .right1{ float:right; padding-right:32px; font-size:16px;}
.row-2 .right2{ float:right; padding-right:90px; font-size:16px;}
.row-2 strong, .row-2 a{ color:#ffffff;}

/* the black box*/
.box1{ background:url(images/box1-tail.gif) top repeat-x #231f17; font-style:italic; color:#ffffff; font-size:1.077em; line-height:1.429em;}
.box1 .indent{ padding:25px 10px 38px 25px;}
.box1 .title{ padding:29px 0 0 0; background:none; margin:0;}
.box1 strong{ color:#ffffff;}

/* the orange box*/
.box2{ background:url(images/box2-tail.gif) top repeat-x #b23f01; font-style:italic; color:#ffffff; font-size:1.077em; line-height:1.429em;}
.box2 .indent{ padding:25px 10px 38px 27px;}
.box2 .title{ padding:29px 0 0 0; background:none; margin:0;}
.box2 strong{ color:#ffffff;}


/* basch box*/
.box3{ background:#ece8e1; padding:5px 5px 5px 15px; font-size:0.923em; text-transform:uppercase; font-weight:bold; color:#767166; margin-bottom:8px;}

.box4{ background:#000000; padding:5px 5px 5px 0px; font-size:1.5em;  font-weight:bold; color:#ffffff; margin-bottom:8px;}
.box5{ background:#ece8e1; padding:5px 5px 5px 15px; font-size:0.923em; text-transform:uppercase; font-weight:bold; color:#767166; margin-bottom:8px;}


.text1{ margin:5px 0 -17px 0; float:right; position:relative;}
.author{ color:#767166; font-style:italic;}
.extra{ padding-right:60px; font-size:0.923em;}
.extra .imgindent{ margin:0 35px 35px 0;}
.extra .link{ font-size:1.5em;}
.extra-img{ margin:-7px 0 -20px 0; position:relative;}
.line1{ background:url(images/line.gif) repeat-y 304px 0;}
.line2{ background:url(images/line.gif) repeat-y 656px 0;}
.line3{ background:url(images/line.gif) repeat-y 445px 0;}
.list{ margin-bottom:-4px;}
.list li{ font-size:0.857em; line-height:1.75em;}
.list a{ text-transform:uppercase; text-decoration:none; color:#ffffff; font-style:normal;}
.list a:hover{ text-decoration:underline;}

.list1 li{ font-size:1.077em; line-height:1.571em;}
.list1 a{ font-style:italic; text-decoration:none;}
.list1 a:hover{ text-decoration:underline;}

.list2 li{ font-size:0.923em; line-height:1.75em;}
.list2 a{ text-decoration:none; text-transform:uppercase;}
.list2 a:hover{ text-decoration:underline;}

.title{ background:url(images/unline.gif) left bottom repeat-x; padding-bottom:4px; margin-bottom:26px;}
.link{
	color:#b44101;
	font-family:"Times New Roman", Times, serif;
	font-size:1.385em;
	display:inline-block;
	margin-top:10px;
	letter-spacing:1px;
	background:url(images/link-bg.gif) right top no-repeat;
	padding-right:13px;
}
.link:hover{
}
.link1{ color:#191409; font-family:"Times New Roman", Times, serif; font-size:1.385em; display:inline-block; margin-top:25px; padding-right:13px;}
.link2{ color:#191409;  font-size:1.0em; display:inline-block;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-bg.gif) top center; color:#8b8781;}
#footer .main{ text-align:right;}
#footer .indent{ padding:7px 5px 0 0;}
#footer a{ color:#8b8781; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm{ font-weight:bold;}
#ContactForm .col-1{ width:254px !important;}
#ContactForm .col-2{ width:240px !important; margin-left:0 !important;}
#ContactForm input{ border:solid 0px; background:#ece8e1; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 3px 3px; width:235px; margin-top:4px;}
#ContactForm textarea{ border:solid 0px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:489px; margin-top:4px; height:85px; overflow:auto;}
#ContactForm .textarea{ padding-top:12px;}
#ContactForm a{ font-family:"Times New Roman", Times, serif; font-size:.5em; color:#ffffff; font-weight:normal; display:inline-block; background:url(images/form-link-bg.gif) no-repeat 0 0; padding:3px 27px 7px 22px; text-decoration:none; margin:23px 25px 0 0;}
#ContactForm a:hover{ color:#27221a;}
