@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
body {
    background-color: #FFFFFF;
	color: #003399; /* dark blue */
	font-size: 100%;
	line-height: 123%;
	font-family: "Times New Roman", Times, serif;
}
.colormeRed {
	color: #800000 !important;
}
.colormeBlack {
	color: #000000 !important;
}
.colormeDarkBlue {
	color: #003399 !important;
}
.colormeLightBlue {
	color: #0080C0 !important;
}
.Box3across {
	color: #003399; /* dark blue */
	padding: 10px 10px 10px 10px;
	width: 250px;
}
.Box2across {
	color: #003399; /* dark blue */
	padding: 10px 10px 10px 10px;
	width: 365px;
}
.Box2thirds {
	color: #003399; /* dark blue */
	padding: 10px 10px 10px 10px;
	width: 520px;
}
.Box4across {
	color: #003399; /* dark blue */
	padding: 10px 10px 10px 10px;
	width: 180px;
}
.Box5across {
	color: #003399; /* dark blue */
	padding: 10px 10px 10px 10px;
	width: 142px;
}

div.Box3across, div.Box2across, div.Box2thirds, div.Box4across, div.Box5across
{
	vertical-align: top;
	/*For working in expression web, uncomment the line below.  Be sure to comment it out again before previewing in a browser. */
	/* float: left; */
	display: inline-block;
}
.Box3across img, .Box2across img, .Box2thirds img, .Box4across img, .Box5across img
{
	margin: 0px 0px 15px 0px;
}
hr{
	width: 65%;
	border-style:groove;
    height: 6px;
    border: 0;
    box-shadow: inset 0 6px 6px -6px #0080C0;

}
h1
{
    font-size: 140%;
    color: #0080C0;
}
h2
{
	font-size: 140%;
	color:  #0080C0; /* light blue */
	
}
#menu h2
{
    font-size: 130%;
}
.h2smaller
{
    font-size: 120%
}
.h2bigger
{
    font-size: 155%;
}
h3
{
    font-size: 120%;
    color: #800000;
}
h4
{
    font-size: 110%;
}
#wrapper {
	background-image: url('Background.gif');
	background-repeat: repeat-y;
	max-width: 1100px;
	min-width: 320px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 20px;
	border: solid 2px #003399;
	position: relative;
} 
#header {
	text-align: center;
	color: #0080C0;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 10px;
	border: 1px #DDEEFF solid;
}
#content {
	color: #003399;
	text-align: center;
	}
.bannerHolder
{
    margin: 0px 8px 10px 8px;
    padding: 8px 8px 8px 8px;
    font-size: 135%;
    font-style: italic;
    color: #003399;
    background-color: #99CCFF;
    text-align: center;
   	display: inline-block;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    border-radius: 10px; /* universal */
}
.siteSearch
{
    padding-top: 5px;
    font-size: 85%;
}
#menu {
	width: 150px;
	float: left;
	text-align:center;
	padding: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 2px;
	border: solid 1px #003399;
	font-size: 90%;
	-moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* universal */

}
#accordion p
{
    padding:5px 0px 8px 0px;
    margin: 0px;
}
#accordion p a
{
    display: block;
}
#content
{
    color: #000000;
	min-width: 284px;
	max-width: 1084px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#footer
{
    clear: both;
    text-align: center;
    border-top: solid 1px #003399;
    padding: 20px;
}
a {
	border-style: none;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	color: #003399; /* dark blue */
	text-decoration: underline;
}
a:hover {
	font-weight: bold;
	font-style: italic;
	color: #ff0000; /* red */
}
a img
{	
    text-decoration: none;
}
.darkblueText
{
    color: #003399;
}
#menuicon {
display:none;
text-decoration:none;
}
.tbinput
{
    width: 450px;
    margin: 2px;
}
.clearit
{
    clear: both;
}
.pushright
{
	margin-left: 170px;
}
.HomePageText
{
	text-align: left;
}
.RoundedBorder
{
	border: 1px solid #003399;
	border-radius: 3px;
	padding: .5em .5em .5em .7em;
	margin-bottom: 0px;		
}
/***********  Responsive CSS ***************/
@media screen and (min-width: 801px){
    #menu {
	    display: inline !important;
    }
}
@media screen and (max-width:1000px)
{
	.pushright .Box2across
	{
		max-width:300px;		
	}
}
@media screen and (max-width:900px)
{
	.pushright .Box2across
	{
		max-width:580px;		
	}
}
@media screen and (max-width:800px){
	#menu {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	display:none;
	}
	#menuicon {
	display:inline;
	}
	.tbinput
    {
        width: 400px;
        margin: 2px;
    }
    #centerbody {
 		margin-left: 0px;
	}
	hr{
	width: 75%;
	}
	.pushright
	{
		margin-left: 0px;
	}
	.pushright .Box2across
	{
		max-width:480px;		
	}
}
@media screen and (max-width:530px){
	body {
		font-size: 120%;
	    line-height: 147%;
	}
	.bannerHolder
    {
        font-size: 110%;
    }
    .tbinput
    {
        width: 260px;
    }
    img
    {
		max-width: 95%;
	}
	div
	{
		max-width: 100%;		
	}
		.pushright
	{
		padding-right: 10px;
	}
	.pushright .Box2across
	{
		max-width:100%;	
	}

	#menu {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	}
	#menuicon {
	display:inline;
	}
	hr{
	width: 90%;
	}
	.pushright
	{
		padding-right: 10px;
	}
}