@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

a:link {
	color: #666699;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666699;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #0066FF;
}
a {
	font-size: 12px;
}

 h4, h5, h6 { font-weight: bold; }
h1{
	color: #666699;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	letter-spacing: 2.75pc;
	text-align: center;
	vertical-align: text-bottom;
}
h2{color: #666699;
	font-size: 175%;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;;
	text-align: center;
	vertical-align: text-bottom;
}
h3{  
	color: #666699;
	font-size: 125%;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	text-align: center;
	vertical-align: text-bottom;
}
.link_h3{
	font-size: 150%;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	text-align: center;
	text-decoration:underline;
	vertical-align: text-bottom;
}

/* style4 = copyright text*/
.style4 {
	font-size: 10px;
	color: #000000;
	vertical-align: bottom;
	padding-bottom: 50px;
}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

body { 
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg_pic5.gif);
	background-repeat: repeat-y;
	margin:0 0 0 0;
	 color: #444;
} 
#container{ 
	position:relative; 
	margin:0 auto; 
	width:80%; 
	background:none;
}
#header{
	background:none;
	padding-bottom:5px;
}
#content{
	background-image:url(images/page_bg1c.png);
	margin:0 auto;
	padding:0 20px 0 20px;
	position:relative;
	width: 100%;
}
#footer{
	height:auto; 
	width:100%;
	min-height:100px; 
	margin:0 auto;
	position:relative;
}
#homePage{display:inline-block; width:98%;}
#homeNav{width:15%;max-width:175px; float:left; padding:100px 2px 2px 0px;}
#homeNav h1{ font-size:200%; margin:0 auto; letter-spacing:15px; color:#4c4c4c; position:relative;}
#openCloseHome{
	width:100%; height:auto;display:block; margin:0 auto;
	 padding:0; font-size:100%;}
#nav0{
	width:100%; position:relative;
}
#nav0 ul{ 
	list-style:none; padding:10px 0 0 0;
}
#nav0 li, #nav0 a {
	width:80%;
	text-align:left;
	margin:0 auto;
	padding:5px 0 5px 5px;
	font-size:100%;
	font-weight:lighter;
	letter-spacing:2px;
	color:#663300;
}
#nav0 a:Hover{color:#4c4c4c;;} 
#sub0 li a:Hover{background:none; outline:solid thin #6666CC;}
#homeImage{width:75%;float:left; height:600px; overflow:hidden;}
#homeImage img{width:100%; max-width:700px;}



#ftNav{margin:0 auto;text-align:center;}
#ftNav img{ padding:0 10px; width:30px}

#lrgPic{
	margin: 0 auto;
	padding:5px;
	display:none;
	text-align:center;
}
.caption{
	text-align:left;
	padding-top:5px;
	font-size:80%;
	line-height:100%;
	letter-spacing: 1px;
}
#lrgPic img{
	margin: 0 auto;
	padding:5px 15px 0 15px;
	width:90%;
	text-align:center;
	max-width:350px;
	
}

.imgInfo{
	width:90%;
	max-width:350px;
	margin:0 auto;
	text-align:left;
	padding-top:0;
	font-size:75%;
	line-height:100%;
	letter-spacing: 1px;
	padding:2px 0 30px 0;
}
/*.titleTxt{
	color: #666699;
	font-size: 95%;
	font-weight: bold;
	line-height:100%;
	letter-spacing: 1px;
}*/
.titleTxt{
	font-size: 100%;
	font-weight: bold;
	color: #444;
}
.aboutTxt{ margin:0 auto;  padding:10px; font-size:110%; text-align:left; width:80%;}
.titleTxtNews{
	color:#993300;
	font-size: 100%;
	font-weight: bold;
}
/*#thumbs{
	float:right;
	max-width:300px;
	width:100%;
	background:none;
	padding-right:50px;
	padding-top:5px;
	display:block;	
}
.th{
	max-width:60px;
	max-height:60px;
	width:30%;
	float:right;
	padding:3px;	
}
#thumbs img{
	border:0;
	max-width:60px;
	max-height:60px;
	width:100%;
}*/
#frame{
	float:left;
	width:500px;
	background:none;
	padding-top:25px;
	padding-left:10px;
	display:none;
}
#I1{
	height:625px; 
	max-width:500px; 
	width:100%;
	}
#I1 img{
	width:50%;
}*/
.spacer15{
	float:none;
	height:15px; 
	clear:both;
	display:block;
}
.spacer{
	float:none;
	height:0px; 
	clear:both;
	display:block;
}
.clear{float:none;clear:both;}
#clear1{float:none;clear:both; display:none;}



/**
 * You might tweak these..
 */


#togDiv {
	margin: 10px 10px 10px 10px;
	display:none;
/*	float:right;*/
	/*background-color: #302323;*/
	background-image:url(../images/CR_bg4c.jpg);
	width:100%;
	z-index: 8070;
	position:absolute; 
}
#openClose{
	width:80%; background-color:#7a7a7a;height:auto;display:none; margin:0 auto;
	/*text-align:center*/; padding:0; background-image: url(images/bg_pic5.gif);
}
#nav1{
	width:auto; position:relative; float:right;;
}
#nav1 ul{ 
	list-style:none; padding:1px; display:block;	
}
#nav1 li, #nav1 a {
	width:85px;
	text-align:right;
	padding: 2px 2px;
	font-size:85%;
	letter-spacing:1px;
	color: #666699;
	float:right;
	z-index:100;
} 

#subList1{
	position:relative; 
	width:100px; 
	display:block; 
	visibility:hidden; 
	padding:0; 
	margin:16px 0px 0 0; 
	text-align:left; 
	float:none;  
	overflow:hidden;
}
#subList1 li, #subList1 a {
	width:98px;
	margin:0px;
	font-size:95%;
	letter-spacing:.5px;
	color: #666699;
	display:block;
	padding:2px 10px 0px 0px;
	float:none;
	text-align:center;
	z-index:1000;
}
#subList1 a:Hover{background-color:#7C1518;}

#sub ul{ list-style:none}

#nav2{
	width:100%; position:relative;
}
#nav2 ul{ 
	list-style:none; padding:10px; margin:0 auto;
}
#nav2 li, #nav2 a {
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:2px;
	font-size:135%;
	line-height:32px;
	letter-spacing:7px;
	color:#919fb2;
} 
#subNav0 a:hover, #subNav1 a:hover{background-color:#fff;}
#nav2 a:hover{background-color:#7d7d7d; color:#afbed3;}

#subNav, #subNav1{display:none; height:auto;position:relative; font-size:40%; list-style:none; float:none; width:300px; padding:0 0 0 0px; background-color:#767676; margin:0 auto;}
#subNav0{display:none; height:auto;position:relative; list-style:none; float:none; font-size:65%;}
#sub1 ul{width:100%;}
#sub1 li, #sub1 a{text-align:left; width:100%; vertical-align:top; line-height:20px; color:#BBB;}
/*#sub1 li:hover{background-color:#666;}*/
#sub1 a:hover{background-color:#666;}
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */



#banner{}
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

/*styles for 900px and down!*/
@media screen and (max-width: 1000px) {
#nav0 li, #nav0 a {
	padding:5px 0 5px 2px;
}
}
@media screen and (max-width: 900px) {
#container{ 
	width:90%; 
}
#content{
	padding:0 10px 0 10px;
}
h1{
	color: #666699;
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	letter-spacing: 1.75pc;
	text-align: center;
	vertical-align: text-bottom;
}
#nav0 li, #nav0 a {
	padding:5px 0 5px 2px;
}
}
@media screen and (max-width:800px) {
h1{
	color: #666699;
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	letter-spacing: 1.75pc;
	text-align: center;
	vertical-align: text-bottom;
}
#homeNav{padding:100px 2px 2px 0px; overflow:visible; }
#homeNav h1{ font-size:200%;padding-left:5px;}
#nav0{
	width:100%;
}
#nav0 li, #nav0 a {
	width:100%;
	padding:5px 0 5px 2px;
	font-size:110%;
	letter-spacing:2px;
} 
}

@media screen and (max-width: 650px) {
#homeImage img{width:100%; min-width:400px;}
#content{
	padding:0 5px 0 5px;

}
#container{ 
	width:95%; 
}
h1{
	color: #666699;
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	letter-spacing: 1.50pc;
	text-align: center;
	vertical-align: text-bottom;
}
#nav1{ 
	float:none;
	margin:0 auto;
	text-align:center; 
}


#homeImage1{display:none;}
#homeImage2{display:block;}

}
@media screen and (max-width: 560px) {
#togDiv {display:block;
}
#nav1{display:none;}
h1{
	color:#9999cc;/*#666699*/
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	letter-spacing: 1pc;
	text-align: center;
	vertical-align: text-bottom;
}

#container{
	width:100%; padding:0;
}
#content{
	padding:0 0 0 0;
	width:99%;
}
#lrgPic{
	display:block;
	padding-top:50px;
}
#slides{
	display:none;
}
#thumbs{
	max-width:10%;
	float:right;
	padding:10px 0 10px 0;	
	margin:0 auto;
	text-align:center;
	border:solid medium #fff;
	overflow:hidden;
	display:none;
}
.th{
	max-width:40px;
	max-height:40px;
	width:100%;
	float:right;
	display:block;
	padding:2px;
}
#thumbs img{
	border:0;
	max-width:40px;
	width:100%;
}
#frame{
	float:left;
	width:80%;
	max-width:700px;
	min-width:500px;
	background:none;
	padding-top:25px;
	padding-left:0px;
	text-align:center;
}
#I1{
	float:none;
	height:625px; 
	max-width:500px; 
	width:100%;
	margin:0 auto;
}
#I1 img{
	width:100%;
}
.spacer{
	display:none;
}
.spacer15{
	display:none;
}
#clear1{
	float:none;
	clear:both; 
	display:none;
}
#homeNav{padding:50px 2px 2px 2px; overflow:visible; }
#homeNav h1{ font-size:200%;padding-left:5px;}
#openCloseHome{
	width:100%; height:auto;display:block; margin:0 auto;
	 padding:0; font-size:100%;
} 
}

/*/mediaquery*/


/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
/*@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {*/
  /* Styles 
}*/