@charset "utf-8";


img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	clear: none;
	float: none;
}
#header {
	color: #593C1B;
	position: relative;
	border-bottom: 5px solid #593C1B;
	height: 90px;
}
#header h1 {
	display: none;
}
#header a {
	color:#593C1B;
}

#menubar {
	margin-bottom: 25px;
}
#pagelabel {
}
#main {
}
#contents {
	width: 100%;
	margin-bottom: 25px;
}
#sidebar {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 15px;
}
#side_bn1 {
width: 48.7179%;
margin-left: 0;
	text-align: center;
}
#side_bn2 {
width: 48.7179%;
clear: none;
margin-left: 2.5641%;
	text-align: center;
}
#footer {
	background-color: #593C1B;
	color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 16px;
}
#footer a {
	color: #FFFFFF;
}
#bg {
}
#header_bg {
	background-image:url(images/bg_header.png);
	background-repeat:repeat-x;
}

#head_logo {
	width: 66%;
	padding-top: 5px;
}
#head_center {
width: 100%;
clear: both;
margin-left: 0;
display: none;
}
#head_right {
	width: 30%;
	clear: none;
	margin-left: 4%;
	text-align: center;
	font-size: 12px;
	padding-top: 15px;
}
#head_menubtn {
	display: block;
	width: 30%;
	clear: none;
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 2%;
	margin-left: 4%;
}
.menu_btn_all {
	cursor:pointer;
}
#main-menu {
	display: none;
}
#header_links {
display: none;
}



.box50 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box50_2 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box33 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box33_2 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box33_3 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
.box25_1 {
width: 47.3684%;
clear: both;
margin-left: 0;
}
.box25_2 {
width: 47.3684%;
clear: none;
margin-left: 5.2631%;
}
.box25_3 {
width: 47.3684%;
clear: both;
margin-left: 0;
}
.box25_4 {
width: 47.3684%;
clear: none;
margin-left: 5.2631%;
}

.box252_1 {
width: 47.3684%;
clear: both;
margin-left: 0;
}
.box252_2 {
	width: 47.3684%;
	clear: none;
	margin-left: 5.2631%;
}
.box252_3 {
width: 47.3684%;
clear: both;
margin-left: 0;
}
.box252_4 {
	width: 47.3684%;
	clear: none;
	margin-left: 5.2631%;
}

.right_com {
width: 100%;
margin-bottom: 15px;
}
.right_photo {
width: 90%;
margin-left: 5%;
clear: both;
margin-bottom: 15px;
}
.right_com2 {
width: 100%;
margin-bottom: 15px;
}
.right_photo2 {
width: 100%;
clear: both;
margin-bottom: 15px;
}

.left_photo {
	width: 100%;
	margin-bottom: 10px;
}
.left_com {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}
.left_photo2 {
	width: 100%;
	margin-bottom: 10px;
}
.left_com2 {
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}
#footarea {
}
#footer_info {
width: 100%;
text-align:center;
}
#footer_sitemap {
width: 100%;
clear: both;
margin-left: 0;
text-align:center;
}
#footer_cr {
	width: 100%;
	clear: both;
	margin-left: 0;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
}
#pagetop {
	height: 30px;
	width: 45px;
	position: fixed;
	right: 5px;
	bottom: 60px;
	z-index: 10;
}
#fb_area {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 25px;
}

.table_responsive table, .table_responsive tr {
	display:block;
	width:100%;
	border-collapse:collapse;
}
.table_responsive th {
	display:block;
	width:96%;
	padding:2%;
	vertical-align:top;
	text-align:left;
	background-color:#EEEEEE;
}
.table_responsive td {
	display:block;
	width:96%;
	padding:2%;
	vertical-align:top;
}
.video_box {
	height:240px;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media print, screen and (min-width: 667px) {

.gridContainer {
	width: 97%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	clear: none;
	float: none;
	margin-left: auto;
}
#header {
	height: 90px;
}
#header h1 {
	display: none;
}
#menubar {
}
#pagelabel {
}
#main {
}
#contents {
	width: 70%;
}
#sidebar {
	width: 27%;
	clear: none;
	margin-left: 3%;
}
#side_bn1 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
#side_bn2 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
#footer {
	font-size: 14px;
	line-height: 18px;
}
#bg {
}
#header_bg {
}
#head_logo {
	width: 55%;
}
#head_center {
width: 100%;
clear: both;
margin-left: 0;
display: none;
}
#head_right {
	width: 29%;
	clear: none;
	margin-left: 3%;
	padding-top: 15px;
	font-size: 14px;
}
#head_menubtn {
	width: 120px;
	right: 1%;
}

#main-menu {
}
#header_links {
	display: block;
	margin-bottom: 15px;
}


.box50 {
width: 48.7179%;
margin-left: 0;
}
.box50_2 {
width: 48.7179%;
clear: none;
margin-left: 2.5641%;
}
.box33 {
	width: 31.5%;
}
.box33_2 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}
.box33_3 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}
.box25_1 {
width: 23.0769%;
clear: both;
}
.box25_2 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.box25_3 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.box25_4 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.box252_1 {
width: 23.0769%;
clear: both;
}
.box252_2 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.box252_3 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}
.box252_4 {
width: 23.0769%;
clear: none;
margin-left: 2.5641%;
}

.right_com {
	width: 59.5384%;
}
.right_photo {
	width: 35.8974%;
	clear: none;
	margin-left: 4.5641%;
}
.right_com2 {
width: 49.5384%;
}
.right_photo2 {
width: 45.8974%;
clear: none;
margin-left: 4.5641%;
}

.left_photo {
width: 45.8974%;
}
.left_com {
width: 49.5384%;
clear: none;
margin-left: 4.5641%;
}

.left_photo2 {
width: 60%;
}
.left_com2 {
	width: 37%;
	clear: none;
	margin-left: 3%;
}

.table_responsive table {
	display:table;
	width:100%;
	border-collapse:collapse;
}
.table_responsive tr {
	display:table-row;
	width:100%;
}
.table_responsive th {
	display: table-cell;
	padding: 9px;
	width:30%;
	vertical-align: top;
	text-align: left;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}
.table_responsive td {
	display:table-cell;
	padding:9px;
	vertical-align:top;
	border: 1px solid #CCCCCC;
}

#footarea {
}
#footer_info {
	width: 100%;
}
#footer_sitemap {
width: 100%;
clear: both;
margin-left: 0;
}
#footer_cr {
	width: 100%;
	clear: both;
	margin-left: 0;
	font-size: 12px;
}
#pagetop {
	height: 40px;
	width: 60px;
	right: 15px;
}
#fb_area {
width: 100%;
max-width:500px;
margin-left:auto;
margin-right:auto;
clear: both;
text-align:center;
}
.video_box {
	height:380px;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media print, screen and (min-width: 1111px) {

.gridContainer {
	width: 1000px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#header {
	height: 125px;
	border-bottom-style: none;
}
#header h1 {
	color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	display: block;
	height: 16px;
}
#menubar {
}
#pagelabel {
}
#main {
}
#contents {
	width: 720px;
}
#sidebar {
	width: 240px;
	margin-left: 40px;
	clear: none;
}
#side_bn1 {
	width: 100%;
	margin-left: 0;
}
#side_bn2 {
width: 100%;
margin-left: 0;
margin-bottom: 10px;
}
#footer {
}
#bg {
	background-image:url(images/bg_header.png);
	background-repeat:repeat-x;
}
#header_bg {
	background-image:none;
}
#head_logo {
	width: 400px;
	padding-top: 10px;
}
#head_center {
	width: 375px;
	margin-left: 25px;
	clear: none;
	padding-top: 15px;
	display: block;
}
#head_right {
	width: 170px;
	margin-left: 20px;
	clear: none;
	padding-top: 15px;
	font-size: 14px;
	text-align: right;
}
#head_menubtn {
display: none;
}
#main-menu {
	display: block;
}
#header_links {
display: block;
}

.box50 {
width: 49.1525%;
margin-left: 0;
}
.box50_2 {
width: 49.1525%;
margin-left: 1.6949%;
clear: none;
}
.box33 {
	width: 31.5%;
}
.box33_2 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}
.box33_3 {
	width: 31.5%;
	clear: none;
	margin-left: 2.5641%;
}

.box25_1 {
width: 23.7288%;
clear: both;
}
.box25_2 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.box25_3 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.box25_4 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.box252_1 {
width: 23.7288%;
clear: both;
}
.box252_2 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.box252_3 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}
.box252_4 {
width: 23.7288%;
margin-left: 1.6949%;
clear: none;
}

.right_com {
	width: 64.1016%;
}
.right_photo {
	width: 32.2033%;
	margin-left: 3.6949%;
	clear: none;
}
.right_com2 {
width: 54.1016%;
}
.right_photo2 {
width: 42.2033%;
margin-left: 3.6949%;
clear: none;
}

.left_photo {
width: 42.2033%;
}
.left_com {
width: 54.1016%;
margin-left: 3.6949%;
clear: none;
}
.left_photo2 {
}
.left_com2 {
}
.table_responsive {
}

#footarea {
}
#footer_info {
	width: 278px;
	height: 160px;
	border-right: 2px solid #EEEEEE;
	text-align:left;
}
#footer_sitemap {
	width: 690px;
	margin-left: 30px;
	clear: none;
	height: 130px;
	text-align:left;
}
#footer_cr {
	width: 700px;
	margin-left: 20px;
	clear: none;
	text-align: right;
}
#pagetop {
	height: 48px;
	width: 72px;
}
#fb_area {
	width: 240px;
	clear: none;
}
.video_box {
	height:480px;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

}