/* CSS Document */
/* ------------------------------------- declare regluar formatting ----------- */

body {
	padding:0px;
	margin:0px;
}
h1 {
	color:#334D55;
	font-weight:bold;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:0px;
	margin:0px;
}
h2 {
	color:#006699;
	font-weight:bold;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:5px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}
h3 {
	color:#006699;
	font-weight:bold;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
}
h4 {
	color:#006699;
	font-weight:bold;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}

h5 {
	color:#006699;
	font-weight:normal;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
}

a {
	color:#006699;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.underline {text-decoration:underline; 
	 font-weight:bold;}
/* ------------------------------------- special formatting ----------- */

#no-bullet a {
	color:#006699;
}
#no-bullet li {
	list-style-type:none;
}
#no-bullet li a {
	color:#006699;
}
#resources {
	float:left;
	width:190px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:35px;
}
/* ------------------------------------- header formatting ----------- */
#textbanner {
	padding-top:15px;
	padding-bottom:14px;
	border-bottom:1px solid #cccccc;
	
}


#header {
	padding-top:3px;
	padding-left:5px;
	padding-bottom:1px;
	border-bottom:1px solid #cccccc;
}

#header1 { height:48px;
	padding-top:15px;
	padding-bottom:14px;
	border-bottom:1px solid #cccccc;
}
/* ------------------------------------- top-nav formatting ----------- */

#top-nav {
	color:#006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:5px;
}
#top-nav ul {
	padding:0px;
	margin:0px;
}
#top-nav li {
	padding-right:2px;
	padding-left:2px;
	margin:0px;
	list-style-type:none;
	display:inline;
}
/* ------------------------------------- left-nav formatting ----------- */

#left-nav {
	background-color:#EEEEEE;
	width:225px;
	border-right:1px solid #cccccc;
	padding-top:10px;
	padding-bottom:0px;
	float:left;
}
#left-nav ul {
	padding:0px;
	margin:0px;
}
#left-nav li {
	list-style-type:none;
	color:#0066BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	border-bottom:1px solid #CCCCCC;
}
#left-nav li:hover {
	background-color:#DDDDDD;
}	
#left-nav li a {
	color:#0066BC;
	text-decoration:none;
}
#left-nav li a:hover {
	text-decoration:underline;
	background-color:#DDDDDD;
}
#left-nav .header {
	 text-align:center;
	 font-weight:bold;
	 background-color:#999999;
	 color:#000000;
}
/* ------------------------------------- container formatting ----------- */
/* border:3px solid #cccccc; */

#container { 
}
/* ------------------------------------- content formatting ----------- */

#content {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	padding-top:5px;
	margin:0px;
	clear:none;
	width:700px;
	
}
/* ------------------------------------- footer formatting ----------- */

#footer {
	clear:both;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
#footer a {
	color:#006699;
	text-decoration:none;
}
/* ------------------------------------- bottom formatting ----------- */

#bottom {
	padding-top:20px;
	padding-bottom:5px;
	font-size:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#bottom a {
	color:#006699;
	text-decoration:none;
}
/* ------------------------------------- style for social icons ----------- */
/* style for social icons */
.social {margin-left:10px; padding: 0;}

.social a {text-decoration:none; }
.social a:hover { text-decoration:underline;}
.nav {
	margin: 0;
	padding: 0;
}

.nav:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nav>li:first-child
{
	border: 0;
	padding: 0;
	list-style:none;
}

.nav>li {
	float: left;
	margin: 0 .5em 0 0;
	padding: 0 0 0 .5em;
	text-transform: lowercase;	
	line-height: inherit;
}
/*
effects
*/

a.offsite img {display: inline; vertical-align: middle;border:none }
a.offsite img.hover {display: none;}
a:hover.offsite img {display: none;}
a:hover.offsite img.hover {display: inline;}