@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
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:		12;
	dw-num-cols-desktop:	24;
	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: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none; border: 1px solid #ffffff; background-color:#1f1f1f;
}
#div1 { }
.header { }
.MenuPC { background-color:#000}
.menuPhone { background-color:#000; display: block;}
.PC { background-color:#708fa4}
.Phone { background-color:#708fa4; display: block;}
.Wide { }
.Left50 { width: 100%;}
.Right50 { width: 100%; clear: both; margin-left: 0;}
.Right50m { width: 100%; }
.Left33 { width: 100%;}
.Mid33 { width: 100%; clear: both; margin-left: 0; }
.Right33 { width: 100%; clear: both; margin-left: 0;}
.Left25 { width: 100%; }
.Midl25 { width: 100%; clear: both; margin-left: 0; }
.Midr25 { width: 100%; clear: both; margin-left: 0; }
.Right25 { width: 100%; clear: both; margin-left: 0;}
.Right75 { width: 100%; clear: both; margin-left: 0;}
.footer { background-color:#445c78; }
.zeroMargin_mobile { margin-left: 0; }
.hide_mobile { display: none;}

h1 { margin: 0; padding-left: 15px; padding-top:8px; color:#5d2482; font-size:140%; font-weight:normal; }
h2 { margin: 0; padding-right: 20px; padding-left: 20px; padding-top:8px; font-size:130%; font-weight:normal; color:#436f60 }
h3 { margin: 0; padding-right: 20px; padding-left: 20px; padding-top:8px; font-size:130%; font-weight:normal; color:#c14857 }
h4 { margin: 0; padding-right: 20px; padding-left: 20px; padding-top:8px; font-size:130%; font-weight:normal; color:#535095 }
h5 { margin: 0; padding-right: 20px; padding-left: 20px; padding-top:8px; font-size:130%; font-weight:normal; color:#833b60 }
h6 { margin: 0; padding-left: 15px; padding-top:8px; padding-bottom:0px; color:#435a79; font-size:100%; font-style:italic} 
p { margin: 0; padding-top:8px; padding-right: 20px; padding-left: 20px; font-size:85%;}
p.table { margin: 0; padding-top:2px; padding-right: 2px; padding-left: 2px; font-size:80%;}
p.white { margin: 0; padding-top:0px; padding-bottom:10px; padding-right: 10px; padding-left: 10px; font-size:80%; color:#fff;}
p.whitet { margin: 0; padding-top:8px; padding-bottom:10px; padding-right: 10px; padding-left: 10px; font-size:80%; color:#fff;}
p.open { margin: 0; padding-top:8px; padding-right: 15px; padding-left: 15px; font-size:85%; font-weight:bold}
p.phoneg { margin: 0; padding-right: 0px; padding-left: 20px; padding-top:8px; font-size:160%; font-weight:normal; color:#436f60 }
p.phoner { margin: 0; padding-right: 0px; padding-left: 20px; padding-top:8px; font-size:160%; font-weight:normal; color:#c14857 }
p.phoneb { margin: 0; padding-right: 0px; padding-left: 20px; padding-top:8px; font-size:160%; font-weight:normal; color:#535095 }
p.phonep { margin: 0; padding-right: 0px; padding-left: 20px; padding-top:8px; font-size:160%; font-weight:normal; color:#833b60 }
p.phonem { margin: 0; padding-right: 0px; padding-left: 0px; padding-top:2px; font-size:100%; font-weight:normal; }

.fltrt {  float: right;	margin-left: 8px;}
.fltrt1 {  float: right; margin-bottom:8px; margin-left: 20px;}
.fltlft { float: left;	margin-right: 8px;}
.fltrtm {  float: right; border: 1px solid #999999; padding:2px; margin-left: 5px; margin-top:5px; margin-bottom:5px;}
.fltlftm {  float: left; border: 1px solid #999999; padding:2px; margin-right: 5px; margin-top:5px;margin-bottom:5px;}
.border { display: block; margin-left: auto; margin-right: auto; padding:2px; border:1px solid #333; display: block; width: auto;
 max-width: 90%;}
img.displayed { display: block; margin-left: auto; margin-right: auto; padding:2px; border:0px solid #333; display: block; width: auto;
 max-width: 90%; }
 img.move { display: block; margin-left: auto; margin-right: auto; padding:20px; display: block; width: auto; max-width: 98%; }
 img.display { display: block; margin-left: auto; margin-right: auto; padding:2px; border:1px solid #333; display: block; width: auto;
 max-width: 90%; }
.picture { border: 0px solid #999999; padding:4px;}
.picturel { float: left; border: 0px solid #999999; padding:4px;}
.picturer { float: right; border: 0px solid #999999; padding:4px;}
img.head { display: block; margin:0; padding:0px; border:0px solid #333; display: block; width: 100%;  }
.clearfloat { clear:both; }

a.wh, a.wh:link { color: #fff; text-decoration:none }
a.wh:visited { color: #fff; text-decoration:none }
a.wh:hover, a.wh:active, a.wh:focus { color: #436f60; text-decoration:underline }

a.home img { border: none; color: #333; text-decoration: underline; font-weight:normal; font-size:100%}
a.home:link { color: #333; text-decoration: underline; font-size:100% }
a.home:visited, a.home:active, a.home:focus { color: #333; font-size:100%; text-decoration: underline;}
a.home:hover {color: #000; font-size:100%; text-decoration:underline}

a.cs { font-size:90%; color:#333; font-weight:normal; padding-left:15px;}
a.cs:link {color: #333; font-size:90%;	text-decoration: none; font-weight:normal; padding-left:15px; }
a.cs:visited {	color: #333; font-size:90%; text-decoration: none; font-weight:normal; padding-left:15px; font-size:90%;}
a.cs:hover, a.cs:active, a.cs:focus { text-decoration: underline; font-size:90%; font-weight:normal; padding-left:15px; color: #000;}

 ul {list-style: none;padding: 0px;margin: 0px;}
 ul li {display: block;position: relative;float: left;border:0px solid #000}
 li ul {display: none;}
 ul li a {display: block;background: #000; padding: 2px 20px 2px 20px; text-decoration: none; white-space: nowrap;color: #bbb;}
 ul li a:hover {background: #1c1c1c; color: #fff;}
 li:hover ul {display: block; position: absolute; z-index:2000; color: #fff;}
 li:hover li {float: none; color: #fff; border-right: solid 0px #b7b7b7; border-bottom: solid 1px #0b0b0b; background: #1c1c1c;}
 li:hover a {background: #1c1c1c; border-right: color: #fff; }
 li:hover li a:hover {background: #1c1c1c; border-right: solid 0px #b7b7b7; border-bottom: solid 0px #0b0b0b; color: #fff;}
 li a:visited {color:#bbb}
 li a:active {color:#fff;}
 li a:focus {color:#bbb;}
 #drop-nav li ul li {border-top: 0px;}

ul.sdc { font-size: 90%; color:#333; padding-right:15px;}
ol.sdc { font-size: 90%; color:#333}

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

@media only screen and (min-width: 641px) {

.gridContainer {
	width: 91.45%;
	padding-left: 0.775%;
	padding-right: 0.775%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.header {
}
.MenuPC {
display: block;
}
.menuPhone {
display: block;
}
.PC {
display: block;
}
.Phone {
display: block;
}
.Wide {
}
.Left50 {
width: 49.1525%;
}
.Right50 {
width: 49.1525%;
clear: none;
margin-left: 1.6949%;
}
.Left33 {
width: 32.2033%;
}
.Mid33 {
width: 32.2033%;
clear: none;
margin-left: 1.6949%;
}
.Right33 {
width: 32.2033%;
clear: none;
margin-left: 1.6949%;
}
.Left25 {
width: 23.7288%;
}
.Midl25 {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
}
.Midr25 {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
}
.Right25 {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
}
.Right75 {
width: 73.7288%;
clear: none;
margin-left: 1.6949%;
}
.footer {
}
.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 only screen and (min-width: 769px) {

.gridContainer {
	width: 89.25%;
	max-width: 1232px;
	padding-left: 0.375%;
	padding-right: 0.375%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.header {
}
.MenuPC {
display: block;
}
.menuPhone {
display: block;
}
.PC {
display: block;
}
.Phone {
display: block;
}
.Wide {
}
.Left50 {
width: 49.5798%;
}
.Right50 {
width: 49.5798%;
margin-left: 0.8403%;
clear: none;
}
.Left33 {
width: 32.7731%;
}
.Mid33 {
width: 32.7731%;
margin-left: 0.8403%;
clear: none;
}
.Right33 {
width: 32.7731%;
margin-left: 0.8403%;
clear: none;
}
.Left25 {
width: 24.3697%;
}
.Midl25 {
width: 24.3697%;
margin-left: 0.8403%;
clear: none;
}
.Midr25 {
width: 24.3697%;
margin-left: 0.8403%;
clear: none;
}
.Right25 {
width: 24.3697%;
margin-left: 0.8403%;
clear: none;}
.Right75 {
width: 74.3697%;
margin-left: 0.8403%;
clear: none;
}
.footer {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}