/* CSS Document */

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #303030 url(../images/page_bg.gif) top left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #6a6a68;
}

img{
	border: 0px;
}

.clear{
	clear: both;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
	line-height: 0px;
}

a{
	color: #fd9b00;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*****Structure******/

#parent_container{
	width: 854px;
	margin: 0px auto 0px auto;
}

#header_container{
	width: 854px;
	height: 122px;
	background: url(../images/header_bg.jpg) top right no-repeat;
}

/*****Header*****/

#header_container p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 343px;
	float: left;
}

#top_menu{
	float: left;
	position: relative;
	top: 100px;
	left: 46px;
}

#top_menu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	height: 22px;
}

#top_menu li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*****Home*****/

#home_container{
	width: 810px;
	height: 315px;
	left: 25px;
	position: relative;
	background:url(../images/page_bgs/home.jpg) bottom left no-repeat;
}

/********Body*********/

#body_container{
	background: url(../images/body_bg.gif) top left repeat-y;
}

#body_container_top{
	background: url(../images/body_bg_top.gif) top left no-repeat;
	width: 854px;
}

#body_container_btm{
	background: url(../images/body_bg_btm.gif) bottom left no-repeat;
}

#this_month{
	float: left;
	background: url(../images/this_month.gif) 18px 39px no-repeat;
	width: 447px;
	height: 305px;
}

#month_title{
	color:#96a703;
	position: relative;
	left: 18px;
	top: 15px;
	font-size: 11pt;
	font-weight: bold;
}

#main_stories{
	background: #fdeea3;
	height: 178px;
	width: 446px;
	margin: 62px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}

.main_story{
	width: 197px;
	height: 65px;
	font-size: 9pt;
	float: left;
	margin: 13px 0px 4px 18px;
	display: inline;
}

.main_headline{
	background: url(../images/main_story_arrow.gif) top left no-repeat;
	color: #96a703;
	text-indent: 21px;
	font-weight: bold;
	line-height: 9pt;
	margin: 0px 0px 1px 0px;
	height: 15px;
}

.main_desc{
	padding: 0px 0px 0px 21px;
	color: #4c4c4b;
	line-height: 16px;
}

.main_desc a{
	color: #4c4c4b;
	text-decoration: none;
}

.main_desc a:hover{
	text-decoration: underline;
}

#view_issue{
	background: url(../images/view_issue.gif) top left no-repeat;
	width: 224px;
	height: 21px;
	float: left;
	margin: 17px 0px 0px 17px;
	display: inline;
}

#download_btn{
	float: left;
	display: inline;
	margin: 6px 0px 0px 27px;
}

#promo_holder{
	float: right;
	height: 311px;
	width: 363px;
}

/*******Promos******/

#promos{
	clear: both;
	height: 171px;
	position: relative;
}

#promos_left{
	float: left;
	height: 171px;
	width: 264px;
	background: url(../images/left_promo.jpg) top left no-repeat;
	margin: 0px 0px 0px 28px;
	display:inline;
}

#advert_btn{
	position: relative;
	top: 129px;
	left: 13px;
}

#promos_right{
	background: url(../images/promos_right.jpg) top left no-repeat;
	width: 527px;
	height: 171px;
	float: left;
	display:inline;
	line-height: 0px;
	font-size:0px;
}

#missed_issue_btn{
	position: relative;
	top: 129px;
	left: 10px;
}

#map_btn{
	position: relative;
	top: 128px;
	left: 160px;
}

/******Featured Advertisers******/

#featured_advertisers{
	background:url(../images/feat_bg.jpg) bottom left repeat-x;
	width: 800px;
	height: 88px;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}

#featured_left{
	background: url(../images/feat_left.jpg) top left no-repeat;
	width: 124px;
	height: 88px;
	float: left;
}



#featured_right{
	background: url(../images/feat_right.gif) top left no-repeat;
	width: 36px;
	height: 88px;
	float: right;
}

#featured_right img{
	position: relative;
	top: 14px;
	left: 6px;
}

/*****About Us*******/

#about_container{
	background: url(../images/page_bgs/about.jpg) top right no-repeat;
	width: 378px;
	height: 267px;
	position: relative;
	left: 25px;
	padding: 48px 410px 0px 22px;
	line-height: 14px;
	overflow: hidden;
}

#about_container p{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
}

/*****Back Issues*******/

#issues_container{
	background: url(../images/page_bgs/back_issues.jpg) top right no-repeat;
	width: 378px;
	height: 267px;
	position: relative;
	left: 25px;
	padding: 48px 410px 0px 22px;
	line-height: 14px;
	overflow: hidden;
}

#issues_container p{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
}

.custom_select{
	color: #6a6a68;
	font-size: 9px;
	width: 147px;
	margin: 14px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.issues_btn{
	margin: 5px 0px 0px -6px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

/*****View Issue*******/

#view_issue_container{
	background: url(../images/page_bgs/view_issue.jpg) top right no-repeat;
	width: 478px;
	height: 267px;
	position: relative;
	left: 25px;
	padding: 48px 310px 0px 22px;
	line-height: 14px;
	overflow: hidden;
}

#view_issue_container p{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
}

#view_issue_container form{
  margin: 0px 0px 10px 0px;
}

.orange{
	color: #fd9b00;
}

.green{
  color: #96a703;
}

#email_holder{
	margin: 8px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

.email_textfield{
	border: 0px;
	width: 136px;
	height: 15px;
	background: url(../images/textfield_bg.gif) top left repeat-x;
	color: #6a6a68;
	float: left;
	font-size: 10px;
	padding: 2px 4px 0px 4px
}

.textfield_left{
	height: 17px;
	width: 2px;
	float: left;
	background: url(../images/textfield_left.gif) top left no-repeat;
}

.textfield_right{
	height: 17px;
	width: 2px;
	float: left;
	background: url(../images/textfield_right.gif) top left no-repeat;
}

.issue_list{
  margin: 5px 0px 0px 13px;
  padding: 0px 0px 0px 0px;
}

.issue_list li{
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
}

#display_issue_container{
	width: 800px;
	height: 0px;
	position: relative;
	left: 25px;
	padding: 20px 10px 0px 0px;
	line-height: 14px;
	overflow: hidden;
}

#sitemap_container{
	width: 600px;
	min-height: 200px;
	height: 200px !important;
	height: 200px;
	position: relative;
	left: 25px;
	padding: 60px 10px 0px 40px;
	line-height: 14px;
	background: url(../images/page_bgs/sitemap.jpg) top left no-repeat;
}

#privacy_container{
	width: 780px;
	min-height: 200px;
	height: 200px !important;
	height: 200px;
	position: relative;
	left: 25px;
	padding: 60px 10px 0px 20px;
	line-height: 14px;
	background: url(../images/page_bgs/privacy.jpg) top left no-repeat;
}

/*****Advertising*******/

#advertising_container{
	background: url(../images/page_bgs/advertising.jpg) top right no-repeat;
	width: 378px;
	height: 264px;
	position: relative;
	left: 25px;
	padding: 48px 410px 0px 22px;
	line-height: 14px;
}

#advertising_container p{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
}

#advertising_container p.call_us{
	font-size: 18px;
	line-height: 22px;
	color: #fd9b00;
	margin: 6px 0px 7px 11px;
}

.tel_no{
	font-weight: bold;
	color: #aeb00d;
	font-size: 21px;
}

#advertising{
	width: 800px;
	position: relative;
	left: 25px;
	background:url(../images/advertise_bg.gif) top left repeat-y;
}

#advertising_top{
	width: 800px;
	background:url(../images/advertise_top.gif) top left no-repeat;
	padding: 33px 0px 0px 8px;
}

.ad_logo{
	border: 1px solid #dfdfdf;
	float: left;
	margin: 5px 0px 0px 5px;
	display: inline;
}

#advertising_btm{
	height: 31px;
	width: 800px;
	left: 25px;
	position: relative;
	background:url(../images/advertise_btm.gif) bottom left no-repeat;
}

#advert_limit{
  height: 160px;
  overflow: hidden;
}

/*****Contact*******/

#contact_container{
	background: url(../images/page_bgs/contact.jpg) top right no-repeat;
	width: 678px;
	height: 315px;
	position: relative;
	left: 25px;
	padding: 0px 110px 0px 22px;
	line-height: 14px;
	overflow: hidden;
}

#contact_container p{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	line-height: 14px;
}

#contact_container a{
	color: #6a6a68;
}

#contact_left{
	float: left;
	width: 316px;
	margin: 45px 0px 0px 0px;
}

#contact_right{
	float: left;
	margin: 28px 0px 0px 0px;
}

.contact_line{
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.contact_title{
	color: #96a703;
	font-weight: bold;
	font-size: 10px;
}

.custom_textfield{
	border: 0px;
	width: 233px;
	height: 16px;
	background: url(../images/contact_textfield_bg.gif) top left repeat-x;
	color: #6a6a68;
	float: left;
	font-size: 10px;
	padding: 2px 4px 0px 4px
}

.custom_textfield_left{
	height: 18px;
	width: 2px;
	float: left;
	background: url(../images/custom_textfield_left.gif) top left no-repeat;
}

.custom_textfield_right{
	height: 18px;
	width: 2px;
	float: left;
	background: url(../images/custom_textfield_right.gif) top left no-repeat;
}

.custom_textarea{
	border: 0px;
	overflow: auto;
	width: 237px;
	height: 85px;
	background: url(../images/textarea_bg.gif) top left repeat-y;
	margin: 0px 0px 0px 0px;
	float: left;
	color: #6a6a68;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
}

.textarea_top{
	width: 245px;
	height: 2px;
	background:url(../images/textarea_top.gif) top left no-repeat;
	line-height: 0px;
	font-size: 0px;
	float: left;
}

.textarea_btm{
	width: 245px;
	height: 2px;
	background:url(../images/textarea_btm.gif) top left no-repeat;
	line-height: 0px;
	font-size: 0px;
	float: left;
}

.mand_star{
	background: url(../images/bullet.gif) center left no-repeat;
	width: 6px;
	height: 15px;
	float: left;
	margin: 0px 3px 0px 0px;
}

.form_label{
	height: 24px;
}

#send_btn{
	margin: 10px 0px 0px -4px;
}

/********Footer********/

#footer_container{
	background: url(../images/footer_bg.gif) top left no-repeat;
	height: 45px;
}

#footer_covering{
	background: url(../images/covering.gif) top left no-repeat;
	width: 522px;
	height: 26px;
	margin: 0px auto 0px auto;
}

#footer_links{
	float: left;
	position: relative;
	left: 35px;
	top: 4px;
	color: #fd9b00;
	font-size: 7pt;
}

#footer_links a{
	color: #b1b1b1;
	text-decoration: none;
}

#footer_links a:hover{
	text-decoration: underline;
}

#visualsoft_logo{
	float: right;
	position: relative;
	right: 40px;
	top: 4px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container-horizontal {
  width: 640px;
  height: 80px;
  overflow: hidden;
  float: left;
}

.jcarousel-container {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 6px;
    left: 0;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 125px;
    height: 78px;
    display: inline;
    padding: 0px 0px 0px 3px;
}

#featured_advertisers li img{
	border: 1px solid #dfdfdf;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}