/* @group Global */

* html {
	padding: 0;
	margin: 0;
	height: 100%;
}

body {
	text-align: center;
	min-width: 924px;
	font: 75%/120% Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	height: 100%;
	margin: 0 auto;
	background: #FFFFFF;
}

#page {
	position: relative;
	width: 924px;
	margin: 0 auto;
	background: url('/images/bgCigarette.jpg') no-repeat bottom right;
}

#top {
	position: relative;
	width: 924px;
	height: 144px;
	text-align: left;
	margin: 0 auto;
}

#topTemp {
  	position: relative;
  	width: 924px;
  	height: 104px;
  	text-align: left;
  	margin: 0 auto;
}

#nav {
	position: absolute;
	width: 820px;
	height: 40px;
	top: 108px;
	left: 40px;
	text-align: center;
	margin: 0 auto;
	z-index: 1;
}

#bgTop {
	width: 924px;
	height: 26px;
	text-align: center;
	margin: 0 auto;
	background: url('/images/bgTopTab.gif') no-repeat top left;
}

#bgBottom {
	width: 924px;
	height: 37px;
	text-align: center;
	margin: 0 auto;
	background: url('/images/bgBottomTab.gif') no-repeat top left;
}


#content_wrapper {
	width: 924px;
	text-align: left;
	background: url('/images/bg.gif') repeat-y top left;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#content {
	position: relative;
	width: 760px;
	margin: 0 100px 0 30px;
	text-align: left;
}

#content p {
	text-align: left;
}

#footer {
	width: 924px;
	height: 80px;
	text-align: left;
}

#footer p {
	text-align: left;
	color: #afaea7;
	margin: 0 auto;
	padding: 5px 0 20px 30px;
}


/* @end */

/* @group Home */

#content #topContent {
	position: relative;
	width: 760px;
	margin: 0 auto;
	min-height: 230px;
	height: auto !important;
	height: 230px;
	text-align: left;
	background: url('/images/bgContentHome.gif') no-repeat top left;
	padding: 70px 0 0 20px;
}

#topContent #topContentLeft {
	position: relative;
	width: 310px;
	line-height: 150%;
	margin: 0 360px 0 0;
	text-align: left;
	color: #FFFFFF;
}

#topContent #topContentRight {
	position: absolute;
	top: 24px;
	left: 372px;
	width: 394px;
	margin: 0 auto;
	text-align: left;
	color: #000000;
}

#content #topContentBottom {
	position: relative;
	width: 760px;
	height: 12px;
	margin: 0 auto;
	text-align: left;
	background: url('/images/bgContentHomeBottom.gif') no-repeat top left;
}

#homeVideoLabel {
	margin-top: 5px;
	padding: 8px;
	width: 328px; 
	height: 20px;
	font: 10px Arial, Helvetica, Verdana, Sans-Serif;
	background: url('/images/bgHomeVideoLabel.gif') no-repeat top left;
}

#content #bottomContent {
	position: relative;
	width: 760px;
	margin: 0 auto;
	min-height: 250px;
	height: auto !important;
	height: 230px;
	text-align: left;
	background: url('/images/bgContentHome2.gif') no-repeat top left;
}

#bottomContent #bottomContentLeft {
	position: relative;
	width: 310px;
	line-height: 150%;
	margin: 0 360px 0 0;
	text-align: left;
	color: #000000;
}

#bottomContentLeft #homeWidget {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 159px;
	text-align: left;
	color: #000000;
	padding-top: 5px;
}

#bottomContentLeft #widgetLabel {
	position: absolute;
	top: 13px;
	left: 195px;
	width: 120px;
	text-align: left;
	font: 11px/14px Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	background: url('/images/bgHomeWidgetLabel.gif') no-repeat top left;
	min-height: 192px;
	height: auto !important;
	height: 192px;
	padding: 10px;
}

#bottomContent #bottomContentRight {
	position: absolute;
	top: 10px;
	left: 372px;
	width: 394px;
	margin: 0 auto;
	text-align: left;
	color: #000000;
}

#bottomContentRight #homeCitiesList {
	position: absolute;
	top: 15px;
	left: 150px;
	width: 200px;
	margin: 0 auto;
	text-align: left;
	font: 12px/17px Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
}



/* @end */

/* @group Sub */

#content #leftColumn {
	position: relative;
	width: 550px;
	margin: 0 260px 0 0;
	min-height: 520px;
	height: auto !important;
	height: 520px;
	text-align: left;
}

#leftColumn .stories {
	position: relative;
	width: 550px;
	text-align: left;
	background: url('/images/bgStories_red.gif') repeat-y top left;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	padding-bottom: 20px;
	margin: 0 auto;
}

#leftColumn p {
	margin: 0 auto;
	margin-top: 10px;
	margin-right: 10px;
}

#leftColumn h2 {
	font: 18px/22px Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	font-weight: bold;
}

.stories .video {
	position: absolute;
	top: 30px;
	left: 33px;
	width: 206px;
	height: 140px;
	text-align: left;
}

.stories .videotext {
	position: relative;
	top: 10px;
	margin: 0 0 0 255px;
	width: 270px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	text-align: left;
	padding: 0px;
}

.stories .storiesSubmitArea {
	position: relative;
	top: 16px;
	margin: 0 0 5px 255px;
	width: 268px;
	height: 26px;
	text-align: left;
}

.storiesSubmitBtn {
	position: absolute;
	top: 0px;
	left: 174px;
	width: 95px;
	height: 26px;
	text-align: left;
}

.videotext p {
	margin: 0 auto;
	font: 90%/120% Arial, Helvetica, Verdana, Sans-Serif;
	color: #FFFFFF;
}

#leftColumn .storiesBottom {
	width: 550px;
	height: 17px;
	text-align: left;
	background: url('/images/stories_red_bottom.gif') no-repeat top left;
}

#content #rightColumn {
	position: absolute;
	width: 210px;
	top: 0px;
	left: 555px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background-color: #e5e5e5;
}

#rightColumn #rightWidget {
	position: absolute;
	left: 15px;
	top: 10px;
	margin: 0 auto;
}

#rightColumn #submitStory {
	position: absolute;
	top: 270px;
	left: 15px;
	width: 157px;
	margin: 0 auto;
	min-height: 135px;
	height: auto !important;
	height: 135px;
	text-align: left;
}

#submitStory #subpageSubmitLabel {
	margin: 0 auto;
	padding: 8px;
	width: 185px; 
	height: 230px;
	background: url('/images/bg_subpage_submit.gif') no-repeat top left;
}

#submitStory #subpageSubmitLabel p {
	margin: 0 auto;
	font: 12px/14px Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
	margin: 70px 40px 0 15px;
}

#submitStory #submitBtn {
	position: absolute;
	top: 190px;
	left: 35px;
	margin: 0 auto;
	width: 110px;
	height: 30px;
	text-align: left;
}

#content #leftColumnCity {
	position: relative;
	width: 520px;
	margin: 0 270px 0 0;
	min-height: 520px;
	height: auto !important;
	height: 520px;
	text-align: left;
}

#leftColumnCity #cityinfo {
	float: left;
	width: 170px;
	text-align: left;
	margin-top: 10px;
}

#leftColumnCity #citycontent {
	position: relative;
	width: 340px;
	margin: 10px 0 0 180px;
	min-height: 520px;
	height: auto !important;
	height: 520px;
	text-align: left;
}

#leftColumnCity p {
	margin: 0 auto;
	margin-bottom: 10px;
}

#content #rightColumnCity {
	position: absolute;
	width: 239px;
	top: 39px;
	left: 538px;
	margin: 0 auto;
	text-align: left;
}

#rightColumnCity .story {
	position: absolute;
	width: 239px;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	background: url('/images/citystory_bg.gif') repeat-y top left;
}

#rightColumnCity .story p {
	margin: 0 auto;
	font: 90%/120% Arial, Helvetica, Verdana, Sans-Serif;
	color: #FFFFFF;
	padding: 10px 15px 10px 10px;
}

#rightColumnCity .story .storyvid {
	padding: 0 0 0 12px;
}

#rightColumnCity .story .citysubmitbtn {
	padding: 0 0 0 65px;
}

#rightColumnCity .story2 {
	position: absolute;
	width: 239px;
	top: 400px;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	background: url('/images/citystory_bg.gif') repeat-y top left;
}

#rightColumnCity .story2 p {
	margin: 0 auto;
	font: 90%/120% Arial, Helvetica, Verdana, Sans-Serif;
	color: #FFFFFF;
	padding: 10px 15px 10px 10px;
}

#rightColumnCity .story2 .storyvid {
	padding: 0 0 0 12px;
}

#rightColumnCity .story2 .citysubmitbtn {
	padding: 0 0 0 65px;
}

#rightColumnCity .storyWI {
	position: relative;
	width: 239px;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	background: url('/images/citystory_bg.gif') repeat-y top left;
}

#rightColumnCity .storyWI p {
	margin: 0 auto;
	font: 90%/120% Arial, Helvetica, Verdana, Sans-Serif;
	color: #FFFFFF;
	padding: 10px 15px 10px 10px;
}

#rightColumnCity .storyWI .storyvid {
	padding: 0 0 0 12px;
}

#rightColumnCity .storyWI .citysubmitbtn {
	padding: 0 0 0 65px;
}

#rightColumnCity .storyWI2 {
	position: relative;
	width: 239px;
	top: 20px;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	background: url('/images/citystory_bg.gif') repeat-y top left;
}

#rightColumnCity .storyWI2 p {
	margin: 0 auto;
	font: 90%/120% Arial, Helvetica, Verdana, Sans-Serif;
	color: #FFFFFF;
	padding: 10px 15px 10px 10px;
}

#rightColumnCity .storyWI2 .storyvid {
	padding: 0 0 0 12px;
}

#rightColumnCity .storyWI2 .citysubmitbtn {
	padding: 0 0 0 65px;
}

#rightColumnCity .storyVI {
	position: absolute;
	width: 239px;
	top: 240px;
	left: 0px;
	margin: 0 auto;
	text-align: left;
	background: url('/images/citystory_bg.gif') repeat-y top left;
}

#rightColumnCity .storyVI p {
	margin: 0 auto;
	font: 90%/120% Arial, Helvetica, Verdana, Sans-Serif;
	color: #FFFFFF;
	padding: 10px 15px 10px 10px;
}

#rightColumnCity .storyVI .storyvid {
	padding: 0 0 0 12px;
}

#rightColumnCity .storyVI .citysubmitbtn {
	padding: 0 0 0 65px;
}

/* @end */


img {
    border: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
    text-align: center;
}

.hidden {
    display: none;
}

hr {
    display: none;
    }

a img {
    border: none;
}

li {
	margin-bottom: 4px;
}

.textinput {
	width: 140px;
	margin-bottom: 5px;
}


/* @end */

/* @group Link Styles */

a { text-decoration: underline; color: #FF0000; }
a:visited { text-decoration: underline; color: #FF0000;}
a:active { text-decoration: underline; color: #FF0000;}
a:link { text-decoration: underline; color: #FF0000;}
a:hover { text-decoration: none; color: #FF0000;}

a.footer { text-decoration: none; color: #afaea7; }
a.footer:visited { text-decoration: none; color: #afaea7;}
a.footer:active { text-decoration: none; color: #afaea7;}
a.footer:link { text-decoration: none; color: #afaea7;}
a.footer:hover { text-decoration: underline; color: #afaea7;}

/* @end */


/* @group Form Styles */

.form-section {margin-top: 30px;}
.form-section h1 { font: 100%/120% Arial, Helvetica, Verdana, Sans-Serif; font-weight: normal; color: #FF0000; }
.form-section div.input { margin-bottom:10px; margin-top: 10px; }
.form-section div.input.text label { float: left; width:130px; text-align:right; margin: 3px 10px 0 0; }
.form-section div.input.check { width:400px; margin-left: 135px;}
.form-section div.input.text input { width:250px;}
 .form-section div.input.text input.inputshort { width:100px;}
.form-section div.input.select label { float:left; width:130px; text-align:right; margin: 3px 10px 0 0; }
.form-section div.input.select select { margin-top:3px; }
.form-section div.input textarea { padding:3px; width:380px; font: 100%/120% Arial, Helvetica, Verdana, Sans-Serif;}
.form-section .input-rule { width: 250px; color:#999; margin-left:140px; margin-top:5px; }
.form-section .input-error { width: 250px; margin-left:140px; color:#ffad0f; }
.form-section #confirm { margin-left: 140px; width:260px;}
.form-section #submit { margin: 20px 0 0 140px;}