/*--------------------- Last Modified  2009.05.14 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Rosemont Media 2009. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {
	border:0;
	margin-right: 0px;
	margin-top: 0px;
}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body {
	background:#000B3A url('../2images/bg-body.jpg') top repeat-x;
	text-align:center;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #39101F;
	}

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

h1	{
	font-size:1em;
	color:#39101F;
}
h2	{ font-size:1.0em; color:#B5C2FD; }
h3	{ font-size:1.0em; color:#B5C2FD; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover,a:active	{
	color:#000000;
	text-decoration:underline;
}


/* ------------------------ classes ------------------------ */
div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url('2images/bullet-back-to-top.jpg') right no-repeat;
	}



p.btn-more-gallery {
	text-align:right;
	clear:left;
	position:relative;
	display:block;
	height:27px;
	margin-right:0;
	background:url('../2images/btn-more.jpg') left no-repeat;
	}
	
	p.btn-more-gallery a {	
		position:absolute;
		left:0;
		width:62px;
		top:0px;
		height:27px; 
		}
		
		p.btn-more-gallery a span { display:none;}

p.btn-more {
	text-align:right;
	clear:left;
	position:relative;
	display:block;
	height:27px;
	padding-right:0;
	background:url('../2images/btn-more.jpg') right no-repeat;
	}
	
	p.btn-more a {	
		position:absolute;
		left:414px;
		width:62px;
		top:0px;
		height:27px; 
		}
		
		p.btn-more a span { display:none;}

p.bna-to-top {
	text-align:right;
	display:block;
	padding-top:10px;
	}


img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
	




/* ------------------------ SPECIFIC ELEMENTS ------------------------ */



/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	width:767px;
	margin:0 auto;
	text-align:left;
	background-image: url(../2images/bg-wrap.png);
	}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url('../2images/masthead.jpg');
	height:88px;
	}
	/* index page link within #masthead */		
	#masthead a {
	position:absolute;
	left:0px;
	width:767px;
	top:0px;
	height:88px;
		}
	#masthead a span {
		display:none;
		}



body#index #masthead {
	position:relative;
	background:url('../2images/masthead-index.jpg');
	height:86px;
	}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:550px;
	float:left;
	margin-top: 0px;
	background-image: url(../2images/bg-column-left.jpg);
	background-repeat: no-repeat;
	}

	#column-left p, #column-left ul, #column-left dl {
		margin:0px 35px 20px 36px;
		}
	#column-left h1, #column-left h2, #column-left h3 {
	margin:20px 35px 0 36px;
		}

	body#index #column-left h2 { margin-top:0;}

	#column-left form { margin-left:20px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:5px; }
		#column-left ul li { 
			background:transparent url('../2images/bullet.jpg') 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px; /* pushes text to the right to display bg img */
			}



/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:209px;
	float:right;
	margin-top: 10px;
	background-image: url(../2images/right_column_bt.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		}

	#column-right form { margin-left:35px; }
	#column-right form p { margin:0; font-size:10px;}

	/* single column list */
	
/* ------------------------ header framework ------------------------ */
#header-flash {
	height:280px;
	width:767px;
	float:left;
	background-image: url(../2images/bg_main.jpg);
} /* sets height for the flash header - REMOVE IF NOT USED */
#header-graphic { height:278px; background:url('../2images/header.jpg') no-repeat; width:581px; float:left; } /* sets height for all non-flash headers */


/* ------------------------ subhead framework ------------------------ */
#subhead {
	height:40px;
} 

/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url('../2images/bottom-wrap.jpg');
	width:100%; /* fix for Safar */
	height:55px;
	clear:both; /* important - do not remove */
	}
	
body#index #bottom-wrap {
	}
	
/* ------------------------footer framework ------------------------ */
#footer {
	width:767px;
	margin:0 auto;
	text-align:center;
	background-color: #814643;
	}

#footer p {
	color:#FFFFFF;
	margin-bottom:10px;
	}



#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFF;
		}
	#footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */

.top_menu {color: #FFFFFF}
#apDiv1 {
	position:absolute;
	left:776px;
	top:5px;
	width:144px;
	height:81px;
	z-index:1;
}
#MainNav {
	top:366px;
	width:767px;
	height:28px;
	z-index:1;
	float: left;
	background-color: #39101F;
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style3 {color: #CCCCCC}

</style>
		.menu {
						height: 27px;
						width: 767px;
			}
			.cssnav	{
	position:relative;
	float: left;
	margin: 50;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background: url(2images/overbtn.jpg) no-repeat;
	width: 127px;
	height: 27px;
	overflow:hidden;/* for ie to hide extra height*/
	background-image: url(2images/overbtn.jpg);
			}
			.cssnav a {
						display: block;
						color: #000000;
						font-size: 11px;
						width: 127px;
						height: 27px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #ffffff;
			}
			

			.cssnav img {width: 127px; height: 27px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
	position: absolute;
	left: 5px;
	top: 4px;
	text-align: center;
	width: 100px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bolder;
			}
			.style4 {
	font-size: 11px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	background-color: #39101F;
	font-family: Arial, Helvetica, sans-serif;
}


/* ------------------------ Misc ------------------------ */
.bna-text {width:270px; float:left; margin-top:20px;}
.bna {
	width:100px;
	float:left;
	margin-top:20px;
	color: #39101F;
}
#gallery-img {width:139px; float:left; padding-left:30px;}
#img-links {width:200px; float:left;}
.img-links {padding:40px 0 20px 0;}


	
#videowebsite {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
	
	

#column-left p.older {
	width: 100px;
	display: inline;
	float: left;
	margin-bottom: 0;
}

#column-left p.newer {
	width: 100px;
	display: inline;
	float: right;
	margin-bottom: 0;
}

#column-left p.metaData {
	font-size: 0.9em;
}


#online-network {
	padding-top:50px;
	background-image: url(../2images/join.jpg);
	background-repeat: no-repeat;
}
#online-network-blog {
/*	background:url('../2images/onlinenetwork.gif') no-repeat;*/
	padding-top:10px;
}
#online-network-blog h2 {color:#fff; font-size:17px; width:210px; text-align:center; margin-left:2px; text-decoration:underline;}
#youtube {
	width:42px;
	height:42px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
	background:url('../2images/youtube.gif') top left;
	float:left;
	}
	
#youtube:hover {background:url('../2images/youtube.gif') bottom left;}

#facebook {
	width:42px;
	height:42px;
	display:block;
	text-indent:-9999px;
	margin-left:60px;
	background:url('../2images/facebook.gif') top left;
	float:left;
	}
	
#facebook:hover {background:url('../2images/facebook.gif') bottom left;}