/* --- page styles --- ==================================== */
html, body {
	height: 100%;										/* for centering content */
	margin: 0;											/* for centering content */
	padding: 0;											/* for centering content */
}
body {
	position: relative;							/* for centering content */
	top: 0px;												/* for centering content */
	left: 0px;											/* for centering content */
	font-family: Verdana, Arial, Helvetica, sans-serif;		/* default page fonts */
	font-size: 12px;
	line-height: 1.5em;
	color: #444444;
	background-color: #ffffff; 	/* white */
	min-width: 965px;
}
/* --- css reset --- ==================================== */
/* first reset necessary items */
h1, h2, h3, h4, h5, h6,											/* headings */ blockquote, p,															/* text */ ul, ol, li,																	/* lists */ table, thead, tfoot, caption, th, tr, td,		/* tables */ hr,																					/* horizontal rules */ form,																				/* forms */ .mainpagebox div, .sidepagebox div {				/* other content */
	margin: 0;									/* remove space around content */
	padding: 0;
	border: 0;									/* get rid of any outlines */
	outline: 0;
	font-weight: inherit;				/* noramlize the font used */
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
table {																			/* all tables */
	border-collapse: separate;	/* get rid of any outlines */
	border-spacing: 0;
}
caption, th, td {														/* tables */
	font-weight: normal;
}
/* then set the values wanted for this design */

/* --- list styles --- ==================================== */

/* set all lists to have the same indentation  */
dl, ul, ol {									/* set the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-top: 20px;
	margin-bottom: 0px;
}
ul, ol {											/* set the left spacing before the bullet so the list is indented somewhat */
	padding-left: 43px;
}
ul ul, ol ol, ul ol, ol ul {	/* set the left spacing before the bullet on sublists so the list is indented somewhat, and remove the top/bottom gap */
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 20px;
}
dl {													/* set the left spacing before the text so the list is indented somewhat */
	padding-left: 10px;
}
dt {													/* set the left spacing before the text so the list is indented somewhat */
	padding-left: 20px;
}
ul {
	list-style-type: square;
}
ul ul, ol ol, ul ol, ol ul {
	margin-top: 7px;
	margin-left: 0;
	margin-bottom: -7px;
	padding-left: 17px;
}
ul, ol {
	padding-bottom: -7px;
}
ul li, ol li {
	padding-bottom: 7px;
}
ul.noindent {
	margin: 0;
	padding-left: 15px;
}
ul.noindent ul {
	margin-left: 0;
	padding-left: 17px;
}
/* icon bullets for checklists */
ul.checked li, li.checked {
	margin-left: -20px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(../images/icons/bg-checked.png) no-repeat top left;
}
ul.unchecked, li.unchecked {
	margin-left: -20px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(../images/icons/bg-unchecked.png) no-repeat top left;
}
/* icon bullets for link lists */
ul.mp3, li.mp3 {
	list-style-image: url(../images/icons/icon_audio_sm.png);
}
ul.xls, li.xls {
	list-style-image: url(../images/icons/icon_excel_sm.png);
}
ul.pdf, li.pdf {
	list-style-image: url(../images/icons/icon_pdf_sm.png);
}
ul.ppt, li.ppt {
	list-style-image: url(../images/icons/icon_ppt_sm.png);
}
ul.txt, li.txt {
	list-style-image: url(../images/icons/icon_text_sm.gif);
}
ul.swf, li.swf {
	list-style-image: url(../images/icons/icon_video_sm.png);
}
ul.doc, li.doc {
	list-style-image: url(../images/icons/icon_word_sm.png);
}
li.not {
	list-style-image: url(../images/icons/icon_plain_sm.gif);
}
ul.not a:link, li.not a:link, ul.not a:visited, li.not a:visited, ul.mp3 a:link, li.mp3 a:link, ul.mp3 a:visited, li.mp3 a:visited, ul.xls a:link, li.xls a:link, ul.xls a:visited, li.xls a:visited, ul.pdf a:link, li.pdf a:link, ul.pdf a:visited, li.pdf a:visited, ul.ppt a:link, li.ppt a:link, ul.ppt a:visited, li.ppt a:visited, ul.txt a:link, li.txt a:link, ul.txt a:visited, li.txt a:visited, ul.swf a:link, li.swf a:link, ul.swf a:visited, li.swf a:visited, ul.doc a:link, li.doc a:link, ul.doc a:visited, li.doc a:visited {
	color: #0066cc;
	text-decoration: none;
}
ul.not a:active, li.not a:active, ul.not a:hover, li.not a:hover, ul.mp3 a:active, li.mp3 a:active, ul.mp3 a:hover, li.mp3 a:hover, ul.xls a:active, li.xls a:active, ul.xls a:hover, li.xls a:hover, ul.pdf a:active, li.pdf a:active, ul.pdf a:hover, li.pdf a:hover, ul.ppt a:active, li.ppt a:active, ul.ppt a:hover, li.ppt a:hover, ul.txt a:active, li.txt a:active, ul.txt a:hover, li.txt a:hover, ul.swf a:active, li.swf a:active, ul.swf a:hover, li.swf a:hover, ul.doc a:active, li.doc a:active, ul.doc a:hover, li.doc a:hover {
	color: #008500;
	text-decoration: underline;
}
/* dated lists */
ul.date a:link, ul.date a:visited, li.date a:link, li.date a:visited {
	text-decoration: none;
	color: #0066cc;
}
ul.date a:active, ul.date a:hover, li.date a:active, li.date a:hover {
	text-decoration: none;
	color: #008500;
}
ul.date a span, li.date span {
	font-size: 11px;
	text-decoration: none;
	color: #666666;
}
/* --- table styles --- ==================================== */

/* default table style */
table {
	margin-top: 20px;						/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-bottom: 0px;
}
table table {
	margin: 0;									/* tables in tables will have no gap */
}
table caption {								/* sets caption style */
	margin-top: 20px;						/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-bottom: -20px;
	padding-bottom: 5px;																	/* gap between caption and top of table */
	color: #01719b;
}
table tfoot td {							/* style for table footer */
	padding: 3px 11px;								/* cell padding */
	font-size: .9em;									/* font style */
	line-height: 1.2em;
	color: #016387;
	background: #cadbe6;
}
table th {										/* style for table headings */
	padding: 5px;								/* cell padding */
	font-weight: bold;								/* font style */
	color: #ffffff;
	background: #97b5cd;
}
table th.sub {								/* style for table subheadings */
	font-size: .9em;
	font-weight: normal;
	text-transform: uppercase;
	color: #3c5d79;
	background: #b3cbdc;
}
table td {													/* style for table cells */
	padding: 5px;								/* cell padding */
	vertical-align: top;							/* align content to top */
	background: #ffffff;
}
/* alternate cell background color, set automatically with class="stripeMe" on alt row, or set manually in tds */
table tr.alt td, table td.alt {/* highlight table cells */
	background: #e8f0f5;
}
table tfoot tr.alt td, table tfoot td.alt {	/* don't show alt on footer */
	background: #cadbe6;
}
/* background color hover over styles for use with class="stripeMe" */
table tr.tover td {						/* highlight table cells on hover */
	background: #99def7;
}
table tfoot tr.tover td {			/* don't show hover on footer */
	background: #cadbe6;
}
/* set individual borders on cells */
table .lb {							/* add a left border to table cells */
	border-left: 1px solid;
}
table .rb {							/* add a right border to table cells */
	border-right: 1px solid;
}
table .tb {							/* add a top border to table cells */
	border-top: 1px solid;
}
table .bb {							/* add a bottom border to table cells */
	border-bottom: 1px solid;
}
/* table with an outer border only */
table.outline {
	border: 1px solid;
}
/* table with lines between rows and with outside border */
table.lined {
	border: 1px solid;
	border-bottom: 0;
}
table.lined th {
	border-right: 1px solid;
}
table.lined th.sub {
	border-right: 1px solid;
}
table.lined td, table.lined th {
	border-bottom: 1px solid;
}
/* table with colored border around all cells */
table.grid {
	border: 1px solid;
	border-right: 0;
	border-bottom: 0;
}
table.grid th, table.grid td {
	border-right: 1px solid;
	border-bottom: 1px solid;
}
table.grid td.empty {
	padding: 5px;
	vertical-align: top;
	background: #cccccc;
}
/* table with white border around all cells */
table.wgrid {
	border: 1px solid #ffffff;
	border-right: 0;
	border-bottom: 0;
}
table.wgrid th, table.wgrid td {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
table .lb,							/* add a left border to table cells */ table .rb,							/* add a right border to table cells */ table .tb,							/* add a top border to table cells */ table .bb,							/* add a bottom border to table cells */ /* table with an outer border only */
table.outline, /* table with lines between rows and with outside border */
table.lined, table.lined th, table.lined th.sub, table.lined td, table.lined th, /* table with colored border around all cells */
table.grid, table.grid th, table.grid td {
	border-color: #83a4be;
}
/* dated  tables */
table.date td {
	padding: 2px 5px;
	font-size: 11px;
	text-decoration: none;
	color: #666666;
}
table.date td a:link, table.date td a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #0066cc;
}
table.date td a:active, table.date td a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #008500;
}
/* --- form styles - others in uni-form.css/uni-form-generic.css --- ==================================== */
/* overwrite default colors in uni-form.css */
form {
	margin-top: 20px;						/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-bottom: 0px;
}
/* remove gaps on divs in uni-form.css */
#container .uniForm div, #container .uniForm p {
	margin: 0;
}
#container .uniForm {
	background: #f8fbed;
	border: 1px solid #d4e4c3;
}
#container .uniForm fieldset {
	border: 1px solid #d4e4c3;
}
#container .uniForm fieldset legend {
	color: #333;
}
#container .uniForm .blockLabels .formHint {
	color: #777;
}
#container .uniForm .inlineLabels .formHint {
	color: #777;
}
#container .uniForm div.focused .formHint {
	color: #333;
}
#container .uniForm #errorMsg {
	color: #990000;
	background: #ffdfdf;
	border: 1px solid #df7d7d;
}
#container .uniForm .error {
	background: none;
	border: 0;
	color: #990000;
}
#container .uniForm .error input, #container .uniForm .error textarea {
	border: 1px solid #990000;
	background: #ffefef;
}
#container .uniForm p.errorField {
	color: #990000;
	background: #ffbfbf;
	border: 1px solid #df7d7d;
}
#container .uniForm #errorMsg a:link, .uniForm #errorMsg a:visited {
	color: #c90d39;
}
#container .uniForm #errorMsg a:active, .uniForm #errorMsg a:hover {
	color: #660000;
}
#container .uniForm #OKMsg {
	color: #009900;
	background: #c3f3bb;
	border: 1px solid #80c674;
}
#container .uniForm .focused {
	background: #e9ff8f;
	color: #000000;
}
/* --- link styles --- ==================================== */
a:link, a:visited {						/* default links */
	color: #124397;
	text-decoration: underline;
}
a:active, a:hover {						/* default links */
	color: #2d8ddd;
	text-decoration: underline;
}
a.noline:link, a.noline:visited, a.noline:active, a.noline:hover {
	text-decoration: none;
}
a, *:focus {
	outline: 0 none; 						/* no dotted border on active links */
}
/* "more" links */
a.more:link, a.more:visited {						/* readmore links */
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none;
}
a.more:active, a.more:hover {						/* readmore links */
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none;
}
a.more:after {
	content:" \0BB";
	text-transform: normal;
}
a#readmore {
	width: 84px;
	height: 19px;
	display: block;
	background-image: url(../images/readmore.jpg);
	background-position: 0px 0px;
	margin-top: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
a#readmore:hover, a#readmore:active {
	background-position: 0px 19px;
}
/* icon imgs for links */
a.mp3, a.xls, a.pdf, a.ppt, a.txt, a.swf, a.doc {
	padding: 2px 20px 2px 0;
	height: 16px;
	background-position: center right;
	background-repeat: no-repeat;
}
a.mp3 {
	background-image: url(../images/icons/icon_audio.png);
}
a.xls {
	background-image: url(../images/icons/icon_excel.png);
}
a.pdf {
	background-image: url(../images/icons/icon_pdf.png);
}
a.ppt {
	background-image: url(../images/icons/icon_ppt.png);
}
a.txt {
	background-image: url(../images/icons/icon_text.png);
}
a.swf {
	background-image: url(../images/icons/icon_video.png);
}
a.doc {
	background-image: url(../images/icons/icon_word.png);
}
/* --- text styles --- ==================================== */

/* center */
.center {
	text-align: center;
}
/* highlight text */
.highlight {
	color: #1d7dcd;
}
/* note text */
.note {
	font-size: .85em;
	line-height: 1.2em;
	color: #84919a;
}
/* rotated text */
.rotate-text {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}
/* --- collapse/expand div styles --- ==================================== */
/* set higlight color of dropdowns */
.ce-group {
	color: #1d7dcd;
}
#ce-content > p { 								/* the thing that gets clicked - change cursor to hand */
	cursor: hand;
	cursor: pointer;
}
#ce-content div { 							/* this holds what's hidden initially */
	padding: 0 30px 0 30px;
}
/* --- blockquotes --- ==================================== */
blockquote {
	margin-left: 30px;					/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-right: 30px;
}
blockquote, p, .mainpagebox div, .sidepagebox div {
	margin-top: 20px;						/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-bottom: 0px;
}
/* --- heading styles --- ==================================== */
h1.top, #sidepage h1.top {
	margin-top: 0;
}
h1 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 28px;
	font-weight: normal;
	color: #2d8ddd;
}
h2 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 18px;
	font-weight: normal;
	color: #233d84;
}
h3 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 17px;
	font-weight: normal;
	color: #65696c;
}
h3.sub {
	font-size: 14px;
}
h4 {
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
	font-size: 14px;
	font-weight: bold;
	color: #65696c;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 20px;						/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-bottom: 0px;
}
h1.sub, h2.sub, h3.sub, h4.sub, h5.sub, h6.sub {
	margin-top: 7px;						/* if having one heading follow another (as a subheading), use this class to remove the gap between them */
}
h1.nogap, h2.nogap, h3.nogap, h4.nogap, h5.nogap, h6.nogap {
	margin-bottom: -15px;
}
#sidepage h1, #sidepage h2, #sidepage h3, #sidepage h4, #sidepage h5, #sidepage h6 {				/* use different colored headings in the side column */
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;		/* font styles */
}
#sidepage h1, #sidepage h2, #sidepage h3, #sidepage h4, #sidepage h5, #sidepage h6 {
	margin-top: 10px;						/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	margin-bottom: 0px;
}
#sidepage h1 {
	font-size: 16px;
	font-weight: bold;
	color: #2d8ddd;
}
#sidepage h2 {
	font-size: 15px;
	font-weight: bold;
	color: #233d84;
}
#sidepage h3 {
	font-size: 14px;
	font-weight: bold;
	color: #65696c;
}
/* --- image styles --- ==================================== */
img, div {
	behavior: url(../js/iepngfix.htc) /* ie png fix */
}
.imgframe {														/* border around images */
	margin: 0px 10px 10px 10px;
	padding: 5px;
}
.imgframeng {														/* border around images */
	margin: 0px 0px 0px 0px;
	padding: 5px;
}
.imgframe, .imgframeng {														/* border around images */
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	font-size: .85em;
	color: #84919a;
}
.imgframe-l {													/* border around left images */
	float: left;
	margin: 5px 10px 10px 0px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	font-size: .85em;
	color: #84919a;
}
.imgframe-r {													/* border around right images */
	float: right;
	margin: 5px 0px 10px 10px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	font-size: .85em;
	color: #84919a;
}
.slideshow {
	background-color: #ffffff;					/* slide show */
}
/* --- horizontal rule styles --- ==================================== */
hr {
	height: 1px;										/* make hr a thin line */
	margin: 22px 0px 0px 0px;				/* sets the top and bottom margin so all elements on the page have equal(ish) gaps between them */
	border: 0;											/* don't allow it to have a border */
	background-color: #939598;			/* set hr color in both places for cross-browser use */
	color: #939598;
}
/* --- layout styles --- ==================================== */

/* --- content container --- ==================================== */
#container {/* goes around all but footer */
	height: auto !important;				/* for sticky footer */
	height: 100%;										/* for sticky footer */
	min-height: 100%;								/* for sticky footer */
	margin: 0 auto -101px; 					/* for sticky footer: same ht as push */
}
/* --- header styles: header holds logo, nav & tagline (tagline on home only) --- ==================================== */
#header { /* this is the 100% wide container around the header area */
	position: relative;							/* for centering content */
	width: 100%;										/* for centering content */
	overflow: hidden;								/* for centering content */
	margin: 0;											/* for centering content */
	border-bottom: 1px solid #c4c4c4;
	background: #a5d4ed top center repeat-x url(../images/des1/bg_banner.jpg);
}
#headercontent {	/* this is the 100% wide centered portion of the header area */
	position: relative;							/* for centering content */
	overflow: hidden;								/* for centering content */
	margin: 0 auto;									/* for centering content */
	background: top center no-repeat url(../images/des1/header.jpg);
}
/* --- logo --- ==================================== */
#logo {
	width:  960px;
	height: 137px;
	font-size: 42px;
	font-weight: bold;
	color: #1ebc64;
	position: relative;
}
#logo-printonly {								/* hide what should only show on the printed page */
	display: none;
}
#logo a:link, #logo a:visited {		/* logo link */
	text-decoration: none;
	color: #1ebc64;
}
#logo a:active, #logo a:hover {
	text-decoration: none;
	color: #b8d433;
}
/* --- banner --- ==================================== */
#banner { /* this is the stripe */
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #cccccc;
	background: #a5d4ed center left repeat-x url(../images/des1/bg_squares.gif);
	height: 4px;
}
/* --- main menu --- ==================================== */
#nav { /* this is the 100% wide container around the nav area */
	position: relative;							/* for centering content */
	width: 100%;										/* for centering content */
	margin: 0;											/* for centering content */
	background: #25689e repeat-x center left url('../images/des1/bg_nav.gif');
	border-top: 4px solid #eeeeee;
	border-bottom: 4px solid #ffffff;
	z-index: 5000;
}
#navcontent { /* this is the 960 wide centered portion of the nav area */
	position: relative;							/* for centering content */
	margin: 0 auto;									/* for centering content */
	background: #25689e repeat-x center left url('../images/des1/bg_nav.gif');
	height: 30px;
	width: 965px;
	font-size: 13px;
}
/* --- LEVEL ONE --- */
/* entire list */
ul.dropdown {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}
/* each item -off- */
ul.dropdown li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
	zoom: 1;
}
ul.dropdown li a {
	padding: 6px 36px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
ul.dropdown strong {
	font-family: Times New Roman, Times Roman, Times, serif;
}
/* each item -on- */
ul.dropdown a:hover {
	color: #ffffff;
	text-decoration: none;
}
ul.dropdown a:active {
	color: #ffffff;
	text-decoration: none;
}
ul.dropdown li:hover {
	background: #5aa5da no-repeat center left url('../images/des1/bg_nav_over.gif');
	color: #ffffff;
	position: relative;
}
ul.dropdown li.hover a {
	color: #ffffff;
	text-decoration: none;
}
#home ul.dropdown li#sect-home, #meetings ul.dropdown li#sect-meetings, #company ul.dropdown li#sect-company, #products ul.dropdown li#sect-products, #join ul.dropdown li#sect-join, #opportunity ul.dropdown li#sect-opportunity, #info ul.dropdown li#sect-info, #community ul.dropdown li#sect-community, #mcenter ul.dropdown li#sect-mcenter {
	background: #164e85 repeat-x center left url('../images/des1/bg_nav_on_over.gif');
	color: #ffffff;
}
#home ul.dropdown li#sect-home:hover, #meetings ul.dropdown li#sect-meetings:hover, #company ul.dropdown li#sect-company:hover, #products ul.dropdown li#sect-products:hover, #join ul.dropdown li#sect-join:hover, #opportunity ul.dropdown li#sect-opportunity:hover, #info ul.dropdown li#sect-info:hover, #community ul.dropdown li#sect-community:hover, #mcenter ul.dropdown li#sect-mcenter:hover {
	background: #164e85 no-repeat center left url('../images/des1/bg_nav_on.gif');
	color: #ffffff;
}
/* --- LEVEL TWO --- */
/* entire list */
ul.dropdown ul {
	margin: 0;
	padding: 0;
	width: 275px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	list-style: none;
	background: #3981be;
	border: 1px solid #24689f;
	border-top: 0px;
}
/* each item -off- */
ul.dropdown ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	background: #3981be;
	color: #ffffff;
	border-top: 1px solid #24689f;
	border-bottom: 1px solid #468ecc;
	float: none;
}
ul.dropdown ul li a {
	padding: 5px 5px 5px 36px;
	width: 100%;
	display: inline-block;
	text-decoration: none;
} /* IE 6 & 7 Needs Inline Block */
/* each item -on- */
ul.dropdown ul a:hover {
	color: #ffffff;
	text-decoration: none;
}
ul.dropdown ul a:active {
	color: #ffffff;
	text-decoration: none;
}
ul.dropdown ul li:hover {
	background: #5aa5da no-repeat center left url('../images/des1/bg_nav_sub_on.gif');
	border-bottom: 1px solid #6cb2e4;
	color: #ffffff;
}
ul.dropdown ul li.hover a {
	color: #ffffff;
	text-decoration: none;
}
/* --- LEVEL THREE --- */
/* entire list */
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
/* each item -on- */
ul.dropdown li:hover > ul {
	visibility: visible;
}
/* --- main content styles --- ==================================== */
#page {
	clear: both;										/* clear anything above it */
	/* position: relative;							for centering content */
	width: 100%;										/* for centering content */
	overflow: hidden;								/* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
	margin: 0;											/* for centering content */
}
#pagecontent { 	/* this is the 960 wide centered portion of the main content area */
	/* position: relative;							for centering content */
	overflow: hidden;								/* for centering content : warning, any content longer than the height will be cut off, so set height appropriately or don't use one */
	margin: 0 auto;									/* for centering content */
	padding: 30px 0 30px 0;
	width:  960px;
}
#popup #pagecontent {
	width: 700px;
}
#mainpage {	 	/* this holds the left column content of the main content area */
	float: left;										/* make this the left column */
	width: 662px;
}
.mainpagebox {										/* (normal) all content in the left column should go in a content box */
	padding: 6px 30px 0 0;		/* padding around the content */
}
.flashbox {														/* border around images */
	position: relative;
	width: 640px;
	height: 360px;
	background: #ffffff url('../images/loading.gif') no-repeat top left;
	border: 1px solid #c4c4c4;
	padding: 5px;
	margin-top: 0;
}
#sidepage {	 	/* this holds the right column content of the main content area */
	float: right;										/* make this the right column */
	width: 265px;										/* right column width */
}
.sidepagebox {										/* (normal) all content in the left column should go in a content box */
	padding: 20px 0 0 0;		/* padding around the content */
}
#home .sidepagebox {										/* (normal) all content in the left column should go in a content box */
	padding: 7px 0 0 0;		/* padding around the content */
}
.sidepagenoprint {										/* (normal) all content in the left column should go in a content box */
	padding: 20px 0 0 0;		/* padding around the content */
}
#fullpage {
	clear: both;										/* clear anything above it */
	width:  960px;
}
#popup #fullpage {
	width:  700px;
	padding: 0 15px 15px 15px;
}
.push {/* goes at very bottom of main */
	height: 101px;									/* for sticky footer: pFH = fFH + fTBH *//* push will make the #page extend behind the footer, so that it looks connected to the footer. */
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
}
/* --- side menu --- ==================================== */
#sidenav {
	margin-top: 5px;
	padding-left: 13px;							/* 1st level list spacing */
	list-style-type: square;				/* 1st level bullet style */
	color: #65696c;
}
#sidenav ul {
	padding-left: 24px;							/* 2nd level list spacing */
	margin-bottom: 0;
	font-size: 11px;								/* 2nd level link size */
	list-style-type: square;				/* 2nd level bullet style */
}
#sidenav li a:link, #sidenav li a:visited { /* 1st level links*/
	text-decoration: none;
}
#sidenav li a:active, #sidenav li a:hover { /* 1st level links*/
	text-decoration: none;
}
#sidenav li li a:link, #sidenav li li a:visited { /* 2nd level links*/
	text-decoration: none;
}
#sidenav li li a:active, #sidenav li li a:hover { /* 2nd level links*/
	text-decoration: none;
}
#sidenav ul {
	margin-top: 3px;
	margin-left: 0;
	margin-bottom: -3px;
	padding-left: 17px;
}
#sidenav {
	padding-bottom: -3px;
}
#sidenav li {
	padding-bottom: 3px;
}
/* --- side buttons --- ==================================== */
#button_je {
	float: left;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinje.jpg');
}
.sidepagebox-je #button_je {
	float: none;
	margin: 10px auto;
}
.sidepagebox-je .sidepagebox {
	text-align: center;
}
#button_je a:link, #button_je a:visited {
	display: block;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinje.jpg');
	text-decoration: none;
}
#button_je a:active, #button_je a:hover {
	display: block;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinje_over.jpg');
	text-decoration: none;
}
#button_mm {
	float: right;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinmm.jpg');
}
#button_mm a:link, #button_mm: avisited {
 display: block;
 width: 127px;
 height: 98px;
 background: top left no-repeat url('../images/joinmm.jpg');
 text-decoration: none;
}
#button_mm a:active, #button_mm a:hover {
	display: block;
	width: 127px;
	height: 98px;
	background: top left no-repeat url('../images/joinmm_over.jpg');
	text-decoration: none;
}
#button_ov {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/video.jpg');
}
#button_ov a:link, #button_ov a:visited {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/video.jpg');
	text-decoration: none;
}
#button_ov a:active, #button_ov a:hover {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/video_over.jpg');
	text-decoration: none;
}
#button_au {
	float: right;
	margin: 0;
	padding: 0;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/aboutus.jpg');
}
#button_au a:link, #button_au a:visited {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/aboutus.jpg');
	text-decoration: none;
}
#button_au a:active, #button_au a:hover {
	display: block;
	width: 127px;
	height: 128px;
	background: center center no-repeat url('../images/aboutus_over.jpg');
	text-decoration: none;
}
#ziplookup {
	clear: both;
	margin: 0px 0 10px 0;
	color: #0e8dd0;
}
#ziplookup form {
	margin: 0;
	padding: 0;
}
#ziplookup input {
	margin: 0;
}
#ziplookup table {
	border: none;
}
#ziplookup p {
	margin: -4px 0 0 0;
	padding: 0;
}
/* --- footer styles --- ==================================== */
#footer {
	clear: both;										/* clear anything above it */
	/* position: relative;							for centering content */
	width: 100%;										/* for centering content */
	overflow: hidden;								/* for centering content : warning, any content longer than the height will be cut off */
	margin: 0;											/* for centering content */
	border-top: 1px solid #cccccc;
	background-color: #e8e8e8;
}
#footercontent {
	/* position: relative;							for centering content */
	overflow: hidden;								/* for centering content : warning, any content longer than the height will be cut off */
	margin: 0 auto;									/* for centering content */
	width:  960px;
}
#mainfooter {
	float: left;
	width: 620px;
}
#sidefooter {
	float: right;
	width: 300px;
}
#fullfooter {
	clear: both;										/* clear anything above it */
	width:  960px;
	height: 64px;
	padding: 18px 0 18px 0;
}
#footerlinks {
	float: left;
	padding: 0 0 10px 0;
	font-size: 10px;
	line-height: 1.5em;
}
#footerlinks strong {
	font-weight: normal;
	font-family: Times New Roman, Times, Times Roman, sans-serif;
}
#footerlinks a:link, #footerlinks a:visited {
	text-decoration: none;
}
#footerlinks a:active, #footerlinks a:hover {
	text-decoration: underline;
}
#copyright {
	float: left;
	width: 760px;
}
/* --- rep box --- ==================================== */
#repbox {													/* in this design the rep box is inside right column at the top */
	background-color: #fff;
	border: 1px solid #c4c4c4;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* rep box font */
	font-size: 95%;
	margin: 0;
	padding: 5px;
	text-align: left;								/* right align text */
	width: 253px;
}
#repboxcontent {									/* content holder for repbox */
	margin: 0;
	padding: 5px;
	background: #e9f4fa top left repeat-x url(../images/des1/bg_rep.jpg);
	width: 243px;
}
#repbox-img {											/* holder for the image of the rep box */
	float: right;										/* image goes to the right of text */
	padding: 5px;
	border: 1px solid #c4c4c4;			/* border around the image itself */
	background-color: #f1fafc;
	margin-left: 10px;
}
#repbox-text {										/* holder for the text of the rep box */
	margin: 0;
	padding: 0;
}
#repbox-text a:link, #repbox-text a:visited {	/* email link */
	text-decoration: none;
	font-weight: bold;
}
#repbox-text a:active, #repbox-text a:hover {	/* email link hover */
	text-decoration: none;
	font-weight: bold;
}
#repbox-lic {										/* holder for the text of the rep box */
	clear: both;
	margin: 0;
	padding: 0;
}
.rbfoot {
	color: #205f91;
}
.imagerow, .imagerow-last {
	float: left;
	width: 120px;
	padding: 0 8px 20px 0;
	font-size: 10px;
	line-height: 1.2em;
	color: #666666;
	height: 180px;
}
.imagerow img, .imagerow-last img {
	padding-bottom: 3px;
}
.imagerow-last {
	padding: 0;
	padding-bottom: 20px;
}
.imagerow span, .imagerow-last span {
	font-size: 11px;
	color: #1d7dcd;
}
.support-l {
	float: left;
	margin: 6px 0 0 0;
	width: 465px;
}
.support-r {
	float: right;
	margin: 6px 0 0 0;
	width: 465px;
}
.support-l h2, .support-r h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #0054aa;
}
.language {
	background: url(../images/lang_bg.png) top left repeat;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/lang_bg.png'); /* needed to fix error on pages that use SWFobject */
	padding: 3px 6px;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 11px;
	color: #000;
	font-weight: normal;
}
#logo .language a {
	color: #000;
	font-weight: normal;
}
#logo .language a:hover {
	text-decoration: underline;
}
#colZero {
	width: 215px;
	float: left;
	margin: 0px;
}
#colZero a {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #8AC651;
}
#colOne {
	width: 215px;
	float: left;
	margin: 0px;
}
#colOne a {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #8AC651;
}
#colTwo {
	width: 220px;
	float: left;
	margin: 0px;
}
#colTwo a {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #8AC651;
}
#colThree {
	width: 305px;
	float: left;
	margin: 0px;
}
.indexBg {
	background: url(../images/indexBg2.jpg) no-repeat top center;
}
.btn_enroll {
	margin: 5px 0;
	width: 263px;
	height: 53px;
}
.btn_enroll a:link, .btn_enroll a:visited {
	width: 263px;
	height: 53px;
	background: url(../images/enrollNowIndex.jpg) top left no-repeat;
	display: block;
	text-decoration: none;
}
.btn_enroll a:hover, .btn_enroll a:active {
	width: 263px;
	height: 53px;
	background: url(../images/enrollNowIndexOver.jpg) top left no-repeat;
	display: block;
	text-decoration: none;
}
.btn_enroll span {
	display: none;
}
#startOver {
	display: none;
}
.btn_oppvidonswf {
	position: absolute;
	z-index: 100;
	top: 310px;
	left: 582px;
	border: none;
}
#ce {
	margin: 10px 0px 0px 20px;
	border: none;
}
#services {
	margin: 20px 0px 0px 0px;
	background: url(../images/indexNew/servicesBG.jpg) no-repeat;
	padding: 0px 0px 0px 7px;
	width: 956px;
	height: 105px;
}
a#mDigital {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mDigitalSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mDigital:hover {
	background: url(../images/indexNew/mDigitalSprite.png) no-repeat 0px -96px;
}
.over {
	background: url(../images/indexNew/overBG.png) no-repeat;
	padding: 13px 20px 0px 20px;
	color: #FFF !important;
	font-size: 22px;
	display: none;
	width: 135px;
	height: 84px;
	position: absolute;
	left: 0px;
	top: -70px;
	line-height: 22px;
	z-index: 5000;
}
.single {
	background: url(../images/indexNew/overBGSingle.png) no-repeat;
	padding: 13px 0px 0px 10px;
	color: #FFF !important;
	font-size: 18px;
	display: none;
	width: 165px;
	height: 84px;
	position: absolute;
	left: 0px;
	top: -40px;
	line-height: 22px;
	z-index: 5000;
}
a#mMobil {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mMobilSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mMobil:hover {
	background: url(../images/indexNew/mMobilSprite.png) no-repeat 0px -96px;
}
a#mEMS {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mEMSSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mEMS:hover {
	background: url(../images/indexNew/mEMSSprite.png) no-repeat 0px -96px;
}
a#mCares {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mCaresSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mCares:hover {
	background: url(../images/indexNew/mCaresSprite.png) no-repeat 0px -96px;
}
a#mClear {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mClearSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mClear:hover {
	background: url(../images/indexNew/mClearSprite.png) no-repeat 0px -96px;
}
#servicesTwo {
	float: left;
	position: relative;
	background: url(../images/indexNew/servicesTwoBG.jpg) no-repeat;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	width: 578px;
	height: 105px;
}
a#mTV {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mTVSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mTV:hover {
	background: url(../images/indexNew/mTVSprite.png) no-repeat 0px -96px;
}
a#mClean {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mCleanSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mClean:hover {
	background: url(../images/indexNew/mCleanSprite.png) no-repeat 0px -96px;
}
a#mNHS {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../images/indexNew/mNHSSprite.png) no-repeat;
	width: 189px;
	height: 96px;
}
a#mNHS:hover {
	background: url(../images/indexNew/mNHSSprite.png) no-repeat 0px -96px;
}
#servicesEnergy {
	background: url(../images/indexNew/servicesEnergyBG.png) no-repeat #EAEAEA;
	margin: 20px 0px 0px 8px;
	float: left;
	width: 362px;
	height: 160px;
	border: solid 1px #E8E9EC;
	
	}
	a#mClean:hover {
	background: url(../images/indexNew/mCleanSprite.png) no-repeat 0px -96px;
}
a#jeSprite {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 3px;
	background: url(../images/indexNew/jeSprite.png) no-repeat;
	width: 176px;
	height: 78px;
}
a#ceSprite:hover {
	background: url(../images/indexNew/ceSprite.png) no-repeat 0px -78px;
}
a#ceSprite {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0px 0px 3px;
	background: url(../images/indexNew/ceSprite.png) no-repeat;
	width: 176px;
	height: 78px;
}
a#jeSprite:hover {
	background: url(../images/indexNew/jeSprite.png) no-repeat 0px -78px;
}
.formText {
	margin: 10px 0px 0px 10px;
	width: 230px;
	float: left;	
}

.formElements {
	margin: 10px 0px 0px 0px;
	float: left;
	}