/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:url(images/bg_slice.jpg) repeat-x; background-color:#fff; font-family:Tahoma, Helvetica, sans-serif; color:#333; text-align:center;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#bf1414; text-decoration:underline; font-weight:bold}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 12px 0; line-height:18px}
ul, ol {padding:4px 0 20px 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#021860;}

h1{color:#021860; font-size:18px; padding:0 0 10px 0;}
h2{color:#021860; font-size:16px; padding:0 0 10px 0;}
h3{color:#000; font-size:16px; padding:0 0 10px 0;}
h4{color:#021860; font-size:14px; padding:0 0 10px 0;}
h5{color:#021860; font-size:12px; padding:0 0 10px 0;}
h6{color:#000; font-size:12px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.tablepadding td{ padding:0 0 8px 0;}

.red { width:838px; background-color:#bf1414}
.bluefade { background:url(images/bluefade.jpg) no-repeat; width:248px; height:27px; color:#fff; font-weight:bold; font-size:11px; overflow:none; padding:6px 0 0 0px}
.bluefade a {  color:#fff; font-weight:bold; text-decoration:none; font-size:11px; overflow:none; padding:6px 0 0 6px}
.padding { padding:10px;}
.redbtn{ background:url(images/btn_red.gif) no-repeat; width:149px; height:20px; float:left; margin-top:10px; margin-right:10px; padding:3px 0 0 10px; color:#fff; font-size:10px; cursor:pointer}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#PageWrapper{ width:838px; border:1px #000 solid; margin-top:20px; text-align:left;}
#Wrapper { width:838px; background:url(images/wrapperSlice.gif) repeat-y;}

*html #PageWrapper{ width:840px; border:1px #000 solid; margin-top:20px; text-align:left;}
*html #Wrapper { width:840px; background:url(images/wrapperSlice.gif) repeat-y;}

#LinkHome { width:310px; height:80px; float:left; cursor:pointer;}

#Top{ width:838px;}

#Top2{ background:url(images/sub_banner2.gif) no-repeat; width:838px; height:83px;}
	#Top2 ul { list-style:none; float:right; padding:8px 8px 0 0; font-size:11px;}
	#Top2 li { float:left; padding:0 0 0 6px}
	#Top2 li a { color:#333; text-decoration:none; font-weight:normal}
	#Top2 li a:hover { color:#333; text-decoration:underline; font-weight:normal}
	
#White{ background-color:#fff; height:34px;}
	#White ul { list-style:none; float:right; padding:16px 8px 0 0; font-size:11px;}
	#White li { float:left; padding:0 0 0 6px}
	#White li a { color:#333; text-decoration:none; font-weight:normal}
	#White li a:hover { color:#333; text-decoration:underline; font-weight:normal}

#Black{ background-color:#000; height:10px; border-bottom:1px solid #bf1414;}

#SubTop{ background:url(images/sub_banner.gif) no-repeat; width:838px; height:83px;}
	#SubTop ul { list-style:none; float:right; padding:8px 8px 0 0; font-size:11px;}
	#SubTop li { float:left; padding:0 0 0 6px}
	#SubTop li a { color:#333; text-decoration:none; font-weight:normal}
	#SubTop li a:hover { color:#333; text-decoration:underline; font-weight:normal}

#Left{width:590px; float:left}
#HPBanner{ background:url(images/hp_banner.jpg) no-repeat; height:280px; width:590px; border-bottom:2px solid #bf1414;}
#HeaderAbout{ background:url(images/header_about.jpg) no-repeat; height:119px; width:590px;}
#HeaderMembers{ background:url(images/header_members.jpg) no-repeat; height:119px; width:590px;}
#HeaderNews{ background:url(images/header_news.jpg) no-repeat; height:119px; width:590px;}
#HeaderPrograms{ background:url(images/header_programs.jpg) no-repeat; height:119px; width:590px;}
#HeaderForward{ background:url(images/header_forward.jpg) no-repeat; height:119px; width:590px;}
#HeaderContact{ background:url(images/header_contactus.jpg) no-repeat; height:119px; width:590px;}

#Copy { padding:16px}

#Copy2 { padding:10px}

#Right{ width:248px; background-color:#e6eaf2; float:left;}
#SideCopy{ width:248px; float:left}
#SideCopy img { padding:0 6px 6px 0;}

/* Navigation */
#Nav {width: 248px; list-style: none; padding: 0; position:relative; float:left; padding:0; margin:0px; border-bottom:2px solid #bf1414; clear:both;}
	#Nav ul {margin:0; padding:0; list-style:none}
	#Nav li {float: left; margin:0; padding:0}
					
	#Nav li a span {display: none; }				
	#Nav li a { display: block; float: left; padding: 0;}
					
	#Nav li a.about {width:248px; height:75px; background: url(images/nav_about.jpg) no-repeat top;}
	#Nav li a.members {width:248px; height:66px; background: url(images/nav_members.jpg) no-repeat top;}					
	#Nav li a.news {width:248px; height:65px; background: url(images/nav_news.jpg) no-repeat top;}
	#Nav li a.programs {width:248px; height:74px; background: url(images/nav_programs.jpg) no-repeat top;}			
	#Nav li a.contact {width:248px; height:74px; background: url(images/nav_contact.jpg) no-repeat top;}	
										
	/*hover*/
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }

#Subnav { font-family:Tahoma, Helvetica, sans-serif; color:#333; font-size:12px;}
	#Subnav a{ color:#bf1414; text-decoration:underline; font-weight:bold}
	a:hover, a.current {text-decoration: none;}

#Footer{ width:840px; background:url(images/bottomShadow.jpg) no-repeat; background-color:#fff;}
	#Footer ul { list-style:none; float:left; padding:4px 0 0 2px; margin:0; font-size:10px; width:410px; color:#7f7f7f;}
	#Footer li { padding:0 14px 0 0; float:left }
	#Footer li a { color:#7f7f7f; text-decoration:none; font-weight:normal}
	#Footer li a:hover { color:#333; text-decoration:underline; font-weight:normal}
	#Footer li a.current { color:#333; text-decoration:underline; font-weight:normal}
	#Footer span { float:right; font-size:10px; padding:4px 2px 0 0; margin:0; width:350px; text-align:right; color:#7f7f7f;}
	#Footer2{ width:840px; height:41px}
	#Footer2 span { float:right; font-size:10px; padding:2px 2px 0 0; margin:0; width:350px; text-align:right; color:#7f7f7f;}
	
/* popup */
#PUTop{ width:500px; height:77px;}
.PUCopy { background-color:#fff; color:#000; width:300px; padding:10px; margin-top:50px; border:1px solid #bf1414; font-family:Tahoma, Helvetica, sans-serif; font-size:14px;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}