/*eric elements*/

html {margin:0;padding:0}

body {background:#fff;padding:0;margin:0;font-family:arial, verdana, sans-serif;font-size:12px}
body a {color:#3399cc}

hr {height:1px;border-style:none;color:#ccc;background:#ccc}
.rule {style-type-shade:none;border-top-width:1px;border-top-style:solid;border:#ccc;margin:0px}
.dothr {border-style:none;border-top: 1px dotted #999;border-bottom: 1px solid white;height:2px;margin:7px 0 7px 0}

/*clears*/
.c-lt {clear:left}
.c-rt {clear:right}
.c-b {clear:both}
/*end clears*/

img {margin:0;padding:0;border:0}
img.block {display:block}
img.chat {float:right;margin-top:1px}
img.left {float:left}
img.floatRight {float:right;margin:10px}
img.floatLeft {float:left;margin:10px}

span.red {font-weight:bold;color:red}
span.blue {font-weight:bold;color:blue}

a {color:#525252}

.body {font-size:12px;color:#525252;line-height:16px}
.body a {color:#525252;text-decoration:none;font-weight:bold}
.body a:hover {color:#17315e}

p {margin:0 0 20px 0}

h1 {font-size:16px;font-family:lucida, verdana, arial, helvetica, sans-serif;margin:0;padding:0;color:#566773}
h1.misc-title {margin:15px 0 20px 0;padding:0 0 2px 0;border-bottom:1px dotted #999}
h1.help {font-size:13px;margin:0}
h2 {font-size:12px;font-family:lucida, verdana, arial, helvetica, sans-serif;color:#566773;margin:0;padding:5px 0 0 0}
h3 {font-size:13px;font-family:lucida, verdana, arial, helvetica, sans-serif;color:#566773;margin:0;padding:0 0 2px 0}
h3 a:hover {color:#333}
h4 {font-size:12px;color:#336699;margin:20px 0 10px 0}

/*head*/
#head-bgnd {width:100%;height:114px;background:url(/images/bgnd_header.png) repeat-x}
#head-main {width:970px;height:100px;margin:auto;padding-top:14px}
#head-main ul {margin:0 0 0 20px;padding:15px 0}
#head-main li {list-style:none;float:left;display:inline;margin-right:25px}
#head-main li a {color:#333;text-decoration:none}
#head-main li a:hover {color:#666}

#help {float:left;width:330px;padding:12px 0 5px 0;margin-left:50px}

#top-nav {float:left;width:370px;height:55px}
#top-nav ul {height:50px;margin:27px 0 0 10px;padding:0}
#top-nav li a {padding:0 0 0 20px;line-height:18px;height:18px;display:block;background:url(/images/bgnd_top_nav.png) no-repeat}
#top-nav li a:hover {background:url(/images/bgnd_top_nav_on.png) no-repeat}
/*end head*/

#container {width:1002px;background:url(/images/bgnd_container.png) repeat-y;padding:0;margin:auto}

/*left*/
#lt-col {float:left;width:187px;margin:0 0 0 15px}

	/**prod nav**/
	#prod-nav {background:#f6faf9;width:172px;border-left:#ccc 1px solid;border-right:#ccc 1px solid}
	ul.cat {width:172px;list-style:none;margin:0;padding:0}
	ul.cat li a {height:18px;background:url(/images/but_prod_nav.png) no-repeat;width:157px;padding-left:18px;display:block;text-decoration:none;color:#666;line-height:18px;font-weight:bold}
	ul.cat li a:hover {width:157px;color:#333;background:url(/images/but_prod_nav_on.png) no-repeat}

	ul.prod {width:150px;list-style:none;margin:2px 0 0 13px;padding:0;font-size:12px}
	ul.prod li {margin:0;padding:0;color:#757575;float:left}
	ul.prod li a {color:#428cb1;display:inline;margin:2px;padding:0;text-decoration:none}
	ul.prod li a:hover {background:none;color:#666}

	div.clear-nav {clear:left;height:10px}
	/**end prod nav**/

/*end left*/

#content-area {min-height:500px;width:600px;background:#fff;padding:20px;float:left;border-left:#444 1px solid;border-right:#444 1px solid}
#content-container {float:left;width:554px;margin:0;padding:10px}
#content-container h2 {padding:5px 0 5px 0}
#content-area li {margin-bottom:6px}

/*right*/
#rt-col {float:left;width:200px;margin:10px 0 0 13px}
.rt-box {width:186px;padding:5px;border-left:#ccc 1px solid;border-right:#ccc 1px solid;color:#666}

.console {color:#666;font-size:12px;padding:0}
.console ul {list-style:none;margin:0;padding:0}
.console li {margin:1px 0 0 0;background:#e5e5e5 url(/images/but_console.png) no-repeat}
.console li a {height:21px;line-height:21px;padding:0 0 0 15px;text-decoration:none;display:block;color:#333}
.console li a:hover {color:#aaa;background:#d9d9d9 url(/images/but_console_on.png) no-repeat}

#rt-nav {width:176px;margin:0;padding:10px;font-size:12px;border-left:#ccc 1px solid;border-right:#ccc 1px solid}
#rt-nav ul {padding:0;margin:10px 0 0 0;list-style:none}
#rt-nav ul li a {text-decoration:none;color:#333;background:#eee;display:block;padding:2px 2px 2px 5px;border-bottom:#fff 1px solid}
#rt-nav ul li a:hover {color:#fff;background:#999}

.subMenu {width:176px;margin:0;padding:5px 10px 5px 10px;font-size:12px;border-left:#ccc 1px solid;border-right:#ccc 1px solid}
.subMenu ul {padding:0;margin:0;list-style:none;border-top:#ccc 1px solid}
.subMenu ul li a {text-decoration:none;color:#333;background:#eee;display:block;padding:2px 5px 2px 5px;border-bottom:#fff 1px solid}
.subMenu ul li a:hover {color:#fff;background:#999}

.contributors {width:183px}
.contributors ul {margin:10px 10px 0 10px;padding:5px}
.contributors li {list-style:none;margin-bottom:8px;padding:3px;height:10px}
.contributors li a {line-height:15px;height:15px}

.social {width:183px}
.social ul {margin:10px 10px 0 10px;padding:5px}
.social li {list-style:none;margin-bottom:8px;padding:3px;height:24px}
.social li a {line-height:26px;height:20px}
.social li a:hover {color:#666}
.social img {margin-right:10px;border:#999 1px solid;float:left}

/*end right*/

/*footer*/
#footer {width:1002px;margin:auto;font-size:12px}
.footer-nav {float:left;width:160px;margin:10px 0 0 30px}
.footer-nav h1 {color:#999;margin:0;padding:0 0 2px 0;font-size:12px;border-bottom:1px dotted #999;}
.footer-nav ul {list-style:none;margin:3px 0;padding:0}
.footer-nav li a {list-style:none;color:#999;font-size:11px;font-family:verdana}
.footer-nav li a:hover {color:#666}

#copyright {font-size:10px;color:#999;line-height:14px;width:750px;margin:auto;text-align:center}
/*end footer*/

#comment_form {border-top:1px dotted #999;padding-top:10px}
#comment_form input, textarea {width:300px}
div.comments {width:550px;border-top:1px dotted #999;padding-top:10px}

/*end eric elements*/

/*h1	{ font-size: 2em;color: #024877; }
h1.help {font-size:13px;margin:0}
h2	{ font-size: 1.6em;color: #024877}
h3	{ font-size: 1.4em;line-height:16px;margin:0 ;padding:0;color:#8dc800}
h4	{ font-size: 1.2em;color: #024877; }
h5	{ font-size: 1.1em;color: #024877; }
h6	{ font-size: 1em;color: #024877; }
p   {line-height:16px;margin:5px 0 15px 0}
*/

blockquote  { margin: 0; padding: 10px 20px; color: #333; line-height: 1.6; font-family: arial, sans-serif}
fieldset    { border: 0 !important; }

/* -- User friendly features -- */
.hidden   { display: none; }


/* -- Main classes -- */
.fr		    { float: right !important; }
.fl		    { float: left !important; }
.clear    { clear: both !important; }
.right	  { text-align: right !important; }
.left		  { text-align: left !important; }
.center	  { text-align: center !important; }
.last		  { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.small	  { font-size: .90em; }
.big      { font-size: 1.5em; }
.item     { margin-bottom: 1.5em; clear: both; }
.info     { font-size: .95em; margin: 2px 0 6px !important; color: #148d04; }
.img      { padding: 3px; border: 1px #dff1f9 solid; float: left; }
.img img  { padding: 0; border: none !important; }
.self     { padding-left: 10px; float: left; margin-top: -4px; }
.date     { font-weight: bold; color: #066bb6;display:none}
.perex    { margin-bottom: 0 !important; }
.col1     { width: 49%; float: left; }
.col2     { width: 49%; float: right; }
.col2 *   { padding-left: 0 !important; }
img.left  { margin-left: 0 !important; }
img.right { margin-right: 0 !important; }