﻿/****************Resets*************/
* {margin:0px;padding:0px;}
a { text-decoration:none; font-size:12px; color:#4677a2 }
p { font-size:12px; text-align:left;color:#6f6e6f}
ul { margin-top:10px; font-size:11px; color:#535151; text-align:left;}
hr { margin-top:10px; margin-bottom:10px; color: #bcbdc0; height:1px; background-color: #bcbdc0;border:none}
span {text-align:left;}

.popupMenu { border: solid 1px black; padding: 10px 5px 10px 10px; width: 156px; text-align: left; background: url(http://devcom.rainierconnect.com/_img/popup_repeater.jpg) repeat-y; z-index:20}
.popupMenu a { color:#122a58;font-size:11px;}
.popupBox {	visibility: hidden;z-index:20}
.popupMenuHover { visibility: visible;z-index:20}
.fleft {float:left;}
.fine_print {font-size:8px}
/*************************************/
.TVListings { color:#263c5d; width:100%;}
.TVListings thead td { padding-right:5px; }
.TVListings tbody {	background-color:#fefefe;}
.TVListings tbody td { padding-left:5px; padding-right:5px; margin-right:5px;margin-left:5px;border-bottom:1px solid #bcbdc0}
/***************FORM******************/
#Form { font-size:14px;color:#29384c;font-family:"Helvetica Neue",helvetica,Arial,sans-serif;}
#Form input {background-image: url(http://devcom.rainierconnect.com/images/InputGrad.png);background-repeat:repeat-x;height:18px}
#Form table {border:1px solid #8f9aa7;width:100%;-moz-border-radius:6px;-webkit-border:6px;}
#Form th { text-align:right;padding-right:15px}
#Form table tbody { background-color:#e3e9f2}
#Form table thead { background-color:#f1f7fe}
#Form table tfoot { background-color:#f1f7fe}
#Form tbody tr { height:30px}
#Form tbody td {border-bottom:1px solid #c1cad5;border-top:1px solid #f3f6f9;}
#Form thead td { border-bottom:1px solid #c1cad5;}
#Form tbody th { border-bottom:1px solid #c1cad5;border-top:1px solid #f3f6f9;}
#Form tfoot td { height:40px; text-align:right;padding-right:30px;}
#Form .imagesubmit { width:88px;height:28px; background-image:none;}
#WeatherRSS a {color:white;font-size:10px;padding-right:5px;padding-left:5px}

/*************************************/
#SubPage { width:100%;height:100%}
#SubPage .Panel {width:100%;font-weight:bold;-moz-border-radius:8px;-webkit-border:8px; color:#ffffff;font-size:15px;height:26px;background-color:#263c5d;}
#SubPage .Copy {float:left;text-align:left;font-size:12px;color:#8d8b8e;margin-top:10px;margin-bottom:10px;height:100%;width:100%}
#SubPage .Button {padding-top:10px; width:30%; vertical-align: top; }
#PageContent{ width: 690px; padding: 0 0 0 3px;}
img { border:none; }
body { width:100%; height:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background: white url(http://devcom.rainierconnect.com/images/Background_Grad.png) repeat-x; margin:0x; padding:0px;font-size:12px; }
#BG { width:1050px; height:100%; }
#BG .head { width:1050px; height:94px; background: url(http://devcom.rainierconnect.com/images/FrontBG_Top.png) no-repeat; }
#BG .subhead { width:1050px; height:130px; border-left:1px solid #e2e2e3; border-right:1px solid #e2e2e2; background-color: white; }
#BG .spacer { border-left:1px solid #e2e2e3; border-right:1px solid #e2e2e2; height:1px; width:1050px; background-color:white; }
/*#BG .content { border-left:1px solid #e2e2e3; border-right:1px solid #e2e2e2; height:100%; width:959px; background-color:white; }*/
#BG .content { border-left:1px solid #e2e2e3; border-right:1px solid #e2e2e2; height:100%; width:1050px; background-color:white; }
#BG .foot { width:1052px; height:9px; background-repeat:no-repeat; background-image:url(http://devcom.rainierconnect.com/images/FrontBG_Bottom_Wide.png); }
#BG .Logo { margin-left:10px; margin-top:30px; padding-right:10px; float:left; }
/********************Slide Show*****************************************/
.SSWrapper { height:265px; width:682px; float: left; }
#slideshow { position:relative; height:300px; width:682px;}
#slideshow a { position:absolute; top:0px; left:0px; z-index:8; }
#slideshow a.active { z-index:10; }
#slideshow a.last-active { z-index:9; }
/******************Search Bar*******************************************/
#SearchBar { background-repeat: no-repeat; float:left; margin: 65px 0px 0px 0px; padding-left:30px;}
#SearchBar .Rainier { background-image: url(http://devcom.rainierconnect.com/images/SearchBar_RainierConnect.png); width:154px; height:40px; float:left; }
#SearchBar .RainierCom { background-image: url(http://devcom.rainierconnect.com/images/SearchBar_RainierConnectCom.png); width:160px; height:40px; float:left; }
#SearchBar .OnlineBill { background-image: url(http://devcom.rainierconnect.com/images/SearchBar_OnlineBillPay.png); float:left; width:140px; height:40px; }
#SearchBar .Contact { background-image: url(http://devcom.rainierconnect.com/images/SearchBar_ContactUs.png); float:left; width:120px; height:40px; }
#SearchBar .Fill { background-image: url(http://devcom.rainierconnect.com/images/SearchBar_Fill.png); float:left; width:173px; height:40px; background-repeat:repeat-x; }
#SearchBar .Spacer { background-image: url(http://devcom.rainierconnect.com/images/SearchBar_Space.png); float:left; width:35px; height:40px; }
#SearchBar .SearchInput { line-height:23px;margin-top:6px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; border-left:none; border-right:none; background-color:#e3e3e3; height:23px; width:190px; font-weight:bold; color:#909194; }
#SearchBar .InputBox { border:none; padding-top:3px;background-color:#e3e3e3; height:20px; width:190px; font-weight:bold; color:#909194; }
#SearchBar form { border:none; }
#SearchBar .SearchSubmit { background-image: url(http://devcom.rainierconnect.com/images/SearchBar_Glass.png); float:left; width:45px; height:40px; border:none; font-weight:bold; color:#8c8c8c; padding:0px; overflow:hidden; }
/*********************Front Left Nav***********************************/
.NavWrapper { height:300px; margin-left: 30px; margin-top: 50px; }
#FrontNav { background-image: url(/images/Front_Nav_BG.png); height:266px; width:220px; float: left; }
#FrontNav .links { padding-top:45px; padding-left:20px; }
#FrontNav .std li { }
#FrontNav .button { background-image: url(http://devcom.rainierconnect.com/images/Front_Nav_Button.png); background-repeat:no-repeat; width:24px; height:22px; float:left; padding-right:10px; }
#FrontNav .link { color:white; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; font-size:15px; margin-top:2px; padding-left:5px; }
#FrontNav .dotttedline { margin:0px; padding:0px; margin-top:8px; margin-bottom:8px; color:#a1bbd2; font-size:12px; vertical-align:top; position:relative; top:-2px; }
#FrontNav a { color:black; }
/******************Front Boxes*******************************/
#FrontBox { padding-left:0px; height: 150px; float: none; }
#FrontBox img { padding-left:5px; padding-right:5px; }
/**********************Bottom Nav ***************************/

#BottomNav {display:block;margin-left:auto;margin-right:auto;width:550px; height:200px; }
#BottomNav .Head { color:#4677a2; font-size:13px; font-weight:bold; line-height:18px; }
#BottomNav td { line-height:11px; text-align:left; padding-left:10px; vertical-align:top}
#BottomNav a { color:#898989; font-size:11px; }
#BottomNav a:hover { text-decoration:none; background-color:#f7f7f7; color:#484848; }
#BottomLegal { padding-top:50px; margin:auto; width:475px; height:100px; }
#BottomLegal a { /*color:#D6D6D6;*/ color:#565d6b; font-size:10px; font-weight:bold; padding-right:15px; text-decoration:none; }
/***********************Main Nav**********************************/
#MainNav {height:40px; width:1050px; }
#MainNav .button { float:left;margin:0px;padding:0px;padding-top:4px; }
#MainNav .bwrap {padding-left:20px;}
#MainNav .left { background-image: url('http://devcom.rainierconnect.com/images/MainNavLeft.png'); left:-13px; width:29px; height:40px; float:left; }
#MainNav .bg { background-image: url('http://devcom.rainierconnect.com/images/MainNavBG.png'); margin:0px; width:1050px; height:40px; background-repeat:repeat-x; float:left; }
#MainNav .right { background-image: url('/images/MainNavRight.png'); width:19px; height:40px; float:left; }
#MainNav a { color:white; }
#MainNav .link { padding:0px; margin:0px; padding-top:10px; padding-right:20px; padding-left:20px; height:20px; float:left; font-weight:bold; }
#MainNav .action:hover { background:url('/images/MainNavAction_Selected.png'); width: 26px; height:23px; float:left; background-repeat:repeat-none; }
#MainNav .action { background:url('http://devcom.rainierconnect.com/images/MainNavAction.png'); width: 26px; height:23px; float:left; margin-right:10px; background-repeat:repeat-none; }
#MainNav .link { margin-right:5px; }
#MainNav img { float:left }
#SubNav {  width:1050px; padding-top:2px; padding-left:0px; }
#SubNav .link { padding-top:3px; padding-left:15px; padding-right:15px; color:#686868; float:left; font-size:11px; font-weight:bold; }
#SubNav .link a { color:#686868; }
#SubNav .link a:hover { color:#3e3e3e;}
#SubNav img { float:left; }
#SubNav .bg { background-image: url('http://devcom.rainierconnect.com/images/SubNav.png'); background-repeat:repeat-x; width:1050px; height:23px; }
#SubNav { height:40px; }
/*************************************************************/
#QuickLinks { padding-left:15px;width:185px;}
#SideNav .QLTitle { color:white;font-weight:bold;font-size:12px;position:relative;top:4px;}
#SideNav .Title {font-weight:bold;color:blue;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;}
#SNavWrapper {width:185px; float:left}
#SideNav { padding-left:15px; float:left; width:185px; height:100%; }
#SideNav .NTitleOld {-moz-border-radius-topleft:9px;-moz-border-radius-topright:9px;background-color:#31638f;height:20px;font-size:13px;font-weight:bold;color:white}
#SideNav .NTitle { background-image: url('http://devcom.rainierconnect.com/images/NTitle.png');height:28px;width:185px;}
#SideNav .NTitleText {color:white;font-size:14px;font-weight:bold;position:relative;top:5px;}
#SideNav .button { width:185px; height:26px; background-image: url('/images/SideNavBG.png'); background-repeat:repeat-x; }
#SideNav .button:hover { background-image:none; background-color:#fefefe; }
#SideNav .subbutton:hover { background-image: url('http://devcom.rainierconnect.com/images/SideNavHor.png'); background-repeat:repeat-y; width:185px; height:25px; border:none; }
#SideNav .bottom { border-bottom:1px solid #bcbdc0; }
#SideNav .subselected { width:185px; height:26px; background-repeat:repeat-y; background-image: url('http://devcom.rainierconnect.com/images/SideNavHor.png'); border-top:1px solid #bcbdc0; border-bottom: 1px dashed #e8e9ea; }
#SideNav .subbutton { width:150px; height:24px; border-bottom: 1px dashed #e8e9ea; }
#SideNav .subbutton .link { font-size:10px; font-weight:bold; height:14px; }
#SideNav .subtitle {font-size:12px; color:#737373; font-weight:bold;top:3px;position:relative}
#SideNav .button .link a { color:#263c5d;}
#SideNav .subbutton .link { color:#8c8c8c;}

#SideNav .subhead {background-color:#31638f;width:185px;border:none;height:26px;color:white;}
#SideNav .link { position:relative; top:4px; font-size:12px; font-weight:bold; color:#263c5d; height:14px; }
#SideNav div.on {background-image:url(/images/SideNavBG_on.png); height:28px;width:185px;background-color:#CCC; }
/*************************************************************/
#SubBox { margin-top:30px; width:245px; height:135px; float:left; }
#SubBox .left { background-image:url('http://devcom.rainierconnect.com/images/SubBoxLeft.png'); background-repeat:no-repeat; width:7px; height:27px; float:left; }
#SubBox .head { background-image:url('http://devcom.rainierconnect.com/images/SubBoxBG.png'); background-repeat:repeat-x; width:196px; height:27px; float:left; }
#SubBox .header { position:relative; color: #ffffff; font-size:15px; font-weight:bold; top:3px; padding-left:5px; }
#SubBox .right { background-image:url('http://devcom.rainierconnect.com/images/SubBoxRight.png'); background-repeat:no-repeat; width:6px; height:27px; float:left; }
#SubBox .container { background-color:#f2f3f4; width:210px; height:120px; float:none; }
#SubBox .content { position:relative; color:#3d4866; top:7px; left:10px; font-size:12px; line-height:12px; }
#SubBox .action img { position:relative; top:5px; }
#SubBox .action { color:#6d6f72; font-weight:bold; font-size:13px; }
#SubBody { margin-left:0px; margin-top:5px; }
#MemberContent {width:1000px;height:100%}
/********************* Page Contents ************************/


/********************* Styles from Customer******************/
.page_heading { font-family:Trebuchet MS; font-weight: bold; font-size: 24px; color: #002a42; text-align:left; }
.section_heading { font-family:Trebuchet MS; text-transform: uppercase; font-size: 18px; color: #002a42; }
.product_heading { font-family:Trebuchet MS;font-size:15px; color:#263c5d; font-weight:bold}
.product_subheading { font-family:Trebuchet MS; font-weight: bold; font-size: 12pt; color: #002a42; }
.product_subsubheading { font-family:Trebuchet MS; font-weight: bold; font-size: 10pt; color: #002a42; }
.page_heading_2 { font-family:Trebuchet MS; font-size: 24px; color: #009fda; }
.page_sub-heading { font-family:Trebuchet MS; font-size: 16px; color: #5e6f71; }
.body_copy { font-family:Trebuchet MS; font-size: 12px; color: #1e1e1e; font-weight:normal;text-align:left; }
.body_text { font-family:Trebuchet MS; font-size:11px; color: #1e1e1e; font-weight:normal; text-align:left;}
.med_text { font-family:Trebuchet MS; font-size: 9px; color: #1e1e1e; }
.sm_text { font-family:Trebuchet MS; font-size: 8px; color: #1e1e1e; }

#TopNavRight
{
	background: url(../_img/nav_int_right.jpg) no-repeat;
	width: 235px;
	height: 56px;
}

.TextLeft
{
	text-align: left;
}
.TextDown
{
	margin-bottom: -3px;
}
.Right7px
{
	margin-left: 7px;	
}

#TopLinks
{
	position: relative;
	left: 200px;
	margin-top: 40px;
	text-align: right;
	width: 250px;
}
#TopLinks td
{
	padding-right: 5px;
}
#PageTitle
{
	margin-top: 7px;
	font-size: 22px;
	font-weight: bold;
}
#RotatingNews
{
}

#leftPanel
{
	margin-left: 22px;
	_margin-left: 6px;
	width: 320px;
	float: left;
}
#rightPanel
{
	margin-right: 12px;
	_margin-right: 0px;
	width: 560px;
	float: right;
}
#RotatingPanel
{
	padding: 0px 0 20px 0;
}
.RotatingHeader
{
	padding: 25px 10px 5px 20px;
	text-align: left;
	font-size: 30px;
	width: 775px;
	color: #263c5d !important;
}
.RotatingText
{
	padding:  10px 10px 10px 20px;
	text-align: left;
	font-size: 13px;
	color: white;
	width: 775px;
	overflow: hidden;
}
.RotatingImage
{
	padding: 15px;
}
#SmallFlickrPic
{
	border: solid 1px red;
}

#RotatingTop
{
	background: url(../_img/rotating_green.jpg) no-repeat;
	height: 164px;
	width: 891px;
}
#RotatingBottomRight
{
	background: url(../_img/bar_right.jpg) no-repeat;
	height: 34px;
	width: 361px;
}

#MemberName
{
	padding-top:50px;
	width: 400px;
	font-size: 24px;
}
#ForgotPW
{

	text-align: right;
	padding-right: 20px;
	padding-top: 15px;
}
.red
{
	color: Red;
}

#OverflowHidden
{
	position:relative;
	right: 3px;
	overflow: auto;
	height: 200px;
}
#EditHomePage
{
	width: 200px;
	position: relative;
	bottom: 5px;
	left: 350px;
	z-index: 10;
}
#RCNewsWYSIWYG
{
	line-height: 17px;
	font-size: 13px;
	color: black;
	width: 475px;	
}
#RCNewsWYSIWYG div 
{
	font-size: 13px;
	color: black;	
	font-weight:bold;
}
#RCNewsWYSIWYG p { font-size:11px ;color:black}
#RCNewsWYSIWYG a {color:#00F}
.Hot {color:red}

.MembersX
{
	width: 30px;
	float: right;
	margin: 0 10px 0 0;	
}
.MembersXsmall
{
	width: 30px;
	float: right;
	margin: 1px 10px 0 0;	
}
#ChooseOptions
{
	text-align: left;
	font-size: 17px;
	width: 700px;
	color: Black;
	margin: 25px 0 10px 0;	
}
#FlickrDiv
{
	position: relative;
	right: 140px;
	bottom: 4px;	
}

/*********************  QuickLinks  **********************/

#QuickLinksTitle
{
	padding: 5px 0 0 15px;
	text-align: left;
	font-size: 13px;
	background: url(../_img/hdr_quicklinks.jpg) no-repeat;
	height: 30px;
	width: 318px;
	color: #d7e9bb;
}
.QuickLinksHeader
{
	width: 318px;
	height: 10px;
	background: url(../_img/top_quicklinks.jpg) no-repeat;
}
#QuickLinks
{
	overflow: auto;
	font-weight: bold;
	text-align: left;
	width: 304px;
	background: url(../_img/middle_quicklinks.jpg);
	_margin-top: -8px;
}
.QuickLinksFooter
{
	width: 318px;
	height: 9px;
	background: url(../_img/footer_quicklinks.jpg) no-repeat;
}

/********************* QuickLinks END **********************/




/********************* RSS **********************/
.LargeRSSHeader
{
	margin-left: 5px;
	background: url(../_img/hdr_announce.jpg) no-repeat;
	padding: 5px 0 0 15px;
	width: 546px;
	height: 30px;
	font-size: 13px;
	color: #374a21;
}
.LargeRSSHeaderTop
{
	background: url(../_img/top_announce.jpg) no-repeat;
	width: 546px;
	height: 15px;
}
.LargeRSSContainer
{
	padding: 10px 10px 10px 3px;
	width: 515px;
	height: 195px;
	overflow: auto;
}
.LargeRSSContainerOuter
{
	margin-left: 7px;
	background: url(../_img/wide_repeater.jpg) repeat-y;
	width: 560px;
	height: 214px;
	_margin-top: -8px;
}
.LargeRSSHeaderBottom
{
	background: url(../_img/footer_announce.jpg) no-repeat;
	width: 546px;
	height: 14px;
}
.SmallRSSHeader
{
	padding: 5px 0 0 15px;
	background: url(../_img/hdr_bar_commevents.jpg) no-repeat;
	width: 318px;
	height: 30px;
	text-align: left;
	font-size: 13px;
	color: #374a21;
}
.SmallRSSContainer
{
	background: url(../_img/middle_quicklinks.jpg);
	padding: 10px;
	width: 296px;
	height: 200px;
	overflow: auto;
	position: relative;
	right: 1px;
	_margin-top: -8px;
}
#WeatherBackground
{
	background: url(../_img/weather_bg.jpg) no-repeat;
	width: 318px;
	height: 274px;
	padding: 12px 0 0 0;
}
.CommEventsHeader
{
	background: url(../_img/hdr_commevents.jpg);
	width: 318px;
	height: 31px;
}
.CommEventsFooter
{
	background: url(../_img/footer_commevents.jpg) no-repeat;
	width: 318px;
	height: 11px;
}
.RCNews
{
	width: 503px;
	margin-left: -12px;
	padding: 20px;
	height: 165px;
}
.YouTube
{
	text-align: left;
	width: 529px;
	height: 193px;
	position: relative;
	right: 7px;
}
#InnerCommEvent
{
	text-align: left;
	margin: 7px 0 0 8px;
	color: white;
	_margin: 2px 0 0 3px;
	_font-weight: bold;
}
.FlickrInner
{
	width: 500px !important;
	height: 160px;	
}
#Foxbg
{
	background: url(../_img/fox_bg.jpg) no-repeat;
	height: 330px;
	width: 318px;
	padding: 15px 0 0 0;
}

/********************* RSS END **********************/

img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

td
{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.input_boxes
{
	border: 1px solid #cad5df;
	height: 17px;
}

.globals_footer
{
	font-size: 12px;
	color: #648cad;
}

a.globals_footer
{
	color: #ffffff;
}

.Padding10px
{
	padding: 10px 10px 10px 20px;
}




/****************** Styles provided by Customer**************************/
.page_heading
{
        font-family:Trebuchet MS;
        font-weight: bold;
        font-size: 24px;
        color: #002a42;
}
.section_heading
{
        font-family:Trebuchet MS;
        text-transform: uppercase;
        font-size: 18px;
        color: #002a42;
}
.product_heading
{
        font-family:Trebuchet MS;
        font-weight: bold;
        font-size: 14pt;
        color: #002a42;
}
.page_heading_2
{
        font-family:Trebuchet MS;
        font-size: 24px;
        color: #009fda;
}
.page_sub-heading
{
        font-family:Trebuchet MS;
        font-size: 16px;
        color: #5e6f71;
}
.body_copy
{
        font-family:Trebuchet MS;
        font-size: 12px;
        color: #1e1e1e;
}
.sm_text
{
        font-family:Trebuchet MS;
        font-size: 8px;
        color: #1e1e1e;
}
/**************** End Styles provided by Customer**************************/
