body {
    background:#fff;
	background-repeat:repeat;
    text-align:center; /* Centers content for older IE browsers*/
    margin:0 auto;
    padding:0;
	overflow:auto; /*Prevents scroll bars in IE when setting display:auto for child elements*/
 }

#wrapper { 
	width: 980px;
	margin:0 auto;
	text-align:left;  
	background:#fff;
}

#header {
		background: #edf3f8;
		border: 1px solid #a3c1da;
		border-bottom-width: 0;
		border-top-width: 1px;
		height: 115px;
		padding-top: 2px;
		width: 978px;
	}

	.headertext {
		padding-top:25px;
	}

	.headertext2{
		padding:5px 0 0 140px;
		float:left;
	}

	.header_image {
		float:left;
	}

#leftColumnLayout1 {
		float: left;
		width: 630px;
		background:#fff;
	}

#rightColumn {
		float: left;
		width: 350px;
		background:#fff;
	}

#centerLayout {
		width: 980px;
		background:#fff;
	}

/*Navigation Menu */
#navTop {
		background: #356287;
		height: 25px;
		margin-bottom: 0px;
		padding-top: 5px;
		width: 980px;
	}

#navTopList {
		list-style-type: none;
		margin-left:5px;
	}

#navTopList li {
		display: inline;
		list-style-type: none;
		border-right: 1px solid #d1e0ec;
		padding-right:5px;
	}

#navTopList li a {
		color: #fff;
		font-weight: bold;
		padding: 0 0.7em;
		text-decoration:none;
	}

#navTopList li a:hover{
		text-decoration: underline;
		background-color: #a3c1da;
	}

#navTopList li a.selected {
		background-color: #356287;
		color: #fff;
	}

/* jQuery lightBox plugin - Gallery styles */
#gallery {
		background-color: #fff;
		padding: 5px;
		width: 950px;
	}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {padding-right:7px;}
#gallery ul a:hover img {padding-right:7px; color: #fff;}
#gallery ul a:hover { color: #fff; }
	
/* Slide Out Share Links Menu */
.slide-out-div {
   padding: 20px;
   width: 50px;
   height:500px;
   /*background: url(images/transpBlack75.png);
   background-repeat:repeat;*/
   border: #29216d 2px solid;
   text-align:left;
   color:#000;
}

/* Slideshow */	
#top-zone{overflow:hidden; width:320px;  height:235px; margin:0 auto;} /*Here to keep images hidden in IE mostly*/	
#billboard{width:340px; height:240px; margin:-5px 10px 0px -10px; overflow:hidden; }	
.slideshow{width:320px; height:230px; margin:10px; overflow:hidden;}
.slideshow li{list-style:none; float:left; display:inline; position:relative;}	
	

.blockCenter {
	border: 1px solid #a3c1da;
	margin: 0 0 10px 0px;
	padding: 5px 10px;
}

.blockRight {
	border: 1px solid #a3c1da;
	margin: 0 0 10px 10px;
	padding: 5px 10px;
}

.blockLeftsmall {
	float: left;
	margin: 0 0 0 0;
	width: 151px;
}

.blockRightsmall {
	margin: 5px 0 0 167px;
	width: 151px;
}

.blockHeadline {
	background: #edf3f8;
	border: 1px solid #a3c1da;
	border-bottom-width: 0;
	color: #356287;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 0px;
	padding: 2px 10px;
}

.blockHeadlineRight {
	background: #edf3f8;
	border: 1px solid #a3c1da;
	border-bottom-width: 0;
	color: #356287;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 10px;
	padding: 2px 10px;
}

/*tabs*/
.container {width:99%; margin: 0px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px;
	border-bottom: 1px solid #356287;
	border-left: 1px solid #356287;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 25px;
	border: 1px solid #356287;
	border-left: none;
	margin-bottom: -1px;
	background: #edf3f8;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #356287;
	display: block;
	font-size: 1.0em;
	padding: 0 8px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
}	

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
    margin-bottom:10px;
	border: 1px solid #356287;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 0px;
	
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

.resources {
	margin: 5px 0 0 10px;
	width: 200px;
	float:left;
	display:inline;
	text-align:left;
	padding: 5px 10px;
}

#faqs {    
	float:left;
	margin:0 0 0 5px;
}
/*FAQS styles*/
.faqs dl{font-size:1.0em;line-height:140%;margin-bottom:20px; color:#000;}
.faqs dl,dt,dd{padding:0;margin:0}
.faqs{padding-top:20px}
.faqs dt{font-weight:bold;background:url(images/Info2.jpg) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer}
/*.faqs dd{background:url(images/a.gif) 0 2px no-repeat;padding:0 30px 5px 30px;position:relative;color:#333}*/
.faqs .hover{color:#990000;text-decoration:underline}
		
.blockHeadline a{color:red; font-size:.8em; text-decoration:none;}
.blockHeadline a:hover {text-decoration:underline; }

.galleries {width:948px; border: 1px solid #a3c1da; margin: 0 0 20px 0px; padding: 15px 15px; float:left;}
.galleries ul {padding: 5px 15px; float:left;}

.tutorial { width:49%; float:left; display:inline;}
.tutorial p{padding-left:5px; margin-right:10px; border:1px solid #eee}
.tutorial img{padding-right:7px;}

.movie { width:44%; float:left; display:inline;}
.movie {margin:5px 20px; padding: 5px; border:0px solid #000}

.movie2{ width:570px; float:left; display:inline; padding-left:200px; padding-bottom:25px; margin:20px auto; border:0px solid #000}


.julia {float:left;margin:20px 10px 10px 20px; }
.quotes{border: 1px solid #a3c1da; margin: 0 0 10px 0px; padding: 5px 10px; font-weight:bold;}
.important {font-size:1.3em; font-weight:bold; color:#FF0000;}


#footer {
	border: 0px solid #a3c1da;
	float: left;
	height: 55px;
	margin-bottom: 20px;
	padding: 10px 0;
	text-align: center;
	width: 978px;
	background:#fff;

}

.clearfix, .main { display: block; } 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix {
	display: inline-block;
}

/***** Global Classes *****/ 
.clear         { clear:both; } /* Use for clearing float in final element of parent container*/

.float-left    { float:left; display:inline; /*Solves Double Margin bug in IE */}

.float-right   { float:right; display:inline; padding-top:4px;} 

.text-center   { text-align:center; font-size:1.0em;}

.text-left   { text-align:left; font-size:1.0em;}

.bold          { font-weight:bold; }

.italic        { font-style:italic; }

.underline     { border-bottom:1px solid; }

.highlight     { background:#ffc; } 

.wrap          { width:960px;margin:0 auto; } 

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

.img-right     { float:right;margin:4px 15px 10px 840px; } 

.nopadding     { padding:0; }

.padding       { padding:30px 0 30px 100px; }
.padding-right  { padding:0 5px 0 0; }
.noindent      { margin-left:0;padding-left:0; }

.nobullet      { list-style:none;list-style-image:none; }

.indent        {text-indent:15px;}

.border {border-style:double; border-width:thin;}

.center{ border: 1px solid #a3c1da; margin: 0 0 10px 0px;}


/* Optional Styles */
.transparent_class {
     filter:alpha(opacity=50); /*For IE 5-7 */
     -moz-opacity:0.5; /*Old Mozilla browsers like Netscape Navigator*/
     -khtml-opacity: 0.5; /*old versions of Safari */
     opacity: 0.5; /*current standard in CSS. This will work in most versions of Firefox, Safari, and Opera*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* IE 8 */
	zoom:1 /* so the element "hasLayout" /* or, to trigger "hasLayout" set a width or height */ 
}

/*outside box shadow for divs does not work in IE*/
.shadow {
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
}

/*inside box shadow for divs Does not work in IE*/
.innershadow {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}

/*border radius for divs Does not work in IE*/
.border-radius {
    border-radius : 10px; 
    -moz-border-radius : 10px; /* Mozilla */
    -webkit-border-radius : 10px; /* Webkit */
}

/* IE5/MAC hack \*/
* html .clearfix{ display: inline;  height: 1px;}