/****************************
  COMMON STYLES
****************************/

body {

	padding: 0px;
	margin: 0px auto;
	background-color: #FFFFFF;

	height: 100%;

font:14px Arial, sans-serif; color:#727272;
}


font {
	font-family: tahoma;
}

h1,h2,h3,h4,.componentheading {font-weight:bold;margin:0.2em 0 0.2em;  font-family: Trebuchet MS,sans-serif; color:#4297ff;}



h1,.componentheading {font-size:160%; }



h2 {font-size:140%;}



h3 {font-size:120%;}



h4 {font-size:110%;}

a {color:#000;text-decoration:underline;font-weight:bold;}



a:hover {}



/****************************
  CONTAINERS
****************************/

#centered_container {
	margin: 0px auto; align:center;width:970px; margin-bottom: 40px; margin-top: 40px; overflow:hidden;
}

#left_panel {
	float:left; width:627px; min-height: 800px; height: auto;
}

#full_panel {
	float:left; width:970px; min-height: 800px; height: auto; overflow:auto;
}

#vertical_middle_separator {
	float:left; width:17px; height: 750px; background-image: url('vertical_middle_sep.jpg'); background-position: top; background-repeat: no-repeat;
}



/****************************
  PAGE TITLE, PAGE CONTROLS
****************************/

.page_title {
	float: left; font-size:22px; color:#4297ff; text-align:left; width:610px; height:60px; margin:0px; padding: 0px;
}


.page_title a {
	font-size:12px; color:#4297ff; text-decoration:none;
}

.page_title span {
	font-size:12px; color:#727272;
}

.page_path {
	font-size:12px; color:#727272; text-align:left; width:610px;
}

.page_path  a { font-size:12px; color:#4297ff; }
.page_path a:link {text-decoration: none}
.page_path a:visited {text-decoration: none}
.page_path a:active {text-decoration: none}
.page_path a:hover {text-decoration: none;}

.page_controller {
	width:610px; position: relative; float:left; list-style-position: inside; list-style: none; display: block; padding: 40px 0px 0px 0px; margin: 0px;
}

.page_controller li {
	text-align: center; font-size: 12px; color: #727272; float:left; padding-left: 5px; padding-right: 5px; display: block; height: 26px; line-height: 26px;
}

.page_controller a {
	font-size: 12px; color: #727272; text-decoration:none;
}

.page_controller a:hover {
	color: #3399cc; text-decoration:underline;
}

.page_controller_num:hover {
 background-color: #EEEEEE;
}

#page_controller_stat {
	 width: 250px; float:right; text-align: right;
}

.page_controller_selected {
	background-color: #000000; font-size:12px; color:#FFFFFF; text-decoration:none;
}



.page_controller_wide {
	 position: relative; float: left; list-style-position: inside; list-style: none; display: inline; padding: 0px; margin-top: 40px; margin-left: 20px;
}

.page_controller_wide li {
	float: left; width:130px; height:28px; background-color:#6D6D6D; display: block;
}

.page_controller_wide li  a {
	font-size:12px; color:#ffffff; font-weight:bold; line-height:28px; text-decoration: none;
}

#page_info {
	font-size:12px; color:#727272; width: 640px; height:28px;  margin: 0px; line-height:28px; background-color:#FFFFFF;
}



/****************************
  LOGO
****************************/

#topline {
	width:100%; height:15px; background-color: #494C54; background-image: url('topline.jpg'); background-position: center; background-repeat: no-repeat; top: 0px;
}

#logo_menu_search {
	width:970px; height:126px; align:center; text-align:center; margin:0px auto; background-image: url('slider_top_shadow.jpg'); background-position: center bottom; background-repeat: no-repeat;
}

#logo {
	float:left; position:relative; left:0px; top:0px; width:600px; height:74px; text-align: left;
}

#logo img {
	border: 0px;
}



/****************************
  SEARCH
****************************/

.search {
	float:right; position:relative; right:5px; top:67px; width:133px; height:22px; background-image:url('search_input_bg.gif'); text-align:left;
}

.search ul {
	list-style: none; list-style-position: inside; position:relative; float:left; margin: 0; padding: 0;
}

.search li {
	float: left; display: block; border: 0px;
}

#search_input {
	float:left; position:relative; width:102px; height:16px; border: 0px; margin-top: 2px; margin-left:4px; font-family:tahoma; font-size:14px; color:#7F7F7F;
}

#search_btn {
	float:left; position:relative; margin-top: 1px;
}



/****************************
  MENU
****************************/

.menu {
	list-style: none; list-style-position: inside; position:relative; float:left; margin: 0; padding: 0; top: 65px; left: 20px;

}
.menu  li {
	float:left;
}
.menu  li a {
	height: 2em;
	width: 90px;
	line-height: 2em;
	float: left;
	display: block;
	border: 0px;
	font-size:14px;
	color:#727272;
	text-align: center;
	font-weight: bold;
}
.menu  li a:hover {
	background-color: #EEEEEE;
	color:#3399cc;
}
.menu  li a:link {text-decoration: none}
.menu  li a:visited {text-decoration: none}
.menu  li a:active {text-decoration: none}

#menu_actual a {
	background-color:#6D6D6D;
	color: #CCCCCC;
}



/****************************
  NEWS
****************************/

#news_panel_title {
	text-align:left; width:627px; height:40px;	font-family:tahoma; font-size:14px; color:#727272; font-weight: bold;
}

.news  a { font-size:12px; color:#3399cc; font-weight:bold;}
.news a:link {text-decoration: none}
.news a:visited {text-decoration: none}
.news a:active {text-decoration: none}
.news a:hover {text-decoration: underline;}

.news {
	cursor:pointer;
    padding: 0px;
	margin: 10px 0px 0px 0px;
	width:600px;
	list-style-position: inside;
	list-style: none;
	float:left;
	display: block;
}

.news li:hover {
    background-color: #EEEEEE;
}

.news li { padding-top: 10px; padding-left: 10px; border-bottom: 1px solid #EEEEEE; float:left; height:125px; text-align: justify; font-size:12px; color:#727272; line-height: 19px; display: block; background-image: url('img_bg.gif'); background-repeat: no-repeat; background-position: 10px 10px;}

.news img { border: 0px; float: left; width:90px; height:90px; padding-top: 3px; padding-left: 3px; margin-right: 13px;}

.news_text {
	position:relative; float:left; padding-left:10px; padding-top:10px; width:475px; height:96px;  line-height: 19px;
}

.news span {
	font-size:11px; color:#727272; display:inline;
}

.h4 {
	font-size:16px; color:#3399cc; font-weight: bold; display:inline;
}



/****************************
  ARTICLE
****************************/

.indented_text {
	width: 610px; font-size:12px; color:#727272; line-height:20px; text-indent:10px; margin-top: 40px;
}

.article_pic {
	border: 3px solid #dedede; float: left; margin-top: 10px; margin-bottom: 20px;
}



/****************************
  VIDEOS
****************************/

#video_player {
	float: left; width:568px; height:464px; background-image:url('video_player_bg.jpg'); background-repeat: no-repeat; padding-top: 22px;
}

.videos_title {
	width:610px; height:40px; font-size:18px; color:#4297ff; font-weight:bold; text-align:left; clear: left;
}

.videos_title span {
	font-size:12px; color:#727272; font-weight:normal;
}

.videos_description {
	margin-top:15px; width:605px; font-size:12px; color:#727272; text-align:left; line-height:20px;
}

#article_date {
	width: 200px; float: right; text-align:right; font-size:12px; color:#727272;
}


/****************************
  GALLERY
****************************/

.gallery {
	list-style-position: inside; list-style: none; float:left; display: block; padding:0px; margin-left: 5px;
}

.gallery li {
	float:left; display: block; text-align:left; width:590px; background-image:url('gallery_bg.jpg'); background-repeat: no-repeat; background-position:top left;
}

.gallery img {
	border: 0px; width:582px; height:116px; margin-top: 21px; margin-left: 4px;
}

.gallery p {
	font-size: 12px; color: #727272; line-height: 18px;
}

.gallery a {
	font-size: 16px; color: #4297ff; font-weight: bold; text-decoration: none;
}

.gallery_text {
	width: 970px; text-align: justify; font-size: 12px; color: #727272; line-height: 20px; margin-top: 80px;
}

#gallery {
	list-style-position: inside; list-style: none; float:center; display: block; margin:0px; padding: 0px;
}

#gallery li {
	float:left; display: block; text-align:left; width:252px; height:167px; background-image:url('picture_bg.jpg'); margin-right: 30px; margin-left: 30px;
}

#gallery img {
	border: 0px; margin-top: 25px; margin-left: 4px;
}

#gallery span {
	font-size: 12px; color: #727272;
}



/****************************
  ABOUT
****************************/

#about_map {
	width:279px; height:198px; background-image:url('about_map_bg.html');
}

#about_map img {
	margin-top:4px; margin-left:4px;
}

#contact_title {
	float: left; margin-left: 35px; width: 280px; text-align:left; margin-bottom: 20px; font-size:12px; color:#727272; font-weight:bold;
}

#contact_info  {
	width: 280px; float: left; margin: 0px 0px 40px 40px; font-size:12px; color:#727272; line-height: 20px; text-align:left;
}

#contact_info  img {
	float: left; margin: 0px 0px 10px 0px; border:0px; font-size:12px; color:#727272; line-height: 20px; text-align:left;
}

#contact_info a {
	font-size:12px; color:#4297ff; line-height: 20px;
}
#contact_info a:link {text-decoration: none}
#contact_info a:visited {text-decoration: none}
#contact_info a:active {text-decoration: none}
#contact_info a:hover {text-decoration: none;}

/****************************
  ADS
****************************/

#advertisements {
	float:right; text-align:left; width:295px; height: 30px; font-size:12px; color:#C8C8C8; font-weight:bold;list-style-position: inside; list-style: none;
}

.ads {
	list-style-position: inside; list-style: none; margin-right:15px; padding: 0px;
}

.ad1 {
	position:relative; float:right; margin-left: 7px;  width:133px; height:133px; background: url('ad_125x125_bg.gif')
}
.ad1 img {
	padding-top:4px; border: 0px;
}

.ad2 {
	clear:right; position:relative; float:right; margin-top:10px; width:273px; height:118px; background: url('ad_265x110_bg.gif')
}
.ad2 img {
	padding-top:4px; border: 0px;
}



/****************************
  FOOTER
****************************/

#footer_bg {
	position:relative; width:100%;; background-color:#222222;
padding:20px;
}

#footer_centered_content {
	width:970px; margin: 0px auto; text-align: left;
}


/****************************
  FOOTER / ARCHIVES
****************************/
.archives {
	width:242px; float:left; margin-top:20px; background-image:url('title_archives.gif'); background-repeat: no-repeat; background-position: top left;
}

.archives ul {
	 list-style: none; list-style-position: none; margin:0px; padding: 0px; text-align: left; line-height: 27px;
}

.archives li {
	width:200px; border-bottom: 1px solid #343434; background-image: url('archives_arrow.gif'); background-repeat: no-repeat; margin: 0px; padding-left: 10px; background-position: center left;
}

.archives li a {
	font-size:12px; color:#7D7D7D; text-decoration:none;
}

.archives li a:hover {
	color:#3399cc; text-decoration:underline;
}



/****************************
  FOOTER / GALLERY
****************************/

.footer_gallery {
	width:243px; float:left; margin-top:20px; background-image:url('title_gallery.gif'); background-repeat: no-repeat; background-position: top left;
}

.footer_gallery ul {
	list-style: none; list-style-position: inside; margin:0px; padding: 0px; text-align: left;
}

.footer_gallery li {
	float:left; display: block; width:70px; height:70px; padding:5px; background-image:url('gallery_sp_bg.gif'); background-repeat: no-repeat;
}

.footer_gallery li:hover {
	background-image:url('gallery_sp_bg2.gif');
}

.footer_gallery img {
	border: 0px;
}



/****************************
  FOOTER / FOLLOW US
****************************/

.footer_follow {
	width:243px; float:left;  margin-top:20px; background-image:url('title_follow_us.gif'); background-repeat: no-repeat; background-position: top left;
}

.footer_follow p {
	text-align:left; height:50px; width:220px; font-size:12px; color:#727272; line-height:20px; padding: 0px; margin: 0px;
}

.footer_follow ul {
	list-style: none; list-style-position: inside; margin:0px; padding: 0px; text-align: left;
}

.footer_follow li {
	float:left; display: block; width:45px; height:47px; padding:5px;
}

.footer_follow img {
	border: 0px;
}


/****************************
  FOOTER / CONTACT
****************************/

.footer_contact {
	width:242px; float:left;  margin-top:20px; background-image:url('title_contact_us.gif'); background-repeat: no-repeat; background-position: top left;
}

.footer_contact input,textarea {
	margin-bottom: 10px;
}

.footer_contact ul {
	list-style: none; list-style-position: inside; position:relative; float:left; margin: 0; padding: 0;
}

.footer_contact li {
	float: left; display: block; border: 0px;
}

.contact_input1 {
	width:209px; height:30px;
}

.contact_input2 {
	width:209px; height:106px;
}

#contact_button {
	width:209px; height:30px; text-align:right;
}

.contact_textinput {
	background-color:#222222; background-repeat:no-repeat;width:209px; height:22px; background-image:url('contact_textinput_bg.gif'); border:0px; font-family:tahoma; font-size:12px; color:#7d7d7d;
}

.contact_ta_input {
	background-color:#222222; background-repeat:no-repeat; overflow:hidden;width:209px; height:97px; background-image:url('contact_tainput_bg.gif'); border:0px; font-family:tahoma; font-size:12px; color:#7d7d7d;
}