/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.core {
background-color:  #ffffff;
width:  98%;
margin-left:  auto;
margin-right:  auto;
margin-top:  0px;
margin-bottom:  0px;
}

.anti {
background-color:  #2c2c2c;
width:  94%;
margin-left:  auto;
margin-right:  auto;
margin-top:  4px;
margin-bottom:  4px;
color: #ffffff;
text-align: center;
}

#header {
background-color: #2c2c2c;
padding-top: 5px;
}

#ban1 {
text-align: center;
margin-top: 6px;
}

#ban2 {
text-align: center;
}

#banalt {
text-align: center;
display:none;
}


#footer {
        font-family: arial;
        color: #dfeaee;
        font-size: 6pt;
	text-align: center;
	padding: 10px 0px;
}

#bod {
        font-family: arial;
        color: #000000;
font-size: 16px;
line-height: 19px;
	text-align: left;
	padding: 2px 0px 2px 2px;
}

#locadd {
        font-family: arial;
        color: #000000;
        font-size: 16pt;
	text-align: left;
	padding: 10px 0px;
}

#website {
font-family: arial;
text-align: center; 
font-size: 8pt;
margin-top: 20px;
margin-bottom: 20px;
}


.detail{
	color: #000;
	background-color: #dfeaee;
	padding: 10px 0px 0px 0px; 
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	line-height: 1.2em;
	max-width: 96%;
	margin-bottom: 10px;
	margin-top: 6px;
}

h2.hdetail {
font-size: 22px; 
        font-family: copse;
	color: #000;
line-height: 28px; 
margin: 6px 0px;
margin-bottom: 20px;
font-weight: 900;
}


img.idetail {
width: 90%;
box-shadow: 4px 4px 3px #2c2c2c;
}

.detailtext {
        font-family: arial;
text-align: left; 
width: 90%; 
margin: auto;
font-size: 16px;
line-height: 19px;
color: #000000;
margin-bottom: 0px;
}


#searchbox {
        font-family: arial;
        margin:2px 10px;
        color: #ffffff;
        font-size: 8pt;
        font-weight: bold;
/*        width: 250px;*/
 /*       height: 70px;*/
        background: #002C63;
/*        background: #d19736;  */
        padding:8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
-position: absolute; top: 200px; right: 155px;
border-style:solid;
border-width:2px;
border-color:  #97bac9;
}


.left	{ float:left!important; margin-right:4px;}
.right	{ float:right!important; margin-left:4px;}
.cent	{ margin:auto;  }
.cent2  { margin-left:auto; margin-right:auto; margin-bottom:4px;}

.err
{
	font-size : 14px;
	font-weight: bold;
	color: red;
	text-align: center;
}
.vlink




a:link {
color: #000000;
font-size: 16px;
font-weight: bold;
text-decoration: none;}

a:visited {
color: blue;
font-size: 16px;
font-weight: bold;
text-decoration: none;}

a:visited.l {
color: blue;
font-size: 10px;
font-weight: bold;
text-decoration: none;}

a:active {
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;}

a:active.l {
color: #fff;
font-size: 10px;
font-weight: bold;
text-decoration: none;}

a:hover {
color: #000000;
font-size: 16px;
background-color: #ffff42;}

a:hover.l {
color: #000000;
font-size: 10px;
background-color: #ffff42;}

/* Heading links
================================================== */

a.h {
color: #ffffff;
font-size: 20px;
font-weight: bold;
text-decoration: none;}

a:link.h {
font-color: #ffffff;
font-size: 20px;
font-weight: bold;
text-decoration: none;}

a:active.h {
color: #ffffff;
font-size: 20px;
font-weight: bold;
text-decoration: none;}

a:visited.h {
font-color: #ffffff;
font-size: 20px;
background-color: #ffff42;}

a:hover.h {
color: #000000;
font-size: 20px;
background-color: #ffff42;}

/* footer links
================================================== */

a.f {
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-decoration: none;}

a:link.f {
font-color: #ffffff;
font-size: 14px;
font-weight: bold;
text-decoration: none;}

a:active.f {
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-decoration: none;}

a:visited.f {
font-color: #ffffff;
font-size: 14px;
background-color: #ffff42;}

a:hover.f {
color: #000000;
font-size: 14px;
background-color: #ffff42;}



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; font-weight: bold;}
	h3 { font-size: 14px; line-height: 20px; margin-bottom: 4px; font-weight: bold;}
	h5 { font-size: 12px; line-height: 14px; margin-bottom: 4px; font-weight: bold;}



}

	/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 767px) {
#ban1 { padding-left: 20px; margin-top: 0px; text-align: center;}
#ban2 { display:none; }
#hpic { max-width: 90%;  } 
.anti {
width: 92%;
margin-left: 20px;
text-align: center;
}


h1 { font-size: 30px; line-height: 24px; margin-bottom: 8px; font-weight: bold;}
h4.anti { font-size: 18px; line-height: 20px;}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; font-weight: bold;}
	h2 { font-size: 14px; line-height: 16px; margin-bottom: 4px; font-weight: bold;}
	h3 { font-size: 14px; line-height: 16px; margin-bottom: 4px; font-weight: bold;}
	h4 { font-size: 14px; line-height: 14px; margin-bottom: 4px; font-weight: bold;}	
	h5 { font-size: 12px; line-height: 14px; margin-bottom: 4px; font-weight: bold;}
#ban1 { padding-left: 10px; margin-top: 0px; text-align: center; width: 96%;}
#par1 { width: 96%; margin-left: 10px;}
#par2 { width: 96%; margin-left: 10px;}

#textpanel { width: 92%; padding-left: 4px;}

.core { width: 92%; }

.detail { max-width: 94%; margin-bottom: 16px; text-align: center;}
#d2 { margin-bottom: 6px;}

}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	h1 { font-size: 20px; line-height: 22px; margin-bottom: 8px; font-weight: bold;}
	h2 { font-size: 14px; line-height: 16px; margin-bottom: 4px; font-weight: bold;}
	h3 { font-size: 12px; line-height: 12px; margin-bottom: 4px; font-weight: bold;}
	h4 { font-size: 14px; line-height: 16px; margin-bottom: 4px; font-weight: bold;}
	h5 { font-size: 12px; line-height: 14px; margin-bottom: 4px; font-weight: bold;}

#ban1 { text-align: center; margin: auto; width: 92%;}

.core { width: 92%; }
.anti { width: 92%; }

.container { width: 94%; margin: auto; }

.detail { max-width: 100%; margin-bottom: 6px; text-align: center; margin-left:2px;}

#d2 { margin-bottom: 8px; margin-top: 8px;}

}