/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
TEMPLATE STYLES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


body {
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 0% 0%;
	/*background-color: #dcd8d1;*/
	background-image: url('images/eway-bkg.jpg');
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
	font-family: verdana;
	font-size: 9pt;
	}
	
#mainContainer {
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	overflow: hidden;
	/*height: auto;*/
	margin-bottom: 0px;
	background-image: url('images/bkg1.jpg');
	background-repeat: no-repeat;
	/*background-color: #FFFFFF;*/
	}

#banner {
	/*background-image: url('images/logo-bkg.gif');
	background-repeat: repeat-x;*/
	float: left;
	height: 110px;
	width: 960px;
	text-align: left;
	padding: 0px;
	z-index: 2;
	margin-top: 8px;
	border-top: 0px solid red;
	border-bottom: 0px solid red;
	border: 0px solid red;
	}
	
#banneroverlay {
	background-image:url('images/logo-bkg.gif');
	float: left;
	height: 134px;
	width: 960px;
	text-align: left;
	padding: 0px;
	border: 2px solid red;
	}


#topNav {
	background-color: #016296;
	border-top: 0px solid #999;
	border: 0px solid red;
	float: left;
	height: 42px;
	width: 960px;
	text-align: left;
	padding-top: 8px;
	margin-top: 0px;
	color: #ffffff;
	vertical-align: bottom;
	/*
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
	*/
}

#topNav2{
	background: #000000;
	border: 1px solid #000;
	border-top: 0px solid #000;
	float: left;
	height: 48px;
	width: 960px;
	text-align: left;
	padding-top: 12px;
	color: #ffffff;
	}
	
#contentWrapper {
	width: 100%;
	background: #ffffff;
	border: 0px solid blue;
	float: left;
	text-align: left;
	overflow: hidden;
	/*
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
	*/
}

#leftContent {
	width: 220px;
	border: 0px solid red;
	/*border-left: 0px solid #bde5ff;*/
	float: right;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	min-height: 300px;
	overflow: hidden;
	/*background-color: #daf1ff;
	background-image:url('images/comp1a.jpg');
	background-color: #007fb4;
	background-repeat: no-repeat;
	background-position: 19px -139px;
	*/
}
	
#centerContent {
	width: 700px;
	min-height: 200px;
	border: 0px solid red;
	float: left;
	overflow: hidden;
	text-align: left;
	padding: 20px;
	/*overflow-x: auto;*/
	}

#rightContent {
	background: #ccc;
	border: 1px solid #000;
	width: 0px;
	height: 0px;
	float: right;
	text-align: left;
	padding: 10px;
	visibility: hidden;
	}

#footer {
	background: #ffffff;
	float: left;
	text-align: left;
	vertical-align: top;
	margin-left: auto; 
	margin-right: auto;
	padding: 0px;
	width: 1040px;
	padding-top: 10px;
	padding-left:0px;
	padding-right:0px;
	height: 60px;
	background: #ffffff;
	border-top: 0px solid #000;
	border: 0px solid #000;
	}

#bodyBreak {
	width: 960px;
	height: 40px;
	float: left;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	padding-top: 10px;
	background: #cccccc;
	border: 0px solid #000;
	text-align: center;
	z-index: 10;
	}

	
.banner-logo {
	float: left;
	border: 0px solid blue;
	padding-top: 0px;
	padding-left: 16px;
}

.banner-logo img {
	margin-bottom: 0px;
}

.ewayWelcomesText {
	position: relative; 
	top: -10px; 
	left: 5px;
	font-size: 8pt;
}

.dcLogoTag {
	position: relative; 
	top: -3px; 
	left: 8px; 
	clear: both; 
	font-style: italic; 
	font-size: 8pt;
	color: #373737;
}

.dcLogoContainer {
	position: relative; 
	left: 43px; 
}

/*.banner-logo img {
	border: 0px solid blue;
	float: left;
}*/

.bannerNav {
	border: 0px solid black; 
	float: right; 
	vertical-align: top;
	text-align: right;
	padding-top: 0px;
	padding-right: 30px;
	position: relative;
	top: 0px;
}

.banner-nav {
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #000000;
	color: #096095;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: Capitalize;
	letter-spacing: 1px;
}

.popular-topics-dash {
	width: 300px;
	min-height: 200px;
	border: 0px black solid;
	text-align: left;
	background: #ebebeb;
	padding: 20px 20px 20px 20px;
}

.popular-groups-dash {
	width: 200px;
	min-height: 200px;
	border: 1px black solid;
	text-align: left;
	background: #ebebeb;
}


/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
TOP NAVIGATION TABS

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.tabs {
	margin-bottom: 0px;
}
.tab {
	/*border-bottom: 0px solid #ffffff;*/
	border: 0px solid #ffffff;
	padding-left: 34px;
	padding-right: 34px;
	padding-top: 12px;
	/*background-image:url('images/top-nav-space.gif');*/
	background-repeat: no-repeat;
	background-position: center; 
}
.tab0 {
	font-size: 1pt;
	padding-left: 17px;
	padding-right: 17px;
	border-bottom: 0px solid #ffffff;
}
.tab1 {
	border: 0px solid #e7ebd1;
	border-top: 0px solid #a2ab7b;
	border-bottom: 0px solid #a2ab7b;
	padding: 6px 8px 6px 8px;
}
.tab2 {
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	border: 0px solid #ffffff;
	padding: 0px;
	background: none;
}

.tab3 {
	border-bottom: 0px solid #e7ebd1;
	border: 2px solid #000000;
	padding-right: 12px;
	width: 100%;
	text-align: left;
	float: left;
	vertical-align: middle;
	background-image:url('images/top-nav-space.gif');
	background-repeat: no-repeat;
	background-position: center; 
}

.tabdisable{
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	border: 0px solid #ffffff;
}

a.atab { 
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none; 
}

a.ainbox{ 
	color: #ffffff;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none; 
}

a.ainboxon{ 
	color: #000000;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none; 
}

a:hover.ainbox{ 
	color: #ffffff;
	text-decoration: none; 
}

a:hover.atab { 
	color: #cccccc; 
	text-decoration: none; 
}


a {	color: black; }
a:hover {	color: #999999; }



a.cap-links {
	color: #1f6bdf;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
	text-transform: capitalize;
	letter-spacing: 0px;
	padding-left: 10px;
}

.hottopic-links {
	width: 100%;
	color: #006294;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	border-bottom: 1px #006294 solid;
	padding-bottom: 10px;
}

.hottopiclink {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.footer {
	color: #2e2b24;
	padding-left: 20px;
}

.bottomNav {
	color: #0396cb;
	padding-left: 20px;
	text-decoration: none;
	font-size:11px;
}

a:hover.bottomNav {
	color: #0396cb;
	padding-left: 20px;
	text-decoration: underline;
	font-size: 11px;
}

.welcome-heading {
	color: #ea1734;
	font-size: 26px;
	padding-left: 36px;
}

.welcome-text {
	padding-left: 36px;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FORMS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
LOGIN SPECIFIC
*/

label.login {
	float: left;
	width: 120px;
	font-weight: bold;
	padding-top: 10px;
}

input.login {
	height: 24px;
	width: 180px;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-left: 4px;
	border:1px solid #000000;
}

.loginSubmit{
	margin-left: 120px;
	margin-top: 4px;
	width: 120px;
	padding-top: 4px;
	color: #FFFFFF;
	display: block;
	font-size: 9pt;
	background-color: #0399cd;
	height: 30px;
	border:1px solid #FFFFFF;
	cursor: pointer;
}
/*
SIGNUP SPECIFIC
*/
label.signup {
	float: left;
	width: 140px;
	font-weight: bold;
	padding-top: 10px;
}

input.signup{
	height: 24px;
	width: 180px;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-left: 4px;
	border:1px solid #000000;
}

.signupSubmit{
	margin-left: 140px;
	margin-top: 4px;
	width: 120px;
	padding-top: 4px;
	color: #000000;
	display: block;
	font-size: 9pt;
	background-color: #f1f4e2;
	height: 30px;
	border:1px solid #000000;
	cursor: pointer;
}

/*
GENERIC
*/

.boxes {
	width: 1em;
}

/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
LEFT NAVIGATION TABS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.menuButton {
	/*background-color: #0177b2;*/
	width: 220px;
	height: 28px;
	border-left: 1px dotted #999;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-top: 0px solid red;
	padding: 11px 0px 0px 10px;
	font-family: helvetica;
	font-size: 11pt;
 	text-decoration: none;
	text-align: left;
	color: #ffffff;
	text-transform: capitalize;
	display: block;
 }
 
 .menuButtonOn {
	width: 220px;
	height: 28px;
	background-color: #41c1ef;
	border-left: 1px dotted #999;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-top: 0px solid red;
	padding: 11px 0px 0px 10px;
	font-family: helvetica;
	font-size: 11pt;
 	text-decoration: none;
	text-align: left;
	color: #dddddd;
	text-transform: capitalize;
}

.menuButtonDisabled {
	/*background-color: #0177b2;*/
	width: 220px;
	height: 28px;
	border-left: 1px dotted #999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-top: 0px solid red;
	padding: 11px 0px 0px 10px;
	font-family: helvetica;
	font-size: 11pt;
 	text-decoration: none;
	text-align: left;
	color: #cccccc;
	text-transform: capitalize;
}
 

 
 .menuButton:hover {
 	background-color: #41c1ef;
 	text-decoration: none;
 }
 
 /*.menuButton a {
 	color: #ffffff;
 }
 
 a:hover.menuButton {
	background-color: #3b2d20;
	color: #cccccc;
	text-decoration: none;
}*/

.menuButton a {
	color: #ffffff;
	text-decoration: none;
	height: 100%;
	/*MAKES DIV CLICKABLE */
	/*display: block;
	height: 100%; 
	width: 240px;
	border: 0px solid;*/
}

.menuButton a:hover {
	color: #fff;
	text-decoration: none;
	height: 100%;
	display: block;
	/*MAKES DIV CLICKABLE */
	/*display: block; 
	height: 100%; 
	width: 240px;
	border: 0px solid;*/
}

.menuButtonOn a {
	color: #660087;
	text-decoration: none;
	/*MAKES DIV CLICKABLE */
	/*display: block; 
	height: 100%; 
	width: 240px;
	border: 0px solid;*/
}


 

/* .menuButton:hover {
	width: 220px;
	height: 23px;
	background-color: #41c1ef;
	border-left: 1px dotted #999;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-top: 0px solid red;
	padding: 6px 0px 0px 10px;
	font-family: helvetica;
	font-size: 11pt;
 	text-decoration: none;
	text-align: left;
	color: #dddddd;
	text-transform: capitalize;
}*/
 


.mba {
}

/*.menuButton a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	border: 0px solid red;
	width: 100%;
	height: 100%;
}*/

.menuButtonOn a {
	color: #ffffff;
	text-decoration: none;
	/*MAKES DIV CLICKABLE */
	display: block; 
	height: 100%; 
	width: 100%;
	border: 0px solid red;
}





.menu-item-box {

}


.left-nav-box {
	background-image:url('images/left-nav-bkg.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	/*border-right: 1px dashed #cccccc;*/
	/*border: 1px solid red;*/
}

.tt {
	color: #ffffff;
 }
 
 a:hover.tt {
	color: #cccccc;
 }


.dash-heading {
	width: 300px;
	height: 25px;
	color: #016296;
	font-family: helvetica, arial, verdana;
	font-size: 1.5em;
	font-weight: 100;
	padding-left: 0px;
	padding-top: 4px;
	min-height: 1px;
	border-bottom: 1px solid #016296;
	text-transform: capitalize;
 }
 
 .dash-heading-bkpg {
	width: 918px;
	height: 25px;
	color: #016296;
	font-family: helvetica, arial, verdana;
	font-size: 1.5em;
	font-weight: 100;
	padding-left: 0px;
	padding-top: 4px;
	min-height: 1px;
	border-bottom: 1px solid #016296;
	text-transform: capitalize;
 }
 
 .bkpgText {
 	width: 918px
 	min-height: 2000px;
 	border: 1px solid red;
 }

 .dashTwitterContainer {
	min-height: 300px;
	width: 300px;
	border: 0px solid red;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 4px;
 }

 .dashFlickrContainer {
	min-height: 300px;
	width: 300px;
	border: 0px solid #cfcab7; 
	padding-left: 20px;
	padding-right: 0px;
	float: left;
	margin: 4px;
 }
 
 .dashYoutubeContainer {
	min-height: 300px;
	width: 300px;
	border: 0px solid red; 
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 4px;
	clear: both;
 }
 
.dashStartNetworkContainer {
	min-height: 300px;
	width: 300px;
	border: 0px solid red; 
	padding-left: 20px;
	padding-right: 0px;
	float: right;
	margin: 4px;
 }
 
.dashFacebookContainer {
	min-height: 300px;
	width: 300px;
	border: 0px solid red; 
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 4px;
 }
 
.dashFacebookWrapper {
	border: 0px solid black; 
	min-height: 232px;
	padding-top: 20px;
 }
 
 
 
/*
 TWITTER
 */
 .twitter-heading {
	color: #e31182;
	font-size: 3em;
	font-weight: book;
	padding-left: 20px;
	padding-top: 4px;
	border-bottom: 0px #ccc solid;
	
 }
 
.twittContainer {
	width: 100%;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	padding: 0px;
	min-height: 40px;
 }
 
 .twittDash {
	width: 300px;
	height: 400px;
	border: 1px solid #cfcab7; 
	padding: 0px;
	overflow: auto;
	min-height: 40px;
 }
 
 #twitt {
	min-height: 60px;
	border-bottom: 1px dashed #ccc;
	padding:20px;
 }
	
#twitt:hover   {
	min-height: 60px;
	background: #efecec;
	padding:20px;
 }
 
 .twittreply {
	background: #efecec;
	float: right;
	vertical-align: bottom;
	display:none;
	margin: 0px;
 }
 
 #twitt:hover  .twittreply { 
	display:block;
 }
 
 .twittreplyoff{
	visibility:hidden;
 }
 
.twittName {
	color: #6699cc;
	font-size: 11px;
	font-weight: bold;
 }
 
.twittDate {
	color: gray;
	font-size: 9px;
	font-weight: bold;
 }
 
.twittDesc {
	color: black;
	font-size: 10px;
	margin: 20px;
 }
 
.main-navigation-container {
	padding: 0px;
	margin: 0px;
	border: 0px solid red;
	text-align: left;
}


.main-navigation-table {
	height: 280px;
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
	text-align: left;
	background-color: #007fb4;
}

.blog {
	background-color: #ffffff;
	color: black;
	font-size: 14px;
}

.blogTitle {
	color: black;
	font-size: 16px;
	font-weight: bold;
}


.blogDescription {
	color: black;
	font-size: 14px;
}


a.dash-footer-link  {
	color: #1f6bdf;
}

.dash-footer {
	color: #000000;
	border: 0px solid red;
}

.dashFacebookWrapper {
	border: 0px black solid; 
	min-height: 232px;
 }
 
 /*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FORM SUBMIT BUTTONS
	- FORMSUBMIT IS FOR INPUTS
	- FORMSUBMITTEXT IS TO MAKE AN AHREF LINK LOOK LIKE A FORM SUBMIT BUTTON
	- A HOVER ALLOWS THE TEXT TO CHANGE OVER MOUSE EVENT
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.formSubmit {
	background-color: #0399cd;
	height: 25px;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
}

.formSubmitText {
	background-color: #0399cd;
	height: 25px;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding: 6px 22px 6px 22px;
}

a:hover.formSubmitText {
	color: #000000; 
}


.formSubmitPopup {
	background-color: #eeeeee;
	height: 25px;
	border:1px solid #000000;
	color: black;
	cursor: pointer;
}


/*
 TWITTER
 */
 
.twittNavButton a { 
	float: left;
	display: block;
	height: 13px; 
	min-width: 100px;
	padding:10px;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	margin: 10px;
	font-size: 11px;
	background-color: #0399cd;
	color: #FFFFFF;
}

.twittNavButton a:hover {
	height: 13px;
	background-color: #07b7f4;
	color: #FFFFFF;
	text-decoration: none;
} 

.twittNavButtonOn a{
	height: 13px;
	float: left;
	display: block;
	min-width: 100px;
	padding:10px;
	border: 1px solid #FFFFFF;
	margin: 10px;
	background-color: #07b7f4;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

.twittNavButtonOn a:hover{
	height: 13px;
	text-decoration: none;
	background-color: #07b7f4;
}

.twittContainer {
	width: 100%;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	padding: 0px;
	min-height: 40px;
	border: 0px solid black; 
	height: 300px; 
	overflow: auto; 
	margin-bottom: 30px;
 }
 
 .twittDash {
	width: 300px;
	height: 400px;
	border: 1px dashed #ccc; 
	padding: 0px;
	overflow: auto;
	min-height: 40px;
 }
 
 #twitt {
	min-height: 60px;
	border-bottom: 1px dashed #ccc;
	padding:20px;
 }
	
#twitt:hover   {
	min-height: 60px;
	background: #efecec;
	padding:20px;
	border-bottom: 1px dashed #ccc; 
 }
 
 .twittreply {
	background: #efecec;
	float: right;
	vertical-align: bottom;
	display:none;
	margin: 0px;
 }
 
 #twitt:hover  .twittreply { 
	display:block;
 }
 
 .twittreplyoff{
	visibility:hidden;
 }
 
.twittName {
	color: #6699cc;
	font-size: 11px;
	font-weight: bold;
 }
 
.twittDate {
	color: gray;
	font-size: 9px;
	font-weight: bold;
 }
 
.twittDesc {
	color: black;
	font-size: 10px;
	margin: 20px;
 }
 
 .twitterMainNav {
	border: 0px solid red; 
	height: 60px; 
	clear: all; 
	padding: 0px;
}

.twitterLogo {
	border: 0px solid red; 
}

.tweetsFrom {
	border: 0px solid red; 
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0px 10px 10px;
}






 
  /*
 YOUTUBE
 */
 
 .tubeContainer {
	width: 100%;
	border: 0px solid black;
	height: 400px; 
	overflow: auto; 
	margin-bottom: 30px;
 }
 
 .tubeDash {
	width: 100%;
	height: 400px;
	border: 3px dashed #ccc; 
	padding: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	float: left;
	text-align: left;
 }
 
 .tubeDashRow {
	border-bottom: 0px dashed #ccc;
	padding: 10px;
	float: left;
	text-align: left;
 }
 
 .tubeDashRow:hover {
	border-bottom: 1px solid #efecec;
	background: #efecec;
	padding: 10px;
	float: left;
	text-align: left;
 }

 
  .tubeDashThumbnail{
	border-bottom: 1px dashed #ccc;
	padding: 10px;
	float: left;
	text-align: left;
 }
 
 .tubeDashTitle {
	color: #6699cc;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid orange;
	clear: both;
	padding: 0px 0px 10px 0px;
 }
 
 .tubeDashName {
	color: #6699cc;
	font-size: 11px;
	border: 0px solid red;
	padding: 10px 0px 0px 0px;
	clear:both;
 }
 
 .tubeDashDetails {
	border: 0px solid green;
	padding: 10px 10px 10px 10px;
 }
 
  .tubeDashImage {
	color: #6699cc;
	border: 0px solid black;
	padding: 10px;
 }
 
 .tube {
	border-bottom: 1px dashed #ccc;
	padding: 10px;
	float: left;
	text-align: left;
 }
 
.tube:hover {
	border-bottom: 0px solid #efecec;
	background: #efecec;
	padding: 10px;
	float: left;
	text-align: left;
 }
 
.tube a { 
	text-decoration: none;
	/* MAKES DIV CLICKABLE */
	display: block; 
	height: 100%; 
	width: 100%;
}
 
.tubeName {
	color: #6699cc;
	font-size: 11px;
 }
 
 .tubeMisc {
	color: black;
	font-size: 9px;
	padding: 10px;
	text-align: middle;
 }
 
 .tubeTitle {
	color: #006699;
	font-size: 13px;
	font-weight: bold;
 }
 
 .tubeImage {
	color: #6699cc;
	border: 1px solid black;
	float: left;
 }
 
.tubeDate {
	color: gray;
	font-size: 9px;
	font-weight: bold;
 }
 
 .tubeDesc {
	color: black;
	font-size: 9px;
 }
 
 
.tubeVideosBy {
	width: 650px;
	border-top: 0px solid black; 
	border-left: 0px solid black; 
	border-right: 0px solid black; 
	border-bottom: 0px solid #016296; 
	font-size: 12pt;
	font-family: arial, helvetica, verdana;
	color: #016296;
	font-weight: normal;
	padding: 6px 0px 5px 10px;
	background-color: #fff;
	margin-bottom: 8px;
	text-transform: capitalize;
}



  /*
 TECHNOLOGY OVERVIEW
 */
 
 .techOvContainerLeft {
 	width: 325px; 
	border: 0px solid; 
 	overflow: hidden; 
 	float: left;
 }
 
 .techOvContainerRight {
 	width: 325px; 
 	border: 0px solid; 
	overflow: hidden; 
 	float: right;
 }
 
.techOvTitle {
 	width: 325px; 
 	border: 0px solid; 
 	font-family: arial, helvetica, verdana; 
 	font-size: 14px; 
 	color: #006294; 
 	font-weight: bold; 
 	padding: 10px 0px 5px 0px;
 }
 
.techOvText {
 	height: 85px;
	width: 325px; 
 	border: 0px solid; 
 	font-family: arial, helvetica, verdana; 
 	font-size: 12px;
 }
 
a.techOvLink {
	text-decoration: underline; 
	color: #1f6bdf;
		}

a.techOvLink:hover {
	text-decoration: none; 
	color: #1f6bdf;
		}
		
a.techOvTitleLink {
 	width: 325px; 
 	border: 0px solid; 
 	font-family: arial, helvetica, verdana; 
 	font-size: 14px; 
 	color: #006294; 
 	font-weight: bold; 
 	padding: 10px 0px 5px 0px;
 	text-decoration: none;
 }
 
 a.techOvTitleLink:hover {
 	width: 325px; 
 	border: 0px solid; 
 	font-family: arial, helvetica, verdana; 
 	font-size: 14px; 
 	color: #006294; 
 	font-weight: bold; 
 	padding: 10px 0px 5px 0px;
 	text-decoration: underline;
 }
	
.techOvButtonsContainer1 {
	width: 200px; 
	border: 0px solid; 
	float: left; 
	position: relative; 
	top: 22px;
	}
	
.techOvButtonsContainer2 {
	width: 72px; 
	border: 0px solid; 
	float: left;
	}
	
	/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
POPUPS

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.popup {
	
}

.popuplogo {
	text-align: left; 
	overflow: hidden; 
	border: 0px solid 0px #000000; 
	position: relative;
	left: 10px;
	top: 10px;
}

.popuptitle {
	background-color: none;
	padding: 10px 15px 25px 10px;
	margin: 0px;
	text-align: left;
	font-family: arial, helvetica, verdana;
	font-size: 20px;
	color: #006699;
	font-weight: bold;
	border-bottom: 0px solid #2e2319;
	width: auto;
	height: 20px;	
	position: relative;
	top: 20px;
	left: 20px;
}

.popupsubtitle {
	font-family: arial, helvetica, verdana; 
	font-size: 16px; 
	color: #000000; 
	padding-right: 15px;
	font-weight: bold;
}

.popuptext {
	font-family: arial, helvetica, verdana; 
	font-size: 14px; 
	color: #000000; 
	padding: 0px 15px 0px 0px;
	position: relative;
	top: 10px;
	left: 10px;
}

.popupstart {
	font-family: arial; 
	font-size: 40px;
	font-weight: bold;
	color: #cccccc; 
	padding: 0px 30px 0px 0px;
	position: relative;
	top: 8px;
	left: 8px;
}

.popupbody {
	
}


.popupdlbox {
	width: 519px;
	height: 210px; 
	background-color: #0177b2;
	border: 1px solid #ffffff; 
	float: left;
	text-align: center;
}

.popupdllinkbox { 
	width: 190px; 
	height: 40px; 
	background-color: #0399cd; 
	border: 1px solid #ffffff; 
	margin-right: 0px;
	margin-top: 50px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.popupdllink {
	color: #ffffff; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 40px; 
	text-align: center; 
	padding: 4px 10px 4px 4px;
}

.popupntlink {
	color: #ffffff; 
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: -30px;
}

.popupntcontainer {
	padding-left: 20px;
}

.mcSubject {

}

a:hover.mcSubject  {
	color: #000000; 
}


/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
MESSAGE CENTER STYLES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.messageCount {
	color: black;
}

.mcMessageView {
	overflow-y: auto;
	overflow-x: auto;
}

.mcMessagePane {
	width: 100%; 
	overflow-y: auto;
	overflow-x: hidden;
	height: 58px; 
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

tr.mcMessageRowOn  td {
	background-color: #cfe4eb;
	border-bottom: 1px dashed #000000;
	border-top: 1px dashed #000000;
	padding: 4px;
	height: 18px;
}

tr.mcMessageRow  td {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
	padding: 4px;
	height: 18px;
}

tr:hover.mcMessageRow  td {
	background-color: #cfe4eb;
	border-bottom: 1px solid #dddddd;
	padding: 4px;
	height: 18px;
}

.mcMessageUnread {
	font-weight: bold;
}

.mcMessageUnreadDate {
	font-weight: bold;
	font-size: 9px;
}

.mcMessageHeader {
	padding: 10px 20px 10px 20px;
	border: 1px solid #cccccc;
}

.mcMessageBody {
	height: 500px;
	border-bottom: 1px solid pink;
	border-left: 1px solid pink;
	border-right
	: 1px solid pink;
	vertical-align: top;
	/*border-top: 1px solid pink;*/
	padding: 20px;
}





.mcFrom {  
}

.mcDate { 
	font-size: 9px; 
	color: #999999;
}

.mcSubject {

}

.mcRowSeperator  { 
	background-color: #c0c0c0; 
	padding: 0px; 
}

a:hover.mcSubject  {
	color: #999999; 
}

.mcShowing  { 
	color: #999999; 
}

.mcPaging  { 
	color: #999999; 
} 

.mcHeader { 
	font-size: 8pt; 
	font-weight: bold; 
}

.mcMessage { 
	font-weight: bold; 
}

.mcCheckBoxDelete {  }

.mcButtonDelete {  }

.mcCertify {  }

.mcCertifyCheckBox {  }

.mcFolderHeader { 
	font-weight: bold; 
}

.mcFolderLink {  }

a:hover.mcFolderLink { 
	color: #999999; 
}

.mcLogout {  }

a:hover.mcLogout { 
	color: #999999; 
}

.mcViewTableWrap { 
	background-color: #ffffff;
	border-color: #cccccc;
	border-width: 1px 1px 1px 1px; 
	border-style: solid;
}
	
.mcViewContentHeader { 
	font-weight: bold; 
}

.mcViewSubjectHeader { 
	font-weight: bold; 
	visibility: hidden; 
}

.mcViewFromHeader { 
	color: #999999; 
	font-size: 9px; 
}

.mcViewDateHeader { 
	color: #999999; 
	font-size: 9px; 
}

.mcViewContent { 
	font-size: 11px; 
}

.mcViewSubject { 
	font-weight: bold; 
}

.mcViewFrom { }

.mcViewDate { }

.mcViewSubjectContentSeperator  { 
	background-color: #f1c4d0; 
	height: 1px; 
	padding: 0px;
	margin: 0px;
	}
	
.mrlTitle {
	width: 220px;
	font-size: 12pt;
	font-family: arial, helvetica, verdana;
	color: #016296;
	font-weight: normal;
	border-bottom: 1px solid #016296;
}

.mrlList {
	color: #0396cb;
}
	
.mrlLink {
	color: #0396cb;
	min-height: 60px;
	border-bottom: 0px dashed #ccc;
	padding: 0px;
	text-decoration: none;
 }
	
.mrlLink:hover   {
	color: #0396cb;
	min-height: 60px;
	/*background: #efecec;*/
	padding:0px;
	text-decoration: underline;
 }
 
 
  .popular-groups-dash {
 	width: 220px;
  	margin-top: 20px;
	border: 1px solid gray;
	background-image: url('images/popular-tops-bkg.jpg');
	background-color: #FFFFFF;
	overflow: hidden;
 }
 
 .hotgroup-links {
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid gray;
	background-image: url('images/popular-hd-tops-bkg.jpg');
	background-color: #016296;
	font-size: 12pt;
	font-family: arial, helvetica, verdana;
	color: #FFFFFF;
	text-transform: capitalize;
 }
 
 .hotgrouplink {
 	width: 100%;
	padding: 10px;
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid gray;
	float: left;
	clear: both;
	color: #016296;
	text-decoration: none;
 }
 
 .hotgrouplink:hover {
 	color: #0396cb;
 	text-decoration: underline;
 }
 
 input[type="submit"] {
 	background-color: #0399cd;
	height: 25px;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
}

 input[type="button"] {
 	background-color: #0399cd;
	height: 25px;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
}

.pageHeading {
	font-family: arial, helvetica, verdana;
	color: #016296;
	font-size: 12pt;
	font-weight: normal;
	border-bottom: 1px solid #016296;
	padding-top:0px;
	padding-bottom: 3px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.pageIntro {
	color: black;
	font-size: 11px;
	padding-bottom: 5px;
}

a.listlink1level2 {
	color: #0396cb;
	font-weight: normal;
	text-decoration: none;
}

a.listlink1level2:hover {
	color: #0396cb;
	font-weight: normal;
	text-decoration: underline;
}

a.pagelink2 {
	color: #0396cb;
	font-weight: normal;
	font-style: none;
	text-decoration: underline;
}

a.pagelink2:hover {
	color: #0396cb;
	font-weight: normal;
	font-style: none;
	text-decoration: none;
}

.videoContainer {
	width: 530px; 
	height: 298px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 50px; 
	position: relative; 
	top: 40px; 
	border: 1px solid #808080; 
	background-color: #12519e;
}

.videoFooter {
	width: 530px; 
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
}

.basicList1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.basicNumList1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.backPageSubTitle {
	font-size: 10pt;
	font-weight: bold;
	color: #0396cb;
}

.backPageSubTitle2 {
	font-size: 9pt;
	font-weight: bold;
}

.backPageMenu1Container {
	width: 200px; 
	float: left; 
	border: 0px solid; 
	text-align: center; 
	position: relative; 
	top: 48px;
}

.backPageMenu1item {
	width: 200px;
	height: 50px;
	float: left; 
	border: 0px solid; 
	text-align: center; 
}

.asterisk {
	color: #d80000;
}

.demoInputContainer1 {
	float: left;
	border: 0px solid red;
}

.reqfieldcontainer {
	font-size: 0.85em;
	font-weight: bold;
	color: #d80000;
	float: left;
	clear: both;
}

.formLabel1 {
	width: 300px; 
	height: 18px; 
	float: left;
	clear: both;
	border: 0px solid red;
	margin-top: 5px;
}

.formInput1 {
	width: 200px;
	float: left;
	clear: both;
	border: 0px solid red;
}

.formSubmitContainer1 {
	width: 70px;
	float: left;
	clear: both;
	border: 0px solid red;
	margin-top: 10px;
}

.footerIframeContainer {
	width: 960px;
	float: left;
	border: 0px solid red;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}

.clientLoginContainer {
	width: 940px;
	height: 35px;
	float: left; 
	background-color: #FFFFFF; 
	text-align: right; 
	border: 0px solid red;
	margin-bottom: 0px;
	padding-right: 20px;
	position: relative;
	top: 0px;
	right: 0px;
}

.footerMenuContainer {
	width: 940px;
	height: 60px;
	float: left; 
	background-color: #FFFFFF; 
	text-align: right; 
	border: 0px solid red;
	margin-bottom: 20px;
	padding-right: 20px;
	position: relative;
	right: 0px;
}

.copyrightIframeContainer {
	width: 100%; 
	float: left; 
	text-align: center; 
	background-color: #CCCCCC;
	border: 0px solid red;
}


.groupJoinLink a {
	border: 1px solid #FFFFFF;
	font-size: 12px;
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	background-color: #0399cd;
}

.join_link {
	padding-right: 0px;
	padding-left: 20px;
	border: 0px solid #000000;
	color: #000000;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: Capitalize;
	letter-spacing: 1px;
}

.ewayLoginContainer {
	border: 0px solid red;
	padding-bottom: 40px;
	font-size: 8pt;
	text-decoration: none;
}

.ewayLoginContainer a {
	text-decoration: none;
}

a:hover.ewayLoginContainer {
	text-decoration: none;
	color: #999999;
}

.loginContainer {
	border: 0px solid red;
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;
	padding: 26px 0px 0px 2px;
	float: left;
	clear: both;
 }
 
.welcomeUserContainer {
	color: #096095;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	border: 0px solid green;
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;
	position: relative;
	top: 10px;
	left: 2px;
	float: left;
 }
 
 .joinText {
 	position: relative;
 	top: 6px;
 	left: 20px;
 	color: #ffffd8;
 }
 
 .log_in_out_link {
	border: 0px solid red;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #000000;
	color: #096095;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: Capitalize;
	letter-spacing: 1px;
 }
 
 .join_link {
 	border: 0px solid blue;
 	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #000000;
	color: #096095;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: Capitalize;
	letter-spacing: 1px;
 }
 
 
 .loggedOutHomeContainer {
 	width: 740px;
 	height: 280px;
 	background-image:url('images/logged-out-bkg.jpg');
 	position: relative; 
 	left: -20px; 
 	top: -20px;
	border: 0px solid red;
 }
 
 .loggedOutTitle {
 	width: 700px;
 	font-family: "Helvetica Neue", helvetica, arial, verdana;
 	font-size: 25px;
 	font-weight: lighter;
 	letter-spacing: 1px;
 	color: #8bcefc;
 	margin: 0px auto 0px auto;
 	position: relative;
 	top: 20px;
 	text-align: center;
 	border: 0px solid;
 }
 
  .loggedOutSubTitle {
 	width: 700px;
 	font-family: arial, helvetica, verdana;
 	font-size: 13px;
 	font-weight: lighter;
 	letter-spacing: 1px;
 	color: #FFFFFF;
 	margin: 0px auto 0px auto;
 	position: relative;
 	top: 36px;
 	text-align: center;
 	line-height: 19px;
 }
 
 .loggedOutBox1 {
 	width: 318px;
 	height: 102px;
 	background-image:url('images/arrow-box-down.gif');
 	background-repeat: no-repeat;
 	border: 1 px solid red;
 	float: left;
 	position: relative;
 	top: 55px;
 	left: 30px;
 	cursor: pointer;
 }
 
  .loggedOutBox2 {
 	width: 318px;
 	height: 102px;
 	background-image:url('images/arrow-box-right.gif');
 	background-repeat: no-repeat;
 	border: 1 px solid red;
 	float: left;
 	position: relative;
 	top: 55px;
 	left: 75px;
 	cursor: pointer;
 }
 
 .loggedOutBoxTextContainer {
 	width: 207px;
 	position: relative;
 	left: 15px;
 	top: 13px;
 }
 	
 .loggedOutBoxTitle {
 	font-family: "Helvetica Neue", helvetica, arial, verdana;
 	font-size: 20px;
 	font-weight: lighter;
 	color: #12548a;
 }
 	
 .loggedOutBoxText {
 	font-family: arial, helvetica, verdana;
 	font-size: 12px;
 	font-weight: normal;
 	color: #2a2a2a;
 }
 	
 	
 
 

















 
 
 


















/*FEEDS*/

html {
	margin: 0;
	text-align: center;
}

/**body {
	margin: 10px auto;
	width: 960px;
	text-align: left;
}**/

div.feed {
	width: 660px;
	float: left;
	padding: 0 20px 20px 0;
	margin: 0;
}

/**h1 {
	font-family: 'Trebuchet MS', arial;
	font-size: 14pt;
	font-weight: bold;
	clear: both;
	margin: 0;
	padding: 10px;
	background: #069;
	color: #fff;
}**/


.pageHeading  h1 {
	margin: 0px;
	color: #016296;
	font-family: helvetica, arial, verdana;
	font-size: 1em;
	font-weight: 100;
	min-height: 1px;

}

.feed h2 {
	font-family: arial;
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #0396cb;
	/*text-transform: uppercase;*/
}

.feed h2 a:link, .feed h2 a:visited {
	color: #0396cb;
	text-decoration: none;
}

.feed ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.feed li {
	font-family: Arial;
	font-size: 10pt;
	line-height: 2em;
	border-top: 1px solid #ccc;
}

.feeditem a:link, .feeditem a:visited {
    position: relative;
    z-index: 24;
    text-decoration: none;
    color: #000;
}

.feeditem a:hover {
	z-index: 25;
	background: #eee;
	color: #666;
}

.feeditem a span { display: none }

.feeditem a:hover span {
    display: block;
    position: absolute;
    top: 2em;
    left: 1.25em;
    width: 270px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #eee;
    color: #000;
    font-family: Arial;
    font-size: 10pt;
    overflow: hidden;
}

/*#footer {
	color: #fff;
	width: 100%;
	clear: both;
	background: #51915D;
}

#footer a, #footer a:hover, #footer a:visited {
	color: #fff;
	text-decoration: none;
}*/

.topNavMenuContainer {
	width: 600px;
	height: 40px;
	border: 0px solid yellow; 
	position: relative; 
	top: -7px;
	left: 10px;
	z-index: 3;
	margin: 0px;
	padding: 0px;
}

#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu { border: 0px solid red; padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px;}
#menu li a {min-width: 75px; display:block; float:left; height:40px; line-height:40px; background:blue; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 45px 0 10px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:red;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#188abb}
#menu li:hover > a.sub {color:#fff; background-color: #188abb;}

#menu li.current a {color:#fff; background: #188abb;}

#menu li a.sub {background: #188abb url(/images/down-arrow.gif) no-repeat right center;}
/*
current dropdown
*/
#menu li.current a.sub {color:#fff; background: #188abb url(/images/down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:40px; width:100px; background: #188abb;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:130px; top:-1px; background:orange; white-space:nowrap; width:130px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #ddd;}

#menu :hover ul li a {width:130px; padding:0; text-indent:10px; background:#188abb; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#188abb url(/images/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#52c5f0; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#52c5f0; color:#fff;}

#menu :hover ul li.currentsub a {background: #188abb; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#188abb; url(/images/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:130px; padding:0; text-indent:10px; background:#188abb;; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color: #52c5f0; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#999; color:#fff;}




.sTab {
	min-width: 100px;
	border: 1px solid white;
	background: #0399cd;
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px;
	cursor: pointer;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
	cursor: pointer;
}

.sTabOn {
	min-width: 100px;
	border: 1px solid white;
	background: #39c0ef;
	color: #FFF;
	text-decoration: none;
	padding: 6px;
	cursor: pointer;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	cursor: pointer;
}

.sTab:hover {
	min-width: 100px;
	border: 1px solid white;
	background: #39c0ef;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
	cursor: pointer;
}


.topicH1 {
	margin: 0px;
	font-family: verdana, arial, helvetica ;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}


h1.groupHeading  {
		margin: 0px;
	font-family: verdana, arial, helvetica ;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}