body { font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Sans-serif; margin: 0px; padding: 0px; background-color: #ecf9fe; background-image: url('images/sdg2bg.png'); background-position: top right; background-attachment: fixed; background-repeat: no-repeat; }

p { font-family: Georgia, Helvetica, Verdana, 'Lucida Grande', Arial, sans-serif; font-size: 12px; color: #5a5a5a; line-height: 18px; } 

ul, ol, li { font-family: Helvetica, Verdana, 'Lucida Grande', Arial, sans-serif; font-size: 1em; color: #848484; padding: 0px 0px 0px 12px; margin: 0px; }

.noindent li { background-image: url('images/ul-box.jpg'); background-repeat: no-repeat; list-style-type: none; list-style-position: outside; line-height: 27px; width: 203px; padding-left: 5px; padding-right: 5px; text-align: left;  }

#sidemenu { position: relative; background-color: #17a20c; width: 300px; float: left; opacity: 0.9; filter: alpha(opacity=90); z-index: 10; margin-top: 40px;}

#sidemenu ul { display: block; font-family: Helvetica, Verdana, 'Lucida Grande', Arial, sans-serif; font-weight: bold; font-size: 1em; color: #ffffff; padding-left: 20px; z-index: 20; }

#sidemenu li { display: block; list-style-type: none; text-align: left; line-height: 27px; z-index: 20; }

#sidemenu a:link { color: #ededed; text-decoration: none; display: block; }
#sidemenu a:visited { color: #9ff609; text-decoration: inherit; }
#sidemenu a:hover { color: #1252a2; text-decoration: inherit; border-bottom: 1px dotted #eaeaea; }
#sidemenu a:active { color: orange; text-decoration: inherit; }


#sidemenu p,h2,h3 {font-family: Helvetica, Verdana, 'Lucida Grande', Arial, sans-serif; color: #ffffff; padding-left: 30px; margin: 0px; padding-right: 30px;}

#sidemenu h2 { border-bottom: 1px dotted #dcdcdc; }

#sidemenu .internal { padding-left: 16px; background: url('images/double-arrow.png') no-repeat top left; }

.clearthefield { clear: both; }

h1 { font-family: Helvetica, Georgia, Helvetica, Verdana, 'Lucida Grande', Arial, sans-serif; font-size: 30px; color: #333; text-transform: uppercase; }

a, img { border: none }

a:link { color: #1465b7; text-decoration: none; border: none; }
a:visited { color: #1465b7; text-decoration: none; border: none; }
a:hover { color: #39b01a; text-decoration: inherit; border-bottom: 1px dotted #39b01a; } 
a:active { text-decoration: inherit; color: #b2018a; }

a.external { padding-right: 16px; background: url('images/double-arrow.png') no-repeat top right; }

a.internal { color: #1465b7; text-decoration: none; border: none; padding-right: 16px; background: url('images/double-arrow.png') no-repeat top right; }
a.internal:link { text-decoration: none; border: none; }
a.internal:visited { color: #1465b7; text-decoration: none; border: none; }
a.internal:hover { color: #39b01a; text-decoration: inherit; border-bottom: 1px dotted #39b01a; }


.colorline-green { background-color: #17a20c; width: 100%; border: 4px solid #17a20c; position: fixed; top: 0px; z-index: 10; opacity: 0.8; filter: alpha(opacity=80); }

.mindicator-green { float: left; position: fixed; top: 8px; z-index: 10; opacity: 0.8; filter: alpha(opacity=80); font-size: 0px; line-height: 0%; width: 0px; border-top: 10px solid #17a20c; border-left: 10px solid #f7f1e8; border-right: 10px solid #f7f1e8; }

.mindicator-text { float: left; width: 55px; position: fixed; top: 20px; font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-serif; margin: 0px; padding: 0px; font-weight: bold; font-size: 14px; z-index: 10; }

.colorline-green-vertical { background-color: #17a20c; height: 100%; border: 5px solid #17a20c; position: fixed; left: 0px; z-index: 10; opacity: 0.8; filter: alpha(opacity=80); }

.mindicator-green-vertical { float: left; position: fixed; left: 10px; top: 216px; z-index: 10; opacity: 0.8; filter: alpha(opacity=80); font-size: 0px; line-height: 0%; width: 0px; border-left: 10px solid #17a20c; border-bottom: 10px solid #f2fbfe; border-top: 10px solid #f2fbfe; }

.mindicator-text-vertical { float: left; width: 80px; position: fixed; top: 218px; left: 25px; font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-serif; margin: 0px; padding: 0px; font-weight: bold; z-index: 10; }

.closearrow { position: fixed; left: 290px; top: 150px; font-size: 0px; line-height: 0%; width: 0px; border-right: 10px solid #ffffff; border-bottom: 10px solid #17a20c; border-top: 10px solid #17a20c;  z-index: 30;}

.closebox { position: fixed; left: 274px; top: 180px; border: 0px;  z-index: 30; width: 26px; height: 96px; background-image: url('http://www.stablegroup.com/images/hide-sidemenu.png'); background-repeat: no-repeat; }

.mindicator-text-vertical-hide { float: right; width: 80px; position: relative; top: 150px; font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-serif; margin: 0px; padding: 0px; font-weight: bold; color: #ffffff; padding-right: 5px; z-index: 20; }

.mindicator-text-vertical-hide a:link { color: #ffffff; }

.header { position: relative; left: 155px; width: 750px; height: 200px; }

.hud { height: 200px; background-color: #dcdcdc; width: 745px; }

.texticon { display: inline; z-index: -10; vertical-align: text-bottom; position: relative; bottom: 5px; }

.roundedbox {
	background: yellow;
	color: #333;
	font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	margin: 2em auto 0 auto;
	width: 80%;
	padding: 1em 2em;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	border: 0px solid #dfdfdf;
	}
	
	
.container { display: table; position: relative; width: 1060px; margin: auto; }

.main { display: table; width: 905px; position: relative; height: 100%; padding-bottom: 45px; }

.col_logo { display: table-column; float: left; width: 155px; position: relative; top: 202px; height: 100%; }

.col_header_red { height: 44px; background-color: #6f130e; }
.col_header_green { height: 44px; background-color: #a1f783; }
.col_header_blue { height: 44px; background-color: #14589d; }
.col_header_grey { height: 44px; background-color: #c0c0c0; }

.col_header_txt { font-size: 18px; color: f8f8ff; text-align: center; padding-top: 10px; }



.footer { clear: both; position: relative; bottom: -25px; display: block;
 	width: 770px; }

.footeritem { position: relative; float: left; padding: 5px; }
.footeritem a { text-decoration: none; border: 0 }

#toggle_sidemenu { background-color: #17a20c; height: 100%; width: 300px; position: fixed; left: 0px; z-index: 10; opacity: 0.9; filter: alpha(opacity=90); border-right: 8px solid #cae4bf; z-index: 20; }

#toggle_sidemenu_inv { position: fixed; left: 300px; height: 100%; width: 100%; opacity: 0.2; filter: alpha(opacity=20); z-index: 5;}

<!--NODES-->

.nodegrid { display: table; position: relative; width: 800px; }

.hud { height: 200px; background-color: #dcdcdc; width: 800px; }

.hudnode { position: relative; display: table-cell; float: left; width: 248px; height: 449px; margin: 5px; 
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; 
	background-color: #dcdcdc;
	-moz-box-shadow:0 2px 4px #ababab;
	-webkit-box-shadow:0 2px 4px #ababab;
	}

.hudnode p { padding-left: 15px; padding-right: 15px; font-size: .9em; }

.hudnode img { border: 0px; padding: 0px; margin: 0px; display: block; }
.hudnode a { font-size: .85em; border: 0; }
.hudnode a:link { text-decoration: none; }
.hudnode a:visited { text-decoration: none; }
.hudnode:hover { color: #b2018a; text-decoration: none; background-color: #ebd6a9; }
.hudnode:active { background-color: #e1ffdc; }


.hudimg { height: 199px; } 

.node_header_red { height: 44px; background-color: #6f130e; color: #dcdcdc; width: 248px; margin: auto; }
.node_header_green { height: 44px; background-color: green; color: #dcdcdc; width: 248px; margin: auto; }
.node_header_ltgreen { height: 44px; background-color: #6aa505; color: #454545; width: 248px; margin: auto; }
.node_header_blue { height: 44px; background-color: #14589d; color: #dcdcdc; width: 248px; margin: auto; } 
.node_header_ltblue { height: 44px; background-color: #056aa5; color: #dcdcdc; width: 248px; margin: auto; }
.node_header_grey { height: 44px; background-color: #676767; color: #dcdcdc; width: 248px; margin: auto; }
.node_header_orange { height: 44px; background-color: orange; color: #333; width: 248px; margin: auto; }

.node_header_grey:hover { background-color: green; }
.node_header_red:hover { background-color: green; }
.node_header_blue:hover { background-color: green; }
.node_header_green:hover { background-color: orange; color: #000; }
.node_header_orange:hover { background-color: green; color: #dcdcdc; }




.node_header_txt { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 18px; ; text-align: center; padding-top: 10px; }
.node_header_txt a:link { text-decoration: none; }
.node_header_txt a:visited { text-decoration: none; }

.roundedbox-248 { position: relative;
	color: #333;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	margin: 2em auto 0 auto;
	width: 248px;
	padding: 1em 2em;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	border: 0px solid #dfdfdf;
	}
	
.alertbox { 
	position: relative;
	margin: auto;
	background:#fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 4px solid #ddd;
	padding: 15px;
	color: #5e5e5e;
	-moz-box-shadow: 0 2px 4px #ababab;
	-webkit-box-shadow: 0 2px 4px #ababab; 
	}
	
p.form { font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 1em; color: #c0c0c0; }

.footerlogo { position: relative; padding: 5px; float: right; border: none; width: 202px; }

.focusbox { position: relative;
	margin: auto;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 4px solid #ddd;
	padding: 15px;
	-moz-box-shadow: 0 2px 4px #ababab;
	-webkit-box-shadow: 0 2px 4px #ababab; 
	display: block; margin-left: 4px; background: #676767; width: 727px; opacity: 0.6; filter: alpha(opacity=60); color: #fff; margin-top: 20px } 
	
	
.focusbox p { font-size: 1em; color: #fff }

.tags { display: inline; position: relative; float: left; color: #333; background: #dcdcdc; padding: 5px; margin: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.quote { position: relative;
	margin-left: 20px; margin-right: 20px;
	background:#ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 4px solid #ddd;
	padding: 15px;
	color: #5e5e5e;
	text-align: left; float: right; width: 250px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 16px; color: #565656; background-image: url('images/quote.png') no-repeat top left; }


.quote1img { display: inline; position: relative; top: -5px; border: none; float: left; margin-right: 5px; margin-bottom: 5px; vertical-align: baseline; }

.quote2img { display: inline; position: relative; border: none; float: right; margin-left: 5px; margin-top: 5px; vertical-align: baseline; }

.quotearrow { float: left; position: absolute; left: -14px; top: 14px; font-size: 0px; line-height: 0%; width: 0px; border-right: 10px solid #dcdcdc; border-bottom: 10px solid #f2fbfe; border-top: 10px solid #f2fbfe; }

.quotesource { position: relative; text-align: right; float: right; padding-top: 10px; font-size: 10px; font-weight: bold; color: #565656; }