/* ========================================================
    CSS STYLES FOR ARAPAHOE BASIN
   ======================================================== */   


/* PAGE ELEMENTS */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #343735;
}

body {
	background: #114432 url(../images/elements/bg_portal.gif) repeat 0px 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#container {
	background-color: #E5E3DF;
	background-image: url(/ABasin/assets/images/elements/bg_main.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	text-align: left;
	width: 1002px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#page {
	background-image: url(/ABasin/assets/images/elements/bg_main_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	position: relative;
	width: 1002px;
}

#masthead {
	position: absolute;
	height: 166px;
	width: 152px;
	left: 30px;
	top: 14px;
}

#masthead img {
	height: 166px;
	width: 152px;
}

#navMain {
	text-align: left;
	position: absolute;
	height: 25px;
	width: 730px;
	left: 260px; /* from 260 */
	top: 66px;
}

#navMain img {
	height: 25px;
	width: 146px;
}

#snowfall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	position: absolute;
	width: 764px;
	left: 228px;
	top: 2px;
}
#snowfall a {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
#topSpacer {
	height: 91px;
	width: 1002px;
}

#content {
	background-image: url(/ABasin/assets/images/elements/bg_main_right.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	position: relative;
	width: 1002px;
}

#contentLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 625px;
	position: relative;
}

#navLeft {
	margin: 0px;
	padding: 0px;
	width: 150px;
	position: absolute;
	left: 32px;
	top: 96px;
}

#contentMain {
	display: inline; /* Solves some layout problems in IE */
	float: left;
	width: 386px;
	margin-top: 36px;
	margin-left: 224px;
}

#contentRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #283C5E;
	float: left;
	width: 320px;
	margin-top: 27px;
	margin-left: 29px; /*15px*/
}

#picsRight {
	margin-bottom: 10px;
}

#picsRight img {
	border: 2px solid #ccd2e1;
}

#picsRight td {
	text-align: left;
	vertical-align: top;
}

.picsRightMargin {
	padding-right: 8px;
	padding-bottom: 8px;
}

#contentRight ul {
	margin-top: 6px;
	margin-left: 26px;
	padding: 0px;
}

#contentRight ul li {
	margin-bottom: 4px;
}

#minHeight {
	height: 418px;
	width: 0px;
	float: left;
}

#social {
	position: absolute;
	height: 30px;
	width: 140px;
	left: 854px;
	top: 42px;
}

#social div {
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}

#bottom {
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 1002px;
	position: relative;
}

#bottomBG {
	background-image: url(/ABasin/assets/images/elements/bg_main_bottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 1002px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#bottomContent {
	position: absolute;
	left: 252px;
	top: 71px;
/*	text-align: center;
	width: 700px; */
}

#clearFloats {
	clear: both;
	height: 0px;
}

/* PAGE WITH 1 CONTENT COLUMN AND GRAY BACKGROUND */

#container02 {
	background-color: #E5E3DF;
	text-align: left;
	width: 1002px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#content02 {
	background-image: url(/ABasin/assets/images/elements/bg_main_right_gray.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	position: relative;
	width: 1002px;
}

#content02Left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 950px;
	position: relative;
}

#content02Main {
	display: inline; /* Solves some layout problems in IE */
	float: left;
	width: 716px;
	margin-top: 36px;
	margin-left: 224px;
}

/* PAGE WITH 1 CONTENT COLUMN AND WHITE BACKGROUND */

#container03 {
	background-color: #FFFFFF;
	background-image: url(/ABasin/assets/images/elements/bg_main_white.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	text-align: left;
	width: 1002px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#page03 {
	background-image: url(/ABasin/assets/images/elements/bg_main_top_white.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	position: relative;
	width: 1002px;
}

#content03 {
	background-image: url(/ABasin/assets/images/elements/bg_main_right_white.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	position: relative;
	width: 1002px;
}

#content03Left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 950px;
	position: relative;
}

#content03Main {
	display: inline; /* Solves some layout problems in IE */
	float: left;
	width: 716px;
	margin-top: 36px;
	margin-left: 224px;
}

/* COMMON TABLE STYLES */

.barOrange8h {
	background-color: #FFB652;
	height: 8px;
}

.Row {
	background-color: #F1D5A6; 
}
.altRow {
	background-color: #F3E2C5;
}
.left {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFB652;
}
.bottom td {
	height: 8px;
	padding: 0px 14px 0px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	color: none;
	margin-bottom: 0px;
}


/* TABLE Style Pricing -- Use for Tickets/Lessons Prices */

.pricing {
	margin: 10px 0px -8px 0px;
	padding: 0px;
	width: 100%;
}
.pricing  p {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	margin: 2px 0px 0px 0px;
	text-transform: none;
}
.pricing  h2 {
	font-size: 14px;
	line-height: 18px;
	color: #343735;
	margin-top: 0px;
}

.pricing th {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #343735;
	vertical-align: bottom;
	padding: 7px 14px 7px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	text-transform: uppercase;
	background-color: #F1D5A6;
}

.pricing td {
	font-size: 11px;
	line-height: 14px;
	color: #283C5E;
	text-align: left;
	font-weight: bold;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.pricing ul {
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: normal;
	font-size: 10px;
}

/* TABLE Style Pricing -- Use for High Adventure Series */

.HAS {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 100%;
}
.HAS  p {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #283C5E;
	margin-top: 2px;
}
.HAS  h2 {
	font-size: 14px;
	line-height: 18px;
	color: #343735;
	margin-top: 0px;
}

.HAS td {
	font-size: 11px;
	line-height: 14px;
	color: #283C5E;
	text-align: left;
	font-weight: bold;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #FFB652;
	background-color: #F1D5A6;
}

.HAS ul {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* TABLE Style Hot Deals -- Use for Hot Deals */

.hot-deal {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 100%;
}
.hot-deal  p {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #283C5E;
}
.hot-deal th {
	font-size: 14px;
	line-height: 18px;
	color: #343735;
	margin-top: 0px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 7px 14px 7px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	text-transform: uppercase;
	background-color: #F1D5A6;
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: #none;
}
.hot-deal td {
	font-size: 11px;
	line-height: 14px;
	color: #283C5E;
	text-align: left;
	font-weight: bold;
	padding: 8px 14px 8px 14px; 
	background-color: #F3E2C5;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #FFB652;
}

.hot-deal ul {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* TABLE Style 3 Use for Lodging Details */
.lodging {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
}

.lodging h4 {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4B291E;
}
.lodging th {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4B291E;
	vertical-align: middle;
	padding: 7px 14px 7px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	background-color: #F1D5A6;
}

.lodging td {
	color: #283C5E;
	padding: 5px 14px 5px 14px;
}
.lodging-bottom td {
	height: 8px;
	padding: 0px 14px 0px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	color: none;
	margin-bottom: 0px;
}
.lodging-borderleft {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFB652;
}
.lodging-pager td {
	padding: 0px 3px 0px 7px;
	color: none;
	margin: 0px 0px 0px 0px;
}
.lodging-icon
{
	margin: 0px 5px 0px 0px;	
	border: none;
	float: left;
}


/* TABLE Style Jobs Use for Jobs Details */
.jobs {
	margin: 8px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	background-color: #F1D5A6;
}

.jobs th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #283C5E;
	text-align: left;
	vertical-align: top;
	padding: 8px 14px 8px 14px;
	width: 100px;
}

.jobs td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #283C5E;
	text-align: left;
	vertical-align: top;
	padding: 8px 14px 8px 14px;
}

.jobs-bottom {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #FFB652;
}
.jobs-top {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
}

/* TABLE Style for programmatic GridViews (data driven tables)*/
.grid-view {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	width: 100%;
}

.grid-view th {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4B291E;
	vertical-align: middle;
	padding: 7px 14px 7px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	background-color: #F1D5A6;
}

.grid-view td {
	color: #283C5E;
	padding: 5px 14px 5px 14px;
}
.grid-view-bottom td {
	height: 8px;
	padding: 0px 14px 0px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	color: none;
	margin-bottom: 0px;
}
.grid-view-borderleft {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFB652;
}
.grid-view-pager td {
	padding: 0px 3px 0px 7px;
	color: none;
	margin: 0px 0px 0px 0px;
}
.grid-view-icon
{
	margin: 0px 5px 0px 0px;	
	border: none;
	float: left;
}

/* TABLE Style for Runs Open */
.grid-view-runs {
	margin: 10px 0px -5px 0px;
	padding: 0px;
	width: 100%;
}

.grid-view-runs th {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4B291E;
	vertical-align: middle;
	padding: 7px 14px 7px 14px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFB652;
	background-color: #F1D5A6;
}

.grid-view-runs td {
	color: #283C5E;
	padding: 5px 14px 5px 14px;
}

/* TABLE Style for Web Input Forms */
.formTableColumnFifths
{
	text-align: right;
	vertical-align: top;
	width: 120px;
}
.formTableColumnLegend
{
	text-align: right;
	vertical-align: top;
	width: 150px;
}
.formTableColumnInput
{
	text-align: left;
	vertical-align: top;
	width: 150px;
}
.formTableColumnLegendWide
{
	text-align: right;
	vertical-align: top;
	width: 300px;
}
.formTableColumnInputWide
{
	text-align: left;
	vertical-align: top;
	width: 300px;
}

.formTableColumnSpacer
{
	width: 5px;
}
.formTableElementA
{
	width: 150px;
}
.formTableElementB
{
	width: 300px;
}
.formTableElementC
{
	width: 75px;
}
.formTableElementD
{
	width: 110px;
}

/* TABLE Style Gallery -- Use for auto-generated picture gallery tables */

.gallery {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
}
.gallery td {
	border: none;
	align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px 22px 22px 0px;
}
.gallery img {
	float: left;
	border: 2px solid #ccd2e1;
	width: 130px;
}
.gallery-pager {
	padding: 0px 3px 0px 7px;
	color: none;
	margin: 0px 0px 0px 0px;
}

/* TABLE Inline Images -- Use for images in tables that are manually created */

.inline {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
}
.inline td {
	border: none;
	align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px 22px 22px 0px;
}
.inline img {
	float: left;
	border: 2px solid #ccd2e1;
}
/* TABLE Logos -- Use for logo download page */

.logos {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
}
.logos td {
	border: none;
	align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 22px 5px 0px;
}
.logos img {
	border: none;
	padding-bottom: 8px;
}

/* TABLE Partners -- Use for partner logos page */

.partners {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 100%;
}
.partners td {
	border: none;
	align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 22px 5px 0px;
	text-align: center;
}
.partners img {
	border: none;
	padding-bottom: 8px;
}

/* HTML TAGS */
/* H2 is really the "title" header style. We saved H1 for something special and haven't found a use for it yet. */
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 18px;
	font-weight: bold;
	color: #343735;
	margin-top: 0px;
	margin-bottom: 6px;
	text-transform: uppercase;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #283C5E;
/*	color: #343735; */
	margin: 12px 0px 0px 0px;
	text-transform: none;

}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #4B291E;
	margin-top: 6px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #4B291E;
	margin-top: 6px;
	margin-bottom: 0px;
	text-transform: none;
}

p {
	margin-top: 0px;
	margin-bottom: 12px;
}

ul {
	margin-top: 0px;
	margin-bottom: 12px;
}

/* A BASIC TABLE WITH NO BACKGROUND COLORS, BORDERS, ETC. JUST USED TO BREAK UP CONTENT BUT LOOKS LIKE REGULAR TEXT */
td {
	vertical-align: top;
	padding: 0px 0px 12px 0px;
	text-align: left;
	}
	
/* CLASSES */

.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #343735;
}

.picCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 13px;
	color: #343735;
	margin-top: 4px;
}

.borderGreen {
	border: 2px solid #A2AD00;
}

.list01 {
	text-indent: -0.95em;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-left: 0.95em;
}
.legal li {
	padding: 0px 0px 13px 0px;
}
.leftImg
{
	margin: 5px 10px 10px 0px;
	float: left;
	border: 2px solid #ccd2e1;
}
.leftLogo
{
	margin: 5px 10px 10px 0px;	
	border: none;
	float: left;
}
.rightImg
{
	margin: 5px 0px 10px 10px;	
	border: 2px solid #ccd2e1;
	float: right;
}
.rightLogo
{
	margin: 5px 0px 10px 10px;	
	border: none;
	float: right;
}
.rightButton
{
	margin: 10px 0px 10px 10px;	
	border: none;
	float: right;
}


/* LINK STYLES */

a:link, a:active, a:visited {
	font-weight: bold;
	color: #CB3A00;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #CB3A00;
	text-decoration: underline;
}

#navTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CB3A00;
	position: absolute;
	height: 18px;
	width: 600px; /* from 374 */
	left: 510px; /* from 618 */
	top: 46px; /* from 41 */
}

#navTop td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CB3A00;
	padding-right: 12px;
}

#navTop a:link, #navTop a:active, #navTop a:visited {
	color: #CB3A00;
	text-decoration: none;
	font-weight: bold;
}

#navTop a:hover, #navTop a.active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#bottomLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;
	color: #FDBC5F;
}

#bottomLinks a:link, #bottomLinks a:active, #bottomLinks a:visited {
	color: #FDBC5F;
	text-decoration: none;
	font-weight: bold;
}

#bottomLinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
	margin-top: 6px;
}

#copyright a:link, #copyright a:active, #copyright a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#copyright a:hover {
	color: #A1AFC0;
	text-decoration: none;
	font-weight: normal;
}

/* RADEDITOR CARRYOVER STYLES */
.leftImages
{
	margin: 10px 10px 10px 0px;
	border: none;
}
.rightImages
{
	margin: 10px 0px 10px 10px;	
	border: none;
}


/*  SITE MAP CSS   */

.siteMapLevel1 
{
	margin: 0px 0px 0px 0px;
	color: #000000;
	font: bold 11px/40px Arial, Helvetica, Geneva, sans-serif;
	text-transform: none;
	text-decoration: none;
	border-bottom: none;
	list-style-type: none;
	position: relative;

}
a.siteMapLevel1:hover
{
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dotted #c7c7c7;
	text-decoration: none;

}
.siteMapLevel2
{
	margin: 0px 0px 0px 5px;
	font: bold 11px/14px Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-transform: none;
	text-decoration: none;
	border-bottom: none;
	list-style-type: none;
	position: relative;
}
a.siteMapLevel2:hover
{
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dotted #c7c7c7;
	text-decoration: none;
}
.siteMapLevel3
{
	margin: 0px 20px 0px 10px;
	font-weight: normal;
	font: 11px/14px Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-transform: none;
	text-decoration: none;
	border-bottom: none;
	position: relative;
}
a.siteMapLevel3:hover
{
	color: #000000;
	border-bottom: 1px dotted #c7c7c7;
	text-decoration: none;
}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 

.pics img { 
    padding: 15px; 
    border:  1px solid #ccc; 
    background-color: #eee; 
    width:  200px;
    height: 200px;
    top:  0;
    left: 0
}

#communityText			{ width:696px; float:left; margin-bottom:10px; padding:10px; }
#communityAnnouncements	{ width:212px; height:223px; float:left; background-color:#eee; margin-right:10px; margin-bottom:10px; padding:10px; }
#communityAnnouncements h4 { margin: 0 0 3px 0; }
#communityAnnouncementsText { background-color:#dfe1e6; overflow:auto; width:192px; height:155px; padding:10px; margin-bottom:8px; }
#communityWebCams		{ width:212px; height:223px; float:left; background-color:#eee; margin-right:10px; margin-bottom:10px; padding:10px; cursor:pointer; }
#communityWebCams h4	{ margin: 0 0 3px 0; }
#communityWebCamPics img	{ margin:0; padding:0; border:0; width:212px; }
#communitySnapshot		{ width:212px; height:223px; float:left; background-color:#eee; margin-bottom:10px; padding:10px; }
#communitySnapshot h4	{ margin: 0 0 3px 0; }
#communitySnapshotImage		{ overflow:hidden; width:212px; height:200px; float:left; display:block; position:relative; }
#communitySnapshotImage img	{ width:300px; position:absolute; top:50%; left:50%; margin:-100px 0 0 -150px; }
#communityFacebook		{ width:333px; height:589px; float:left; background-color:#eee; margin-right:10px; margin-bottom:10px; padding:10px; }	
#communityTwitter		{ width:333px; height:589px; float:left; background-color:#eee; margin-bottom:10px; padding:10px; }	
#communityTwitterFirstFeed		{ padding-bottom:10px; }	
#communityYouTube		{ width:212px; height:223px; float:left; background-color:#eee; margin-right:10px; margin-bottom:10px; padding:10px; }
#communityYouTube h4	{ margin: 0 0 3px 0; }
#communityYouTube a	    { color:#4B291E; text-decoration:none; }
#communityRadar			{ width:212px; height:223px; float:left; background-color:#eee; margin-right:10px; margin-bottom:10px; padding:10px; }
#communityRadar img		{ width:212px;  padding-top:15px; padding-bottom:5px; }
#communityRadar h4		{ margin: 0 0 3px 0;}
#communityForcast		{ width:212px; height:223px; float:left; background-color:#eee; margin-bottom:10px; padding:10px; }
#communityForcast h4	{ margin: 0 0 3px 0; }
#communityForecastBox	{ padding: 20px 0 5px 10px; }
.socialButtons		{ list-style:none outside none;  display: inline; width:200px; margin:0; padding:0; }  
.socialButtons li	{ float: left; margin:0; padding:0 5px 0 0; } 

#youtube	{ cursor:pointer; }
#youtubeplayer		{ display:none; position:absolute; height:385px; width:640px; color:#bbb; background-color:#ffffff; border:4px solid #444; padding:12px; z-index:2002;  }
#closeImage  {background:url(/Abasin/assets/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#backgroundPopup	{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:2001; }   

