@charset "utf-8";

/*----CommonSTART*/
* { padding: 0px; margin: 0px; }

body { background-color: #5f2916; color: #2c2c2c; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; }

img { border: 0px; }
a { color: #b10512; text-decoration: underline; }
a:hover { text-decoration: none; }
form { display: inline; }

.clear { clear: both; }
.wrap { width: 100%; }
.wrap-cen { width: 100%; text-align: center; }

#wrapper { width: 100%; text-align: center; }

.layout { width: 980px; margin: 0px auto; }
/*----Common----<<END*/

/*----HeaderSTART*/
#header { background-image: url(../images/header_bg.jpg); background-position: top left; background-repeat: repeat-x; width: 100%; height: 198px; }
#header .layout { position: relative; height: 198px; z-index: 1000; }

#header #logo { float: left; width: 370px; height: 163px; }

#header #callus { background-image: url(../images/callus_bg.jpg); background-position: top left; background-repeat: no-repeat; width: 156px; height: 67px; position: absolute; top: 0px; right: 0px; padding: 12px 0px 0px 50px; text-align: left; }
#header #callus h3 { color: #773822; font-family: "Trebuchet MS"; font-size: 20px; font-weight: normal; line-height: 20px; padding: 0px 0px 5px 0px; }
#header #callus h4 { color: #9c010d; font-family: "Trebuchet MS"; font-size: 22px; font-weight: normal; line-height: 22px; }

#header #slogan { float: right; width: 300px; padding: 93px 5px 0px 0px; text-align: right; }
#header #slogan h3 { color: #5f2916; font-family: "Trebuchet MS"; font-size: 25px; font-weight: normal; line-height: 100%; padding: 0px 0px 3px 0px; }
#header #slogan h4 { color: #683523; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; line-height: 100%; }

#header #login { float:left; text-align:left; width:245px; height:76px; padding-top:0px; padding-left:40px; font-family:Tahoma, Geneva, sans-serif; background:url(../images/loginBg.gif) no-repeat scroll 40px 43px; background-position:top right;}
#header #login table thead td {font-size:14px; font-weight:bold;  height:22px; text-align:left; padding-left:7px; color:#FFFFFF;}
#header #login table td{padding-left:5px; height:21px;}
#header #login table input {width:105px; padding:0; margin:0; border-width:1px; padding:1px 2px 0;}
#header #login table .loginButton {background-color:#FFFAE0; border:1px solid #D16521; width:45px; height:24px; text-align:center; font-weight:bold; padding-bottom:3px;}

/*----Header----<<END*/

/*----Top MenuSTART*/
#topmenu { position: absolute; bottom: 0px; left: 0px; width: 980px; height: 35px; z-index: 2000; }
#topmenu ul { list-style-type: none; }
#topmenu ul li { float: left; position: relative; display: inline; margin: 0px 2px 0px 0px; }
#topmenu ul li.lastitem { margin: 0px; }
#topmenu ul li a { background-image: url(../images/topmenu_left_bg.jpg); background-position: 0px 0px; background-repeat: no-repeat; color: #ffffff; display: block; font-family: "Trebuchet MS"; font-size: 15px; line-height: 35px; height: 35px; text-align: center; text-decoration: none; }
#topmenu ul li a span { background-image: url(../images/topmenu_right_bg.gif); background-position: top right; background-repeat: no-repeat; display: block; height: 35px; cursor: pointer; padding: 0px 10px; }
#topmenu ul li a:hover { background-position: 0px -35px; text-decoration: none; }
#topmenu ul li a:hover span { background-image: url(../images/topmenu_right_hover_bg.gif); }
#topmenu ul li ul { background-color: #f4e3bc; border-top: 1px solid #c96b27; border-left: 1px solid #c96b27; border-right: 1px solid #c96b27; display: block; list-style-type: none; position: absolute; left: 0px; visibility: hidden; width: 198px; z-index: 1000; }
#topmenu ul li ul li { border-bottom: 1px solid #c96b27; width: 198px; float: none; display: list-item; text-align: left; margin: 0px; padding: 0px; }
#topmenu ul li ul li a { background-image: none; color: #5f2916; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 100%; height: auto; width: 173px; padding: 7px 10px 7px 15px; text-align: left; text-decoration: none; }
#topmenu ul li ul li a:hover { background-image: none; background-color: #ce111f; color: #fff3d7; text-decoration: none; }
#topmenu ul li ul li ul { top: 0px; display: none; z-index: 2000; }
/*----Top Menu----<<END*/

/*----BannerSTART*/
#banner { background-image: url(../images/banner_bg.jpg); background-position: top left; background-repeat: repeat-x; width: 100%; height: 286px; position: relative; z-index: 100; }
#banner .layout { width: 1000px; position: relative; height: 286px; }
#banner #bannerin { background-image: url(../images/banner_bg.png); background-position: top left; background-repeat: no-repeat; width: 1000px; height: 314px; position: absolute; left: 0px; bottom: -29px; text-align: left; }
#banner #bannerin p { padding: 15px 0px 0px 24px; }
/*----BannerSTART*/

/*----ContentSTART*/
#content { background-color: #ffffff; background-image: url(../images/content_bg.jpg); background-position: top left; background-repeat: repeat-x; padding: 40px 11px 0px 11px; width: 958px; text-align: left; position: relative; z-index: 0; }
#content-bottom { background-image: url(../images/content_bottom.jpg); background-position: top left; background-repeat: no-repeat; width: 980px; height: 11px; font-size: 0px; line-height: 0px; }
/*----Content----<<END*/

/*----Left ColumnSTART*/
#left-col { float: left; width: 228px; }

#left-col .banners { padding: 0px 0px 10px 0px; }

#left-col h2 { color: #b90816; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; line-height: 20px; padding: 0px 0px 15px 0px; text-align: center; }

#left-col #mainmenu-top { background-image: url(../images/mainmenu_top.gif); background-position: top left; background-repeat: no-repeat; width: 228px; height: 5px; font-size: 0px; line-height: 0px; }
#left-col #mainmenu-bot { background-image: url(../images/mainmenu_bottom.gif); background-position: top left; background-repeat: no-repeat; width: 228px; height: 5px; font-size: 0px; line-height: 0px; margin: 0px 0px 10px 0px; }
#left-col #mainmenu { background-color: #ffedc4; background-image: url(../images/mainmenu_border.gif); background-position: top left; background-repeat: repeat-y; width: 228px; }
#left-col #mainmenu .inner { background-image: url(../images/mainmenu_bg.jpg); background-position: top left; background-repeat: no-repeat; padding: 0px 1px; width: 226px; }
#left-col #mainmenu ul { list-style-type: none; }
#left-col #mainmenu ul li { background-image: url(../images/mainmenu_arrow.gif); background-position: top left; background-repeat: no-repeat; border-bottom: 1px solid #f3c78d; float: left; display: inline; padding: 0px 0px 0px 30px; position: relative; width: 196px; }
#left-col #mainmenu ul li.lastitem { border-bottom: 0px; }
#left-col #mainmenu ul li a { color: #5f2916; display: block; font-size: 12px; font-weight: bold; padding: 7px 0px; text-decoration: none; width: 196px; }
#left-col #mainmenu ul li a:hover { color: #c40211; text-decoration: none; }
#left-col #mainmenu ul li ul { background-color: #f3dca7; border-top: 1px solid #f09756; border-left: 1px solid #f09756; border-right: 1px solid #f09756; display: block; list-style-type: none; position: absolute; left: 0px; top: -1px; visibility: hidden; width: 198px; z-index: 1000; }
#left-col #mainmenu ul li ul li { background-image: none; border-bottom: 1px solid #f09756; width: 198px; float: none; display: list-item; text-align: left; margin: 0px; padding: 0px; }
#left-col #mainmenu ul li ul li a { color: #5f2916; display: block; font-size: 12px; font-weight: normal; width: 173px; padding: 5px 10px 5px 15px; text-align: left; text-decoration: none; }
#left-col #mainmenu ul li ul li a:hover { background-color: #ce111f; color: #fff3d7; text-decoration: none; }
#left-col #mainmenu ul li ul li ul { top: -1px; display: none; z-index: 2000; }

#left-col .box-top { background-image: url(../images/box_top.gif); background-position: top left; background-repeat: no-repeat; width: 228px; height: 7px; font-size: 0px; line-height: 0px; }
#left-col .box-bot { background-image: url(../images/box_bottom.gif); background-position: top left; background-repeat: no-repeat; width: 228px; height: 7px; font-size: 0px; line-height: 0px; margin: 0px 0px 10px 0px; }
#left-col .box { background-color: #ffedc5; background-image: url(../images/box_border.gif); background-position: top left; background-repeat: repeat-y; color: #5f2916; width: 228px; }
#left-col .boxin { background-image: url(../images/box_bg.jpg); background-position: top left; background-repeat: no-repeat; width: 208px; padding: 4px 10px; }
#left-col .label { float: left; font-weight: bold; line-height: 22px; width: 44px; margin: 0px 0px 6px 0px; }
#left-col p.label { font-weight: bold; line-height: 22px; width: 44px; margin: 0px 0px 0px 0px; }
#left-col .textfield { background-image: url(../images/textfield_bg.gif); background-position: top left; background-repeat: no-repeat; float: right; width: 150px; height: 22px; padding: 2px 0px 0px 10px; }
#left-col .textfield input { background: transparent; border: 0px solid #ffffff; color: #5f2916; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 140px; }
#left-col .textarea { background-image: url(../images/textarea_bg.gif); background-position: top left; background-repeat: no-repeat; width: 200px; height: 87px; padding: 2px 1px 2px 4px; margin: 0px 0px 6px 0px; }
#left-col .textarea textarea { background: transparent; border: 0px solid #ffffff; color: #5f2916; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 200px; height: 87px; overflow: auto; }
#left-col .button { float: right; }
/*----Left Column----<<END*/

/*----Right ColumnSTART*/
#right-col { float: right; width: 718px; line-height: 18px; }
#right-col #rightcol-top { background-image: url(../images/rightcol_top.jpg); background-position: top left; background-repeat: no-repeat; width: 718px; height: 21px; font-size: 0px; line-height: 0px; }
#right-col #rightcol-mid { background-image: url(../images/rightcol_middle.jpg); background-position: top left; background-repeat: repeat-y; padding: 0px 15px; width: 688px; }
#right-col #rightcol-bot { background-image: url(../images/rightcol_bottom.jpg); background-position: top left; background-repeat: no-repeat; width: 718px; height: 7px; font-size: 0px; line-height: 0px; }

#right-col h1 { color: #5f2916; font-family: "Trebuchet MS"; font-size: 25px; font-weight: normal; line-height: 25px; padding: 0px 0px 20px 0px; }
#right-col h1 span { color: #c86924; font-size: 31px; font-weight: bold; line-height: 31px; }
#right-col h2 { color: #b10512; font-family: "Trebuchet MS"; font-size: 20px; font-weight: normal; line-height: 100%; padding: 0px 0px 10px 0px; }
#right-col h3 { color: #b10512; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; line-height: 100%; padding: 0px 0px 10px 0px; }
#right-col h4 { color: #c40c1b; font-size: 12px; font-weight: bold; padding: 0px 0px 15px 0px; }
#right-col p { padding: 0px 0px 18px 0px; }
#right-col ul { list-style-type: none; padding: 0px 0px 18px 0px; }
#right-col ul li { background-image: url(../images/arrow.gif); background-position: top left; background-repeat: no-repeat; padding: 0px 0px 0px 15px; margin: 0px 0px 10px 0px; }
#right-col ol {
	padding: 0px 0px 18px 0px;
	margin-left: 40px;
}

#right-col .img-left { border: 1px solid #5f2916; float: left; margin: 0px 10px 0px 0px; }
#right-col .img-right { border: 1px solid #5f2916; float: right; margin: 0px 0px 0px 10px; }
/*----Right Column----<<END*/

/*----FooterSTART*/
#footer { color: #fffdfa; font-size: 11px; line-height: 14px; height: 60px; width: 100%; text-align: center; padding: 15px 0px 0px 0px; }
#footer p { padding: 0px 0px 12px 0px; }
#footer a { color: #fffdfa; padding: 0px 8px; text-decoration: none; }
#footer a:hover { color: #c96b27; text-decoration: none; }
/*----Footer----<<END*/



#header #icons {
	float:left;
	text-align:left;
	width:130px;
	height:auto;
	padding-top:22px;
	padding-left:170px;
	font-family:Tahoma, Geneva, sans-serif;
}