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

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a {color:#000; text-decoration:none;}
#header-container, #navigation-container, #footer-container, #print-table, #breadcrumbLabel, #sidebar { display:none;}

#middle-container {
	/*background: url(../images/middle-content-logo-background.jpg) bottom right no-repeat;*/
	font-size:12px;
	padding-top:50px;
	}
#footer-container {
	margin-bottom:20px;
	clear:both;
	margin-top:20px;
	padding-top:20px;
	}
#main-content {
	float:left;
	width:640px;
	margin-right:20px;
	}
#content-padding { /*this id is placed on a div around litPageContent, so not to effect the home page*/
	padding-right:25px;

}
	
.dashed-line {
	background:url(../images/hr-background.gif) center left repeat-x;
	width:640px;
	margin:0px auto;
	}
.dashed-line-footer {
	background:url(../images/hr-background.gif) center left repeat-x;
	width:960px;
	padding-bottom:10px;
	margin:0px auto;
	}
.dashed-line-vert {
	background:url(../images/verticle-hr-background.gif) top center repeat-y;
	display:block;
	height:250px;
	margin:0px 15px;
	float:left;
	}
.spacer-vert {
	display:block;
	height:150px;
	margin:0px 15px;
	float:left;
	}
.clear {
	clear:both;
	}
	
hr {height:1px; background-color:#333333; padding:0px; margin:10px 0px;}
#breadhr {height:0.5px; color:#999; padding:0px; margin:0px 0px;}

div.body-content p, div.body-content table tr td {line-height:160%; font-size:14px; color:#333;}

div.body-content ul li{line-height:160%; font-size:14px; color:#333;}
/*--------------------------H tags-------------------------*/

h1{
	font-size:18px;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
h2{
	font-size:14px;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-bottom: 1px solid;
	border-bottom-color:#DEDEDE;
	}
h3 {
	font-size:14px;
	color:#000;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	}

h6{
	font-size:20px;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}


.blue-hr {
	background:url(images/hr-background.gif) center left repeat-x;
	width:100%;
	margin:10px 0px;
	display:block;
	}
.blue-vert {
	background:url(images/verticle-hr-background.gif) top center repeat-y;
	height:250px;
	margin:0px 10px;
	float:left;
	}
#print-table { font-family:Arial,Helvetica,sans-serif; color:#333333; font-size:14px; margin-top:20px;}/*Stlye for the 'print' table at the bottom pages*/
/*--------------------------Header-------------------------*/
#header-background {
		background:url(../images/header-background.gif) top left repeat-x;
		height:226px;
		width:100%;
		z-index:-10;
		position:absolute;
		top:0;
		left:0;		
		}
#header-boat { display:none;}
#header {
	height:190px;
	}
.header-logo {
	margin:20px 0px 0px 20px;
	border:0px;
	}
.header-text {
	margin:0px 0px 50px 20px;
	}
/*--------------------------Navigation-------------------------*/
#nav { display:none;}
#nav ul {margin:0px; padding:0px;}
#nav li {
	list-style:none;
	float:left;
}
#nav li a {
	text-indent:-9000px;
	outline:none;
}
.nav-spacer {
	background:url(../images/nav/nav-spacer.jpg) 0 0 no-repeat;
	height:36px;
	width:2px;
	}
#home a {background:url(../images/nav/nav-buttons.jpg) 0px 0px no-repeat; height:36px; width:63px; display:block;}
#home a:hover {background-position:0 -36px;}
#aboutus a {background:url(../images/nav/nav-buttons.jpg) -63px 0px no-repeat; height:36px; width:84px; display:block;}
#aboutus a:hover {background-position:-63px -36px;}
#history a {background:url(../images/nav/nav-buttons.jpg) -147px 0px no-repeat; height:36px; width:74px; display:block;}
#history a:hover {background-position:-147px -36px;}
#members a {background:url(../images/nav/nav-buttons.jpg) -221px 0px no-repeat; height:36px; width:86px; display:block;}
#members a:hover {background-position:-221px -36px;}
#documents a {background:url(../images/nav/nav-buttons.jpg) -307px 0px no-repeat; height:36px; width:101px; display:block;}
#documents a:hover {background-position:-307px -36px;}
#workproduct a {background:url(../images/nav/nav-buttons.jpg) -408px -0px no-repeat; height:36px; width:121px; display:block;}
#workproduct a:hover {background-position:-408px -36px;}
#workprogress a {background:url(../images/nav/nav-buttons.jpg) -527px 0px no-repeat; height:36px; width:141px; display:block;}
#workprogress a:hover {background-position:-527px -36px;}
#young a {background:url(../images/nav/nav-buttons.jpg) -668px 0px no-repeat; height:36px; width:95px; display:block;}
#young a:hover {background-position:-668px -36px;}
#links a {background:url(../images/nav/nav-buttons.jpg) -762px 0px no-repeat; height:36px; width:58px; display:block;}
#links a:hover {background-position:-762px -36px;}
#contact a {background:url(../images/nav/nav-buttons.jpg) -816px 0px no-repeat; height:36px; width:103px; display:block;}
#contact a:hover {background-position:-816px -36px;}
/*/nav*/
	
img.left-img {border:3px solid #018ed0; padding:1px; margin-right:20px;}
.left-img-border {border:3px solid #018ed0; padding:1px; margin-right:20px; float:left;}
.right-img-border {border:3px solid #018ed0; padding:1px; margin-left:20px; float:right;}
.right-img {border:0px; padding:1px; margin-left:20px; float:right;}
	
.submenu {background-color:#000; color:#fff; font-size:12px; visibility:hidden; z-index: 2000; display:none; }
.submenu ul {padding:0px; margin:0px; list-style:none; z-index: 2000; }
.submenu ul li {padding:0px; margin:0px; z-index: 2000; }
.submenu ul li a{display:block; z-index: 2000; padding:5px 10px;  text-transform:uppercase; color:#FFF; margin:0px; background-color:#1C9FD7; text-decoration:none;}
.submenu ul li a:hover{background-color:#1C78A4; margin:0px; z-index: 2000; }
/*--------------------------Slider-------------------------*/

#slider-background {
	background:url(../images/slider-background.png) 50% 0 no-repeat;
	width:640px;
	height:265px;
	z-index:1000;
	position:relative;
	 }

#slider{
	width:540px;
	margin:0px auto;
	padding-top:16px;

}
#slider h6{padding:0px 0px 10px 0px; margin:0px;}
#slider p {padding:0px; margin:0px; color:#737775; padding:5px 0px; margin:0px; line-height:180%;}
#slider p img {padding:0px 0px; margin:0px 10px; border:2px solid #5aa5c4; }
#slider ul {list-style:none;  padding:0px; margin:0px; height:250px; }
#slider ul li {padding:0px ; margin:0px;  height:250px; list-style:none;  width:540px; }

#prevBtn{
	display:block;
	width:50px;
	height:77px;
	position:absolute;
	top:120px;
	left:20px;
	background: url(../images/left-button.png) no-repeat 0 0;
	outline:none;
}
#nextBtn {
	display:block;
	width:50px;
	height:77px;
	position:absolute;
	top:120px;
	right:20px;
	background: url(../images/right-button.png) no-repeat 30px 0;
	outline:none;
}
#prevBtn a, #nextBtn a {
	display:block;
	text-indent:-9000px;
	width:50px;
	height:28px;
	outline:none;
}
#nextBtn a {
}
.slider-image {
	border:3px #47ADDD solid;
}
.slider-content {
	float:left;
	width:550px;
	margin:14px 0px 0px 50px;
}
.slider-content p {
	color:#303030;
	font-size:12px;
	line-height:18px;
}
.slider-content-left {
	width:52%;
	float:left;
	width:300px;
	margin-top:-4px;
	}
a.read-more-button {
	background:url(../images/read-more-button.png) 0 0 no-repeat;
	height:21px;
	width:105px;
	display:block;
	margin:0px;
	float:right;
}
a.read-more-button:hover {
	background-position:0 -21px;
}
a.view-all-button {
	background:url(../images/view-all-button.png) 0 0 no-repeat;
	height:21px;
	width:105px;
	display:block;
	margin:15px 15px 0px 0px;
	float:right;
}
a.view-all-button:hover {
	background-position:0 -21px;
}

/* slider */

/*--------------------------Middle Section -------------------------*/

#publications-wrapper {width:620px; margin:0px auto;}
#publications-left {float:left;padding-top:5px;width:310px;}
#publications-left p {color:#737775; padding:5px 0px; margin:0px; line-height:180%;}
#publications-right {float:left;width:260px; color:#737775;}
#publications-right ul {margin:0px 0px 0px 15px; padding:0px;}
#publications-right ul li {color:#737775; font-weight:bold; padding:0px; margin:0px; line-height:25px;}
#publications-right a {color:#84CEED; text-decoration:none;}
#publications-right a:hover {color:#4CB0D5;text-decoration:none;}

#about-history-wrapper {width:620px;margin:5px auto;}
#about-box { float:right; width:300px; }
#history-box {float:left; width:300px;}
#about-box p, #history-box p {color:#737775; padding:5px 5px 5px 15px; margin:0px; line-height:180%;}


.text-padding {
	color:#737775;
	padding:10px 0px 0px 15px;
	}
.left-top-padding {
	padding-left:8px;
	padding-top:30px;
	padding-bottom:10px;
	}
.left-padding {
	padding-left:8px;
	padding-bottom:15px;
	}
.bottom-padding {
	padding-bottom:15px;
	}


div#latest-update {margin:10px auto 4px auto; width:640px; height:40px; background-image:url(../images/latest-updates-background.png); background-repeat:no-repeat; background-position:top left;}


div#latest-update div.scrollableArea p {position: absolute; display: inline;  margin:0px; font-size:12px; font-weight: bold; color: #15556c; padding:0px 5px; text-transform:uppercase; top:9px; left:150px;}
div#latest-update div.scrollableArea p span {font-style:italic; color:#5899b4; padding:0px 5px; margin:0px;}

/*--------------------------Footer Section -------------------------*/


#footer-text-wrapper {
	color:#4CBCE8;
	width:600px;
	margin:0px auto;
	font-size:12px;
	}
#footer-text-wrapper a {
	color:#4CBCE8;
	text-decoration:none;
	}
#footer-text-wrapper p {
	padding:0px;
	margin:0px;
	font-size:10px;
	}
#footer-logo {
	float:left;
	}
.footer-text {
	padding-top:40px;
	float:left;
	width:500px;
	}
/* Slide out menu on image map in 'National Associations' page */
.jqpopupmenu, .jqpopupmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}
.jqpopupmenu li{
position: relative;
}
.jqpopupmenu li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: white;
background: #1C7BA9;
text-decoration: none;
padding: 4px 5px;
}
* html .jqpopupmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}
.jqpopupmenu li a:hover, .jqpopupmenu li.selected>a{
background: #006898;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* END Slide out menu on image map in 'National Associations' page */
.association 
{
	float:right;
	width:250px;
	margin: 0px;
	border: 0px;
}

.left-img-border {border:3px solid #018ed0; padding:1px; margin-right:20px;}

.right-img-border {border:3px solid #018ed0; padding:1px; margin-left:20px; float:right;}

.left-img {border:0px; padding:1px; margin-right:20px; float:left; clear:both;}

.right-img {border:0px; padding:1px; margin-left:20px; float:right;}

a img
{  border-style: none;
}