/*********************
  general items
*********************/
* {
	margin: 0;
	padding: 0;
}
ul, ol {
	padding: 0 0 20px 20px;
}
p {
	padding-bottom: 20px;
}
a {
	color: #cc3399;
}
a img {
	border: 0;
}
a:focus {
	outline: 0;
}
fieldset {
	border: 0;
}

/*********************
  Main Styles
*********************/
html {
	font: .627em Georgia, Arial, Verdana, Helvetica, sans-serif;
	background: url(/i/html_bgr.gif) no-repeat 50% 0;
}
body {
	text-align: center;
	color: #333;
	background: url(/i/body_bgr.gif) no-repeat 50% 0;
}
#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

/*********************
  header & footer
*********************/
#header {
	float: left;
	clear: left;
	padding-top: 32px;
	width: 960px;
	height: 74px;
	background: url(/i/header_bgr.gif) no-repeat 0 0;
}
.helpful_links {
	float: left;
	display: inline;
	color: #fff;
	font-size: 1.2em;
	padding-top: 2px;
	width: 215px;
}
.helpful_links a {
	color: #fff;
	text-decoration: none;
}

.helpful_links a.on {
	color: #F6EB24
}


.helpful_links a:hover {
	text-decoration: underline;
}
.search_the_site {
	float: right;
	margin-top: -32px;
	padding-top: 6px;
	width: 415px;
	height: 26px;
}
#search_frm {
	float: left;
	display: inline;
	margin-top: 1px;
	width: 194px;
	height: 15px;
}
#search_frm input {
	float: left;
	display: inline;
	width: 163px;
	height: 14px;
	padding: 1px 2px;
	margin: 0;
	border: 0;
}
#search_frm input.go {
	float: left;
	display: inline;
	width: 27px;
	height: 16px;
	padding: 0;
}

div.hiddenFields {display:none;} 

.logo_container {
	float: left;
	display: block;
	position: relative;
	width: 369px;
}
.logo_container a {
	position: relative;
	float: left;
	display: inline;
	width: 334px;
	height: 130px;
	margin: -32px 0 0 -10px;
}
.logo_container a#main_logo_link {
	display: block;
	float: none;
	height: 96px;
	left: 80px;
	margin: 0pt;
	position: absolute;
	top: 69px;
	width: 278px;
	z-index: 300;
	cursor: pointer;
	text-indent: -99999px;
}
.logo_container #main_logo {
	float: none;
	display: block;
	position: absolute;
	z-index: 2;
	top: 27px;
	left: -72px;
	margin: 0;
	width: 419px;
	height: 107px;
}
p a {font-style: italic;}

#footer {
	clear: both;
	width: 940px;
	padding-bottom: 15px;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #666;
	letter-spacing: 3px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
}
#footer a {
	color: #666;
	text-decoration: none;
	font-style: normal;
}
#footer p {
	padding: 0;
}



#footer a:hover, #footer a.on {
	color: #000;
}

/*********************
  navigation
*********************/
#nav {
	float: right;
	display: inline;
	list-style-type: none;
	padding: 0 0 1px;
	width: 574px;
	height: 73px;
	background: url(/i/nav_bgr.gif) no-repeat bottom left;
}
#nav li {
	float: left;
	display: inline;
	list-style-type: none;
}
#nav li#message  {margin-right: 18px;}
#nav li#about    {margin-right: 18px;}
#nav li#green    {margin-right: 20px;}
#nav li#health   {margin-right: 18px;}
#nav li#business {margin-right: 15px;}
#nav li#travel   {margin-right: 12px;}
#nav li#news     {margin-right:  0px;}

#nav li a {
	float: left;
	display: block;
	padding-top: 71px;
	border-bottom: 2px solid #fff;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(/i/nav4.gif) no-repeat 0 0;
}

#nav li#message a {
	width: 77px;
	background-position: -10px 0;
}
#nav li#about a {
	width: 65px;
	background-position: -106px 0;
}
#nav li#green a {
	width: 54px;
	background-position: -189px 0;
}
#nav li#health a {
	width: 61px;
	background-position: -263px 0;
}
#nav li#business a {
	width: 98px;
	background-position: -341px 0;
}
#nav li#travel a {
	width: 56px;
	background-position: -455px 0;
}
#nav li#news a {
	width: 62px;
	background-position: -523px 0;
}
#nav li#message  a:hover {border-bottom: 2px solid #be368f;}
#nav li#about    a:hover {border-bottom: 2px solid #be368f;}
#nav li#green    a:hover {border-bottom: 2px solid #be368f;}
#nav li#health   a:hover {border-bottom: 2px solid #be368f;}
#nav li#business a:hover {border-bottom: 2px solid #be368f;}
#nav li#travel   a:hover {border-bottom: 2px solid #be368f;}
#nav li#news     a:hover {border-bottom: 2px solid #be368f;}

#nav li#message  a.on {border-bottom: 2px solid #be368f;}
#nav li#about    a.on {border-bottom: 2px solid #be368f;}
#nav li#green    a.on {border-bottom: 2px solid #be368f;}
#nav li#health   a.on {border-bottom: 2px solid #be368f;}
#nav li#business a.on {border-bottom: 2px solid #be368f;}
#nav li#travel   a.on {border-bottom: 2px solid #be368f;}
#nav li#news     a.on {border-bottom: 2px solid #be368f;}

/*********************
  main content items
*********************/
#content,
.top_content_area {
	float: left;
	clear: left;
	width: 960px;

}
#content {padding-bottom: 15px;}
.top_content_area {
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(/i/divider.gif) no-repeat bottom left;
}
.l_col {
	float: left;
	display: inline;
	position: relative;
	width: 349px;
}
.txt_content_exp {
	float: left;
	position: relative;
	z-index: 2;
	width: 213px;
	padding: 132px 0px 0 136px;
	text-align: right;
}
.txt_content_exp p {
	float: left;
	clear: left;
	padding-bottom: 5px;
	width: 100%;
	font-size: 1.2em;
	line-height: 1.9em;
}

.l_heading {
	float: left;
	padding-bottom: 15px;
}
.l_heading h1 {
	float: left;
	padding: 60px 5px 0 0;
	width: 134px;
	font-size: 1.5em;
	color: #b2368d;
	font-family: Georgia, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-style: italic;
}
.l_heading img.top_img {
	float: right;
	border: 2px solid #e0e0e0;
}
.r_col {
	float: left;
	display: inline;
	position:relative;
	z-index: 100;
	margin: 15px 0 0 29px;
	width: 580px;
	/*height: 383px;*/
}
.scrollable {
	position: relative;
	z-index: 5;
	width: 580px;
	height: 383px;
	overflow: hidden;
}
.items {	
	position: absolute;
	width: 20000em;
	margin: 0px;
}
.items div.spec_item {
	float: left;
	display: inline;
	height: 383px;
}

.main_heading {
	float: left;
	position: relative;
	margin-top: -383px;
	padding-left: 20px;
	z-index: 100;
	width: 560px;
	height: 383px;
	background: url(/i/frame.png) no-repeat top left;
}


.main_heading h2 {
	padding-top: 263px;
	margin-bottom: -6px;
	color: #fff;
	font-size: 4em;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
}

.main_heading h2 span.h_top {
	display: block;
	margin-bottom: -12px;
	color: #fff;
	font-size: .7em;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
}


.txt_area {
	font-size: 1.6em;
	line-height: 1.6em;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
}
.bottom_content,
.bottom_inner {
	float: left;
	clear: left;
	width: 960px;
}

span.imgborder img {
padding:8px;
margin-right:20px;
margin-bottom:20px;
margin-top:10px;
}

.bottom_inner {
	float: left;
	clear: left;
	padding: 0 0 0 10px;
	width: 950px;
	/*background: url(/i/bottom_inner_bgr.gif) repeat-y 0 0;*/
}
.news_and_blog {
	float: left;
	display: inline;
	position: relative;
	margin-right: 20px;
	padding: 30px 25px 92px;
	width: 289px;
	font-size: 1.2em;
	background: #fdf3dd;
}
.n_module {
	float: left;
	clear: left;
	width: 289px;
	padding-bottom: 20px;
}
.nm_heading,
.post {
	float: left;
	clear: left;
	width: 289px;
	margin-bottom: 15px;
}
.n_module h2 {
	float: left;
	display: inline;
	margin-right: 8px;
	color: #fc8a18;
	text-transform: uppercase;
	font-size: 1.6em;
	letter-spacing: .25em;
	font-weight: normal;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
}

.n_module h2 a {

	color: #fc8a18;
text-decoration:none;
}

.n_module h2 a:hover {

	color: #fc8a18;
text-decoration:underline;
}

.rss {
	float: left;
	padding-top: 11px;
	margin-top: 5px;
	width: 11px;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(/i/rss.gif) no-repeat 0 0;
}
span.date {
	display: block;
	clear: left;
	font-style: italic;
	padding-bottom: 10px;
}
.post h3,
.post h3 a {
	color: #333;
	font-size: 1.25em;
	font-weight: normal;
	text-decoration: none;
}
.post h3 {
	padding-bottom: 5px;
}
.post h3 a:hover {
	text-decoration: underline;
}
.post p {
	line-height: 1.8em;
	padding-bottom: 10px;
}
.updates {
	float: left;
	clear: left;
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 15px 25px 25px;
	width: 289px;
	background: #f6b127;
}
.updates h2 {
	padding-bottom: 10px;
	color: #fff;
	font-style: italic;
	/*font-weight: normal;*/
	font-size: 1.7em;
}
.up_form {
	float: left;
	clear: left;
	width: 289px;
	height: 25px;
}
.up_form input {
	float: left;
	display: inline;
	width: 235px;
	height: 23px;
	padding: 1px 2px;
	font-size: 1.5em;
	border: 0;
}
.up_form input.go_big {
	float: left;
	display: inline;
	width: 45px;
	height: 25px;
	padding: 0;
	margin: 0;
}

.right_modules {
	float: left;
	width: 590px;
	font-size: 1.3em;
}
.r_module {
	float: left;
	clear: left;
	padding: 0 10px 20px 0;
	margin-bottom: 20px;
	width: 580px;
	background: url(/i/rm_divider.gif) no-repeat bottom left;
}
.r_module p {
	padding-bottom: 5px;
	line-height: 2em;
}
.r_module h2,
.r_module h2 a {
	padding: 7px 0 5px 0;
	font-size: 1.42em;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}
.r_module h2 a {
	padding: 0;
	font-size: 1em;
}
.r_module h2 a:hover {
	text-decoration: underline;
}
.r_module img {
	float: left;
	display: inline;
	margin: 0 18px 5px 0px;
}
.double_mod {
	float: left;
	clear: left;
	width: 580px;
	background: url(/i/double_mod_bgr.gif) repeat-y 0 0;
}
.dm_module {
	float: left;
	display: inline;
	width: 282px;
}
.dm_module h2 {
	float: left;
	padding: 5px 0 6px 10px;
	width: 272px;
	color: #fff;
	text-transform: lowercase;
	font-style: italic;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 2px;
	background: url(/i/dm_heading.gif) no-repeat 0 0;
}
.drm {
	margin-left: 16px;
}
.drm h2 {
	background: url(/i/dm_heading_2.gif) no-repeat 0 0;
}
.dm_inner {
	float: left;
	clear: left;
	padding: 12px 12px 10px 12px;
	width: 258px;
}
.dm_module img {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
.dm_module p {
	padding-bottom: 5px;
	line-height: 1.6em;
	font-size: .9em;
}
.dm_module h3,
.dm_module h3 a {
	padding: 40px 0 5px;
	font-weight: normal;
	font-size: 1.14em;
	color: #a246a1;
}
.dm_module h3 a {
	padding-top: 0px;
	text-decoration :none;
}
.dm_module h3 a:hover {
	text-decoration :underline;
}

.drm h3,
.drm h3 a {
	padding: 40px 0 5px;
	font-weight: normal;
	font-size: 1.14em;
	color: #248cd1;
}
.drm h3 a {
	padding-top: 0px;
	text-decoration :none;
}
.drm p a {
	color: #248cd1;
}
.drm h3 a:hover {
	text-decoration :underline;
}



/** sub ***/

.top_image_area {
	margin: 25px 0 20px;

}
.top_image_area img {
	display: block;
}
.top_txt_area {
	float: left;
	clear: left;
	position: relative;
	z-index: 1;
	display: block;
	margin-top: -293px;
	padding: 0 25px 0 35px;
	width: 900px;
	height: 293px;
	background: url(/i/top_image_frame.png) no-repeat 0 0;
}
.top_txt_area h1 {
	padding-top: 157px;
	color: #fff;
	font-size: 6em;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
}
.top_txt_area p {
	color:#FFFFFF;
	font-family:"Times New Roman",Georgia,Arial,Verdana,sans-serif;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.6em;
	text-transform:uppercase;
}
h1 span.italic {
	font-style: italic;
	text-transform: lowercase;
}
.sub_right {
	margin: 0 0 0 20px;
	float: right;
	background: #fdf3dd;
}
.sub_right p a {color:#d95c00;}
.sub_right .n_module h2 {color:#d95c00;}
.sub_right .date {
	padding-bottom: 5px;
}
.place {
	padding-bottom: 5px;
	text-transform: uppercase;
	clear: left;
	display: block;
	font-style: italic;
}
.post img {
	clear: left;
	display: block;
	margin-bottom: 15px;
}
.post p.big {
	font-style: italic;
	font-size: 1.7em;
	line-height: normal;
}
.post p.big a {
	font-size: .6em;
	line-height: normal;
}
.left_wide_col {
	float: left;
	display: inline;
	width: 600px;
	padding-top: 20px;
	font-size: 1.2em;
	line-height: 1.9em;
	background: url(/i/l_divider.gif) no-repeat 0 0;
}

.left_wide_col2 {
	float: left;
	display: inline;
	width:auto;
	padding-top: 20px;
	font-size: 1.2em;
	line-height: 1.9em;
	background: url(/i/divider_wide.gif) no-repeat 0 0;
}

.left_wide_col h2, .left_wide_col2 h2 {
	font-style: normal;
	color: #24a3da;
	font-weight: normal;
	padding-bottom: 12px;
	font-size: 1.7em;
}
.left_wide_col h3, .left_wide_col2 h3 {
	font-style: normal;
	color: #24a3da;
	font-weight: normal;
	padding-bottom: 12px;
	font-size: 1.6em;
}

.left_wide_col h4, .left_wide_col2 h4 {
	font-style: normal;
	color: #D95C00;
	font-weight: normal;
	padding-bottom: 12px;
	font-size: 1.3em;
}

.left_wide_col p, .left_wide_col2 p {
	padding-bottom: 15px;
font-size:14px;
}

.left_wide_col p.subnav, .left_wide_col2 p.subnav  {font-size:12px;}
.content_header {
	float: left;
	clear: left;
	width: 600px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: url(/i/l_divider.gif) no-repeat bottom left;
}

.content_header2 {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background: url(/i/divider_wide.gif) no-repeat bottom left;
}

.content_header h2, .content_header2 h2 {
	font-style: italic;
	font-size: 2em;
}
.subnav {
	float: left;
	clear: left;
	display: inline;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
font-style:normal;

}

.subnav a {
	color: #333;
	text-decoration: none;
font-style:normal;
}
.subnav a:hover {
	color: #000;
	text-decoration: underline;
}

.subnav  a.on {
	color: #24a3da;

}



.featured_video p {
	padding-bottom: 5px;
}
.featured_video {
	float: left;
	clear: left;
	padding: 15px;
	width: 570px;
	margin-bottom: 15px;
	background: #e8f6fd;
	font-size: 1.3em;
	line-height: 1.9em;
}
.featured_video h2 {
	font-size: 1.2em;
	font-style: italic;
	text-transform: lowercase;
	padding-bottom: 5px;
}
.featured_video img {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
.l_image_container {
	float: left;
	display: inline;
	padding: 5px 0 0 0;
	margin: 0 15px 0 0;
}
.l_image_container img {
	display: block;
}
.mid_module {
	clear: left;
	width: 600px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(/i/l_divider.gif) no-repeat bottom left;
}

.mid_module2 {
	clear: left;
	width: auto;
	margin-bottom: 20px;
	padding-bottom: 10px;

}


p.backtotop {
font-size:.9em;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align:right;
	background-image: url(/i/backtotop.gif);
	background-repeat: no-repeat;
	background-position: right 12px;
	padding-right: 20px;
}


.featured_project {
	float: left;
	clear: left;
	padding-bottom: 20px;
	background: url(/i/l_divider.gif) no-repeat bottom left;
}

.featured_project2 {
	float: left;
	clear: left;
	padding-bottom: 20px;
	background: url(/i/wide_divider.gif) no-repeat bottom left;
}

div#spacing {height:175px;}


.featured_project h2, .featured_project2 h2 {
	color: #333;
clear:both;

}

.featured_project h2 a, .featured_project2 h2 a {
	color: #333;
text-decoration:none;
}

.featured_project h2 a:hover, .featured_project2 h2 a:hover {text-decoration:underline;}

p.intro {
	color:#24A3DA;
	font-style: italic;
}
.learn_more {
	float: left;
	width: 100%;
	font-style: italic;
}
.learn_more span {
	float: left;
	padding-right: 10px;
	font-style: italic;
}
.btm_links {
	float: left;
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-style: italic;
}
.btm_links li {
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
}
.btm_links li a {
	color: #24a3da;
	text-decoration: underline;
}
.btm_links li a:hover {
	text-decoration: none;
}
.fp_img_area {
	float: left;
	display: inline;
	width: 106px;
	padding: 5px 15px 0 0;
}
.fp_txt_content {
	float: left;
	display: inline;
	clear: none;
	width: 475px;

}