/* TAG DEFINITTIONS */
body {
	background-color: rgb(232,235,237);
	font: normal normal normal 12px Verdana,sans-serif;
}
a {
    color: #F76A04;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #F76A04;
    text-decoration: underline;
}
a.plain {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
a.plain:hover {
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
}
a[name], a[name]:hover {
    color: inherit;
    font-weight: inherit;
    text-decoration: inherit;
}
h1 {
    font: normal normal normal 18px Tahoma,sans-serif;
    margin-bottom: 2px;
}
h1 a {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
h1 a:hover {
    color: #F76A04;
    text-decoration: underline;
}
h2 {
    font: normal normal normal 14px Tahoma,sans-serif;
    margin-bottom: 2px;
}
h2 a {
    color: #F76A04;
    font-weight: bold;
    text-decoration: none;
}
h2 a:hover {
    color: #F76A04;
    text-decoration: underline;
}
h3 {
    font: normal normal bold 12px Tahoma,sans-serif;
}
h3 a {
    color: #F76A04;
    text-decoration: none;
}
h3 a:hover {
    color: #F76A04;
    text-decoration: underline;
}
h4 {
    font: normal normal bold 11px Tahoma,sans-serif;
    margin-bottom: 2px;
}
p {
    line-height: 1.2em;
    word-spacing: normal;
    margin: 0px 0px 2px 0px;
}
hr {
    background-image: url("../icons/hr-gradient.png");
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
    height: 2px;
    margin: 10px 0px 10px 0px;
}
img { 
    -ms-interpolation-mode: bicubic; 
}
pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    width: 99%;
}    
/* GENERIC CLASS DEFINITIONS */
.sub {
    font-size: 11px;
}
.note {
    font-size: 10px;
    color: #788085;
}
.notice {
    background-color: #FFFFDD;
    margin: 1px 0px 7px 0px;
    padding: 2px 5px 2px 5px;
    border: dashed 1px gray;   
}
.inactive {
    color: #788085;
}
.photoframe {
    padding: 1px;
    border: solid 1px #AAAAAA;
}       
.itemphoto {
    float: left;
    padding: 1px;
    border: solid 1px #AAAAAA;
}
.itemlabel {
    float: left;
}
.iteminfo {
    margin: 0px 0px 0px 70px;
}
.roren {
    color: #C7273A;
}
.section {
    word-spacing: normal;
    margin-bottom: 10px;
}
.row {
    margin-bottom: 5px;
}
.heading-gr {
    background-image: url("../slices/heading-bg.png");
    background-position: top;
    background-repeat: repeat-x;
    height: 22px;
    padding: 2px 0px 0px 2px;
    border-top: solid 1px gray;
}
.heading {
    width: 100%;
    height: 24px;
    background-color: #7C8489;
    margin: 0px 0px 10px 0px;
}
.heading img {
    display: inline-block;
    border: 0px;
    margin: -4px 0px 0px 0px;
}
.heading span {
    font: normal normal normal 16px Tahoma,sans-serif;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    margin: 3px 0px 0px 0px;
}
li.arrow1 {
    background-image: url("../icons/arrow1-right.gif");
    background-repeat: no-repeat;
    list-style-type: none;
    padding: 0px 0px 2px 20px;
}
li.arrow2 {
    background-image: url("../icons/arrow2-right.gif");
    background-repeat: no-repeat;
    list-style-type: none;
    padding: 2px 0px 5px 23px;
}
li.arrow3 {
    background-image: url("../icons/arrow3.png");
    background-repeat: no-repeat;
    list-style-type: none;
    padding: 2px 0px 2px 23px;
}
ul.arrow4 {
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 5px 15px;
    list-style: none;
	text-indent: -1em;
}
ul.arrow4 li:before, ul li.arrow4:before {
	content: "\00BB \0020 \0020";
	font-size: 14px;
}
.ordinal span {
    font: normal normal bold 72pt Arial,sans-serif;
    color: #DDDDDD;
}
span.sm-ordinal {
    font: normal normal bold 10pt Tahoma,sans-serif;
    color: #FFFFFF;
    background-color: #697A83;
}
/* MAIN FRAME DEFINITIONS */
div.shadow-frame {
	margin: 0px auto 0px auto;
	width: 1024px;
	background-image: url("../slices/roren_body_background.gif");
	background-repeat: repeat-y;
	overflow: hidden;
}
div.shadow-frame div.topShadow {
	width: 1024px; height: 11px;
	background-image: url("../slices/roren_top_shadow.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
}
div.shadow-frame div.leftShadow {
	float: left;
	width: 12px; 
	min-height: 700px;
}
div.shadow-frame div#page {
	float: left;
	width: 996px;
	overflow: hidden;
}
div.shadow-frame div.rightShadow {
	float: left;
	width: 16px; 
	min-height: 700px;
}
div.shadow-frame div.bottomShadow {
	width: 1024px; height: 15px;
	background-image: url("../slices/roren_bottom_shadow.gif");
	background-repeat: no-repeat;
	background-position: center top;
}	
/* PAGE DEFINITIONS */
div#page {
	position: relative;
}
div#page div.corner {
	position: absolute;
	top: 0px;
	right: 0px;
}
/* HEADER DEFINITIONS */
div#page div.header {
	width: 996px;
}
div#page div.header div#banner {
	padding: 0px 0px 0px 0px;
	width: 100%; height: 152px;
	background-image: url("../slices/roren_header_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
div#page div.header #beta {
    position:relative;
    float:left;
    left: -510px;
    top: 8px;
    font: normal normal normal 16px Cambria,sans-serif;
    color: #AAAAAA;    
}
div#page div.header #beta a {
    font-weight: normal;
    color: #AAAAAA;        
}
div#page div.header #logo {
	left: 18px; top: 79px;
	position: relative;
	float: left;
}
div#page div.header div#mm {
	width: 100%; height: 39px;
	background-image: url("../slices/roren_mm_bg.gif");
}
div#page div.header div#mmShadow {
	width: 100%; height: 9px;
	background-image: url("../slices/roren_mm_bottom_shadow.gif");
}
div#page div.header div#sm {
	height: 23px;
	background-image: url("../slices/breadcrumb-bg.png");
	background-repeat: repeat-x;
	padding: 0px 0px 0px 7px;
	font: normal normal normal 11px Verdana,sans-serif;
}
div.sitemap {
    font: normal normal normal 11px Verdana,sans-serif;
}
div#page div.header div#sm .path, div.sitemap .path {
    font-size: 12px;
    margin: 0px 5px;
}
div#page div.header div#tagline {
	left: 40px; top: 80px;
	position: relative;
	float: left;
	padding-left: 25px;
	
	border-left: solid 1px black;
}
div#page div.header div#tagline p {
    font: normal bold 9pt Tahoma, Verdana, Arial, sans-serif;
    color: #777777;
	line-height: 1.3em;
}
/* LANGUAGE SWITCHER DEFINITIONS */
div#page div#switcher {
	float: right;
	margin: 0px 20px 0px 0px;
}
div#page div#switcher .switcherItem {
	display: block; float: left;
	margin-left: 2px;
	padding: 4px 6px 4px 8px;
	font: normal normal 11px Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
}
div#page div#switcher a.langSwitcher {
	background: #FFFFFF;
	color: #5C5C5C;
}
div#page div#switcher a.langSwitcher:hover {
    text-decoration: underline;
}
div#page div#switcher a.langSwitcherSelected {
	color: #5C5C5C;
	background: #FFFFFF;
	font-weight: bold;
}
/* SIGNIN CONTROL DEFINITIONS */
div#page div#signin-ctrl {
	float: right;
}
div#page .signinName {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: White;
	float: left; 
	top: 3px;
	left: -60px;
}
div#page a.signInButton {
	display: block; 
	margin: 0px 0px 0px 2px;
	padding: 4px 10px 4px 10px;
	font: normal normal bold 10pt Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url("../slices/roren_mm_red_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	height: 16px;
}
div#page a.signInButton:hover {
    text-decoration: underline;
}
div#page div.header div#account {
	float: right; min-width: 10px;
	margin: 5px 12px 0px 0px;
	color: #FFFFFF;
	text-align: right;
}
div#page div.header div#account a {
	font: normal bold 8pt Tahoma, Verdana, Arial, sans-serif;
	text-decoration: underline;
	color: #FFFFFF;
}
div#page div.header div#account a:hover {
	text-decoration: underline;
}
/* MAIN MENU LINKS DEFINITIONS */
div#page div.header div#mm a {
	text-decoration: none;
}
div#page div.header div#mm .mmItem {
	display: block; float: left;
	border-right: 1px solid #FFFFFF;
	padding: 10px 9px 12px 9px;
	font: normal 14px Tahoma, Verdana, Arial, sans-serif;
	color: #FFFFFF;
}
div#page div.header div#mm .mmItemImportant {
	font-weight: bold;
}
div#page div.header div#mm a.mm {		
	background-image: url("../slices/roren_mm_bg.gif");
}
div#page div.header div#mm a.mm:hover {
	background-image: url("../slices/roren_mm_orange_bg.gif");
}
div#page div.header div#mm a.mmSelected {		
	background-image: url("../slices/roren_mm_orange_bg.gif");
}
div#page div.header div.searchbox {
    float: right;
    margin: 10px 5px 0px 0px;
}
div#page div.header div.searchbox input[type="text"] {
	width: 200px;
	height: 15px;
	padding: 2px;    
	border: 0px;
	color: #B3B3B3;
}
div#page div.header div.searchbox input[type="text"]:focus {
    color: #000000;
}
div#page.in div.header div.searchbox input[type="text"] {
    width: 155px;
}
div#page div.header a.searchbox {
    float: right;
    margin: 10px 5px 0px 0px;
}
/* BODY DEFINITIONS */
div#page div#body {
	width: 996px; min-height: 540px;
	background-color: #FFFFFF;
}
/* FOOTER DEFINITIONS */
div#page div.footer {
	width: 996px; height: 69px;
	background-image: url("../slices/roren_footer_content_bg.gif");
	background-repeat: repeat-x;
	background-position: left top;
}
div#page div.footer div.footerContent {
	width: 980px;
}
div#page div.footer div#leftContent {
    margin: 8px 0px 0px 15px;
}
div#page div.footer div#leftContent p {
    line-height: 1.5em;
}
div#page div.footer div#rightContent {
    margin: 7px 5px 7px 450px;
}
div#page div.footer div#rightContent p {
	text-align: right;
	padding: 40px 15px 0px 0px;
	border-right: solid 1px white;
}
div#page div.footer .logo {
	position: relative;
	top: 12px;
	left: 10px;
}
div#page div.footer p {
	color: White;
}
div#page div.footer a {
	color: White;
	font-weight: normal;
    text-decoration: none;
}
div#page div.footer a:hover {
    text-decoration: underline;
}
div#page div.footer div#leftTube {
	float: left;
	width: 6px; height: 69px;
	background-image: url("../slices/roren_footer_content_left.gif");
	background-color: rgb(200,200,200);
}
div#page div.footer div#rightTube {
	float: right;
	width: 6px; height: 69px;
	background-image: url("../slices/roren_footer_content_right.gif");
	background-color: rgb(170,170,170);
}
/* HOME PAGE */
div#home div#topband {
    height: 180px;
    background-image: url("../images/imagery.jpg");
    background-position: left center;
    background-repeat: no-repeat;
}
div#home div.pillar {
    width: 209px;
    height: 70px;
    word-spacing: normal;
    vertical-align: top;
    margin: 5px 5px 0px 0px;
    padding: 0px 0px 5px 0px;
}
div#home div.pillar .body {
    padding: 0px 0px 0px 22px;
}
div#home h1 .teaser, div#about-tools h1 .teaser {
    font: normal bold 12px Tahoma,sans-serif;
}
div#home div#memberscol div.body {
    width: 620px;
    float: left;
}
div#home div#memberscol p#intro {
    margin: 0px 80px 10px 45px;
}
div#home div#memberscol .leftscroller {
    margin: 30px 5px 0px 5px;
    cursor: hand;
}
div#home div#memberscol .rightscroller {
    margin: 30px 5px 0px 5px;
    cursor: hand;
}
div#home div#memberscol .wave {
    margin: 5px 0px 0px 0px;
    float: right;
}
div#home div#memberscol div.member {
    padding: 0px 5px 0px 0px;
}
div#home div.member .iteminfo {
    margin: 0px 0px 0px 100px;
}
div#home div#toolscol {
    border-left: solid 1px gray;
}
div#home div#toolscol .wave {
    position: absolute;    
    top: 430px;
}
div#home div.tool {
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 55px;
    background-color: #FFF7EF;
}
div#home div.tool:hover {
    background-color: #FEE5CC;
}
div#home div.tool:hover a {
    color: #F76A04;
    text-decoration: underline;
}
div#home div.mastery {
    background-color: #F3FAE6;
}
div#home div.mastery:hover {
    background-color: #DDF0B8;
}
div#home div.mastery:hover a {
    color: #F76A04;
    text-decoration: underline;
}
div#home div#toolscol .section {
    margin: 15px 0px 10px 55px;
}
div#home div#articlescol div.body {
    padding: 5px 10px 0px 15px;
}
div#home div#eventscol div.body {
    border-right: solid 1px gray;
    margin: 0px 0px 0px 15px;
    padding: 5px 3px 0px 0px;
}
div#home div.article, div#home div.event {
    margin: 0px 0px 15px 0px;
}
div#home div.article p, div#home div.event p{
    margin: 5px 0px 0px 0px;
}
div#home div#trainingcol div.body {
    height: 270px;
    padding: 0px 0px 0px 45px;
    border-left: solid 1px gray;
}
div#home div#propertiescol div.body {
    height: 80px;
    border-left: solid 1px gray;
}
/* SIGNIN, PASSWORD, ACTIVATE, JOIN-complete PAGE */
div#signinHeader {
    padding: 75px 0px 5px 40px;
    width: 100%;
}
div#signinFormContainer {
    height: 172px;
    width: 100%;
    background-color: #F5F5F5;
    background-image: url("../images/birds-clouds.png");
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0px 0px 75px 0px;
}
div#signinFormContainer div#left {
    float: left;
    width: 570px;
}
div#signinFormContainer div#left.activate {
    padding: 20px 0px 0px 45px;
    float: left;
    width: 570px;
}
div#signinFormContainer div#right {
    float: right;
}
div#signinFormContainer .signinForm {
    margin: 30px 0px 0px 110px;
}
div#signinFormContainer .fieldLabel {
    font: normal normal normal 18px Arial,Tahoma,sans-serif;
    text-transform: lowercase;
    text-align: right;
    vertical-align: top;
    padding: 3px 5px 0px 0px;
}
div#signinFormContainer .fieldContainer {
    padding: 0px 5px 10px 5px;
}
div#signinFormContainer .fieldContainer input {
    font-size: 14px;
    padding: 2px;
    width: 250px;
    border: solid 1px #AAAAAA;
}
div#signinFormContainer .fieldContainer .note {
    text-transform: lowercase;
}
div#signin .forgot {
    float: right;
    margin: 4px 0px 0px 0px;
    font-family: Arial,sans-serif;
    text-transform: lowercase;
}
/* JOIN PAGE */
div#join {
    position: relative;
    min-height: 550px;
}
div#join div#leftcol {
    float: left;
    width: 640px;
    margin: 10px 0px 10px 20px;
}
div#join div#rightcol {
    float: right;
    width: 330px;
    margin: 10px 5px 0px 0px;
}
div#join .sub {
    width: 550px;
}
div#join div.buttons {
    margin: 0px 0px 20px 165px;
}
div#join table.twocol {
    border: 0px;
    width: 100%;
}
div#join table.twocol .fieldLabel {
    text-transform: lowercase;
    text-align: right;
    padding: 0px 5px 0px 0px;
    vertical-align: text-top;
    width: 23%
}
div#join table.twocol .fieldContainer {
    padding: 0px 0px 8px 0px;
    width: 77%;
}
div#join table.twocol .fieldContainer p {
    text-transform: lowercase;
}
div#join div.section {
    margin: 0px 0px 10px 0px;
}
div#join .tree {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
div#join .tandc {
    width: 90%;
    margin: 0px 0px 5px 0px;
}
/* EVENTS PAGE */
div#events {
    padding: 10px 0px 30px 0px;
}
div#events div#leftcol {
    width: 187px;
    float: left;
    margin: 0px 0px 0px 3px;
}
div#events div#middlecol {
    width: 555px;
    float: left;
    margin: 0px 10px 5px 10px;
    padding: 0px 10px 0px 0px;
    border-right: solid 1px #AAAAAA;
}
div#events div#rightcol {
    width: 215px;
    float: right;
    margin: 0px 5px 0px 0px;
}
div#events div.event {
    margin: 0px 0px 10px 0px;
}
div#events div.eventInfo {
    width: 450px;
}   
div#events div.event .iteminfo, div#articles div.article .iteminfo {
    margin: -2px 0px 0px 70px;
}    
div#events div.event p {
    margin: 5px 5px 0px 0px;
}    
div#events div#manage {
    margin: 5px 0px 15px 0px;
}
div#events div#manage li {
    display: inline;
    margin: 0px 20px 0px 0px;
}
div#event {
    padding: 10px 0px 20px 0px;
}
div#event div#leftcol {
    width: 215px;
    float: left;
    margin: 0px 0px 0px 3px;
}
div#event div#middlecol {
    width: 505px;
    float: left;
    margin: 0px 10px 0px 10px;
    border-right: solid 1px #AAAAAA;
}
div#events .intro, div#articles .intro {
    margin: 0px 0px 21px 0px;
}
div#event div#rightcol {
    width: 245px;
    float: left;
    margin: 0px 3px 0px 0px;
}
div#event div.map {
    position: relative;
    height: 240px;
    width: 240px;
    border: solid 1px #000000;
    padding: 1px;
}
div#event div#eventInfo {
    margin: 5px 5px 10px 0px;
    width: 390px;
}
div#event h2 , div#article h2 {
    background-image: url("../slices/heading-bg.png");
    background-position: top;
    background-repeat: repeat-x;
    height: 22px;
    padding: 0px 0px 0px 2px;
    margin: 0px 0px 3px 0px;
}   
div#event div.attendee {
    width: 50%;
    margin: 0px 0px 5px 0px;
}
div#event div.comment {
    margin: 0px 0px 5px 0px;
}
/* ARTICLES PAGE */
div#articles {
    padding: 0px 0px 30px 0px;
}
div#articles div.sitemap {
}
div#articles ul.hip-tab, div#library ul.hip-tab {
    width: 770px;
    padding-left: 9px;
}
div#articles div#rss {
    margin: 6px 0px 0px 10px;
}
div#articles div#rss ul {
    float: right;
    margin: -2px 0px 0px 3px;
}
div#articles div#manage {
    width: 98%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: dotted 1px #AAAAAA;
}
div#articles div#manage li {
    display: inline-block;
    margin-right: 10px;
}
div#articles .articlecol, div#articles .categorycol, div#articles .commentcol {
    min-height: 700px;
}
div#articles .recent.articlecol {
    width: 570px;
    float: left;
    margin: 15px 0px 0px 11px;
    border-right: solid 1px #AAAAAA;
}
div#articles .recent.categorycol {
    width: 175px;
    float: left;
    margin: 15px 0px 0px 10px;
    padding: 0px 12px 0px 0px;
}
div#articles .recent.commentcol {
    width: 190px;
    float: left;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 14px;
    border-left: solid 1px #AAAAAA;
}
div#articles .popular.articlecol {
    width: 730px;
    float: left;
    margin: 15px 0px 0px 20px;
    border-right: solid 1px #AAAAAA;
}
div#articles .popular.categorycol {
    width: 190px;
    float: left;
    margin: 15px 0px 0px 20px;
}
div#articles .all.articlecol {
    width: 730px;
    float: left;
    margin: 15px 0px 0px 10px;
    padding: 0px 0px 0px 20px;
    border-left: solid 0px #AAAAAA;
}
div#articles .all.categorycol {
    width: 200px;
    float: left;
    margin: 15px 0px 0px 20px;
}
div#articles div.article {
    width: 98%;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: dotted 1px #AAAAAA;
}
div#articles div.iteminfo {
    width: 480px;
}
div#articles div.baloon {
    margin: -7px 0px 0px 30px;
}
div#articles div.articleInfo { 
    margin: 10px 0px 0px 0px;
}
div#articles div.articleDiscussion { 
    margin: 10px 0px 0px 0px;
}
div#articles div.articleDiscussion p {
    margin: 0px 0px 3px 0px;
}
div#articles div.comment {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 8px 0px;
    border-bottom: dotted 1px #AAAAAA;
}
div#article {
    padding: 10px 0px 20px 0px;
}
div#article div#leftcol {
    width: 215px;
    float: left;
    margin: 0px 0px 0px 3px;
}
div#article div#middlecol {
    width: 545px;
    float: left;
    margin: 0px 7px 0px 15px;
    padding: 0px 0px 0px 0px;
    border-right: solid 1px #AAAAAA;
}
div#article div#rightcol {
    width: 200px;
    float: left;
    margin: 0px 5px 0px 0px;
}
div#article div#articleInfo {
    margin: 5px 5px 15px 0px;
    width: 385px;
    float: left;
}
div#article div#articleScore {
    float: right;
    width: 135px;
    height: 135px;
    background-image: url("../slices/score-bg.png");
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px 5px;
}
div#article div#articlebody, div#event div#eventbody {
    padding: 0px 8px 0px 0px;
    overflow: hidden;
}
div#article div#articlebody p, div#event div#eventbody p {
    margin-bottom: 8px;
}
div#article div#articlebody ul, div#event div#eventbody ul {
    margin-left: 1em;
    padding-left: 1em;
    list-style-position: outside;
}
div#article div#articlebody a.link[href], div#event div#eventbody a.link[href], div#pubprofile .profile-detail p a.link[href] {
    background-image: url("../icons/external-link.gif");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 16px;
    margin-right: 1px;
}
/* images that fit in the column width */
div#article div#articlebody img.media-aux, div#event div#eventbody img.media-aux {
    margin: 3px 5px 3px 0px;
    padding: 1px;
    border: solid 0px #AAAAAA;
    float: right;
}
/* images that are larger then the column width */
div#article div#articlebody a.media>img, div#event div#eventbody a.media>img {
    display: block;
    margin: 3px 5px 3px 0px;
    padding: 1px;
    border: solid 1px #AAAAAA;
}
div#article div#articlebody var, div#event div#eventbody var {
    display: none;
}
/* LIBRARY PAGE */
div#library {
    padding: 0px 0px 30px 0px;
}
div#library div#law {
    background-image: url("../images/books-in-grass.jpg");
    background-repeat: no-repeat;
    background-position: right top;
}
div#library div#law div#leftcol {
    width: 500px;
    padding: 0px 0px 0px 15px;
    border-right: none;
}
div#library div#law h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
}
div#library div#leftcol {
    min-height: 760px;
    width: 560px;
    float: left;
    margin: 15px 0px 0px 0px;
    padding: 0px 25px 0px 15px;
    border-right: solid 1px #AAAAAA;
}
div#library div#rightcol {
    width: 350px;
    float: right;
    margin: 15px 20px 0px 0px;
}
div#library div#leftcol div.section {
    min-height: 20px;
    padding: 0px 0px 10px 0px;
}
div#library div.section ul.arrow4 li {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 7px 0px;
    border-bottom: dashed 1px #000000;
}
div#st {
    padding: 20px 0px 20px 0px;
    background-image: url("../images/books-in-grass.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;  
}
div#stbody h1 {
    background-color: #F26D39;
    color: #FFFFFF;
    font: normal normal normal 14px Verdana,sans-serif;
    text-decoration: none;
    margin: 20px 0px 10px 0px;
    padding: 2px 0px 2px 2px;
}
div#st div#leftcol {
    width: 700px;
    margin: 0px 0px 0px 15px;
    padding: 0px 10px 0px 0px;
    border-right: solid 1px #AAAAAA;
}
div#st div#rightcol {
    width: 255px;
    position: absolute;
    top: 20px;
    right: 15px;
    height: 608px;
    background-color: White;
    filter: alpha(opacity=90); 
    -moz-opacity: 0.90; 
    opacity:0.90;    
}
div#st div#stinfo {
    width: 600px;
}
div#st div#stabstract {
    margin: 15px 20px 20px 0px;
    padding: 5px 5px 15px 0px;
    border-top: dashed 2px #AEB0B3;
    border-bottom: dashed 2px #AEB0B3;
}
div#st div#stabstract p {
    margin: 0px 0px 20px 0px;
}
div#st div#stbody {
    font: normal normal normal 13px "Verdana",sans-serif;
    padding: 0px 8px 0px 0px;
    overflow: hidden;
}
/* TABLE of CONTENTS */
div#st .toc {
}
div#st .toc h3, div#st .related h3 {
    background-color: #F26D39;
    color: #FFFFFF;
    font: normal normal normal 12px Verdana,sans-serif;
    padding: 2px 0px 2px 8px;
    margin-bottom: 10px;
}
.toc ul, .related ul {
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 5px 15px;
    border-bottom: dashed 1px #000000;
    list-style: none;
	text-indent: -1em;
}
.toc li:before, .related li:before {
	content: "\00BB \0020 \0020";
	font-size: 12px;
}
.toc li, .related li {
    margin: 0px 0px 5px 5px;
}
div.toc-h1 p {
}
/* MEMBER PAGE */
div#pubprofiles {
    padding: 5px 0px 30px 0px;
}
div#pubprofiles div#leftcol {
    width: 190px;
    float: left;
    margin: 0px 0px 0px 10px;
}
div#pubprofiles div#middlecol {
    width: 525px;
    float: left;
    margin: 0px 0px 0px 0px;
}
div#pubprofiles div#rightcol {
    width: 255px;
    float: right;
    margin: 0px 10px 0px 0px;
}
div#pubprofiles div.map {
    position: relative;
    height: 250px;
    width: 250px;
    border: solid 1px black;
}
div#pubprofiles .ad {
    position: relative;
    width: 240px;
    margin: 30px 0px 0px 5px;
    padding: 0px 0px 5px 0px;
    text-align: center;
    border: solid 1px #CCCCCC;
}
div#pubprofiles .intro {
    margin: 0px 40px 15px 20px;
}
div#pubprofiles div#paging {
    margin: 0px auto;
    width: 650px;
}
div#pubprofiles .heading span, div#events .heading span, div#articles .heading span {
    font: normal normal normal 14px Tahoma,sans-serif;
    color: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0px 0px 0px;
}
div#pubprofiles div.member {
    width: 245px;
    margin: 0px 0px 20px 15px;
}
div#pubprofiles div.memberInfo {
    width: 465px;
}   
div#pubprofiles div.member .iteminfo {
    margin: 0px 0px 0px 70px;
}    
div#pubprofiles div.section {
    margin: 0px 0px 10px 0px;
}
div#pubprofile div#leftcol {
    width: 215px;
    float: left;
    margin: 0px 0px 0px 5px;
}
div#pubprofile div#middlecol {
    width: 500px;
    float: left;
    margin: 0px 15px 0px 10px;
}
div#pubprofile div#rightcol {
    width: 245px;
    float: right;
    margin: 0px 5px 0px 0px;
}
div#pubprofile .member {
    width: 49%;
    margin: 0px 0px 10px 0px;
}
div#pubprofile div.map {
    position: relative;
    height: 240px;
    width: 240px;
    border: solid 1px #000000;
    padding: 1px;
}
div#pubprofile div.section {
    margin: 0px 0px 20px 0px;
}
/* ABOUT PAGES */
div.about {
    padding: 0px 0px 30px 0px;
}
div.about a img:hover {
    filter: alpha(opacity=70); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
    -moz-opacity: 0.70; 
    opacity:0.70;
}
div.about #logo {
	padding: 20px 0px 20px 30px;
}
div.hip-tab div.sitemap {
    padding: 1px 0px 0px 13px;
}
div.about ul.hip-tab {

    padding-left: 10px;
}
div.about ul.hip-tab li {
    margin: 11px 5px 0px 0px;
}
div.about div.intro {
	width: 450px;
	margin-top: 10px;
	margin-bottom: 15px;
}
div.about div.indent {
	margin-left: 120px;
}
div.about div.benefit {
	width: 620px;
	margin: 0px 0px 15px 0px;
}
div.about div.section {
	width: 500px;
}
div.about div.icon {
	width: 110px;
	text-align: center;
	margin: 0px 0px 0px 10px;
}
div#about-datalog, div#about-memolog {
    width: 100%;
    background-image: url('../images/needle-haystack.jpg');
    background-position: right top; 
    background-repeat: no-repeat; 
    background-color: #FFFFFF; 
}
div#about-fairplay {
    width: 100%;
    background-image: url('../images/golf-ball-flag.jpg');
    background-position: right top; 
    background-repeat: no-repeat; 
    background-color: #FFFFFF; 
}
div#about-fairplay #tagline {
	float: right;
	padding: 15px 605px 0px 0px;
}
div#about-fairplay #diagram {
    margin: 0px 0px 10px 25px;
    height: 200px;
}
div#about-fairplay #diagram img {
    float: left;
}
div#about-fairplay #collaborate {
    position: relative;
    float: left;
    top: 90px;
    left: -360px;
}
div#about-fairplay #buyer {
    position: relative;
    float: left;
    top: 135px;
    left: -580px;
    width: 130px;
}
div#about-fairplay #listing {
    position: relative;
    float: left;
    top: 90px;
    left: -250px;
    width: 150px;
}
div#about-sellwell {
    width: 100%;
    background-image: url('../images/propeller-sky.jpg');
    background-position: right top; 
    background-repeat: no-repeat; 
    background-color: #FFFFFF; 
}
div#about-quicksell {
    width: 100%;
    background-image: url('../images/sailing-wind.jpg');
    background-position: right top; 
    background-repeat: no-repeat; 
    background-color: #FFFFFF; 
}
div#about-sellwell .tagline, div#about-quicksell .tagline {
	margin: 15px 0px 0px 15px;
}
div#about-sellwell .diagram, div#about-quicksell .diagram {
    margin: 0px 0px 10px 25px;
    height: 200px;
}
div#about-sellwell .diagram img, div#about-quicksell .diagram img {
    float: left;
}
div#about-business-networking {
    width: 100%;
    background-image: url('../images/skydiving.jpg');
    background-position: right top; 
    background-repeat: no-repeat; 
    background-color: #FFFFFF; 
}
div#about-fairplay div.ordinal, div#about-sellwell div.ordinal, div#about-quicksell div.ordinal {
    margin-top: -13px;
}
div#about-business-networking li, div#about-fairplay li, div#about-sellwell li, div#about-quicksell li {
    background-image: url("../icons/arrow1-right.gif");
    background-repeat: no-repeat;
    list-style-type: none;
    padding: 0px 0px 3px 18px;
}
div#about-tools {
    width: 100%;
    padding: 15px 10px;
}
div#about-tools #title {
    width: 200px;
}
div#about-tools #intro {
    padding: 0px 0px 10px 0px;
    width: 620px;
}
div#about-tools #core-levels {
    float: left;
}
div#about-tools #levels {
    margin: 3px 0px 0px 0px;
    float: left;
    width: 790px;
}
div#about-tools .ordinal span {
    font: normal normal normal 84pt Cambria,sans-serif;
}
div#about-tools .ordinal {
    margin: -18px 0px 0px 15px;
}
div#about-tools .band {
    height: 123px;
    width: 100%;
    margin: 4px 0px 0px 0px;
}
div#about-tools .tool {
    width: 210px;
    height: 111px;
    word-spacing: normal;
    vertical-align: top;    
    padding: 5px 5px 5px 8px;
    margin: 0px 0px 0px 5px;
}
div#about-tools .tool:hover a {
    color: #F76A04;
    text-decoration: underline;
}
div#about-tools h1 a {
    color: #F76A04;
    text-decoration: underline;
}
div#about-tools #basic .tool {
    background-color: #FFF7EF;
}
div#about-tools #basic .tool:hover {
    background-color: #FEE5CC;
}
div#about-tools #pro .tool {
    background-color: #EBF3F8;
}
div#about-tools #pro .tool:hover {
    background-color: #DBEDF2;
}
div#about-tools #mastery .tool {
    background-color: #F3FAE6;
}
div#about-tools #mastery .tool:hover {
    background-color: #DDF0B8;
}
div#about-tools .level {
    width: 190px;
    height: 110px;
    word-spacing: normal;
    vertical-align: bottom;
    border-top: solid 1px gray;
    margin: 0px 0px 0px 5px;
    padding: 5px 5px 5px 8px;
}
div#about-tools .level h1 {
    font: normal small-caps bold 14px Arial,sans-serif;
    color: Gray;
}
div#about-tools .level .sub {
    color: Gray;
}
/* CONTACT PAGE */
div#contact #leftcol {
    width: 50%;
    float: left;
}
div#contact #rightcol {
    width: 50%;
    float: right;
}
div#terms-of-service {
    padding: 10px 100px 10px 100px;
}
/* POI PAGE */
div#poi {
    margin: 0px 0px 10px 0px;
}
div.addthis_toolbox {
    margin-top: 10px;
}
div#poi div#main div#leftcol {
    float: left;
    width: 715px;
    margin: 10px 0px 0px 10px;
}
div#poi div#main div#rightcol {
    float: right;
    width: 250px;
    margin: 10px 10px 0px 0px;
    min-height: 570px;
}
div#poi div#main div#rightcol #filtersbar {
    position: relative;
}
div#poi div#main div#rightcol #nofilters {
    position: absolute;
    height: 140px;
    padding: 20px 15px 10px 20px;
    filter: alpha(opacity=93); 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);
    -moz-opacity: 0.93;
    opacity:0.93;
    background-color: #F2F2F2;
    top: 0px;
    display: none;
}
div#poi .jumpto {
    margin: 0px 0px 7px 0px;
}
div#poi .jumpto input[type="text"] {
    height: 14px;
    width: 170px;
    padding: 1px 2px 1px 3px;
    font-size: 11px;
    font-weight: normal;
    border-color: Gray;
}
div#poi .jumpto img:hover {
    cursor: pointer;
}
div#poi div#main input[type="checkbox"] {
    margin: 1px 2px 0px 0px;
}
div#poi div#main .shape, div#poi div#main .shapeHover {
    height: 32px;
    margin: 0px 0px 0px -2px;
    padding: 2px 2px 0px 2px;
    vertical-align: top;
    border: solid 1px #FFFFFF;
}
div#poi div#main .shapeHover {
    background-color: #EEEEEE;
    border: solid 1px #CCCCCC;
}
div#poi div#main .shape img, div#poi div#main .shapeHover img {
    float: left;
    margin: 0px 5px 0px 0px;
}
div#poi div#main .shape p, div#poi div#main .shapeHover p {
    font-size: 11px;
    vertical-align: top;
}    
div#poi div#new div#leftcol {
    float: left;
    position: relative;
    top: -464px;
    width: 980px;
    margin: 0px 0px -350px 10px;
}
div#poi div#new div#leftcontainer {
    width: 480px;
}
div#poi div#new div#rightcol {
    float: right;
    width: 482px;
    margin: 10px 10px 0px 0px;
}
div#poi div#new .notice {
    margin: 10px 20px 5px 10px;
}
div#poi div#new div#leftcol .section {
    margin-bottom: 30px;
}
div#poi div#new div#leftcol ul {
    margin: 3px 0px 3px -38px;
}
div#poi div#new .step {
    margin: 18px 0px 0px 15px;
    word-spacing: normal;
}
div#poi div#new div#step2 {
    margin-top: -10px;
}
div#poi div#new div#step3 {
    margin-top: 5px;
}
div#poi div#new div#step3 .step {
    width: 880px;
}
div#poi div#new .ibc {
    margin: 0px 0px 0px 0px;
}
div#poi div#new input.read-only {
    width: 380px;
}
div#poi div#new input.sub {
    width: 75px;
}
div#poi div#new p.note {
    margin-top: 5px;
}
div#poi div#new .label, div#poi div#new .field span {
    padding-right: 4px;
    text-align: right;
    font: normal normal normal 12px "Segoe UI",Tahoma,sans-serif;
}
div#poi div#new .required {
    font-weight: bold;
}
div#poi div#new .field input {
    width: 225px;
    height: 15px;
    border: solid 1px #CCCCCC;
    padding: 1px;
    margin-bottom: 2px;
    font: normal normal normal 13px "Segoe UI",Tahoma,sans-serif;
}
div#poi div#new .field input.phonecc {
    width: 25px;
}
div#poi div#new .field input.phonenum {
    width: 75px;
}
div#poi div#new pre {
    word-wrap: normal;
    white-space: pre;
}
div#poi div#pro {
    margin: 0px 0px 30px 0px;
}
div#poi div#pro div#leftcol {
    float: left;
    width: 350px;
    margin: 10px 60px 0px 20px;
}
div#poi div#pro div#rightcol {
    float: left;
    width: 500px;
    margin: 10px 10px 0px 0px;
}
div#poi div#pro h2 {
    margin: 15px 0px 5px 20px;
    font-weight: bold;
}
div#poi div.map {
    position: relative;
    border: solid 1px gray;
}
div#poi div#main div#map {
    width:700px; 
    height:580px;
}
div#poi div#new div#map {
    width: 480px; 
    height: 430px;
}
div#poi div#pro div#basicMap {
    width: 300px;
    height: 300px;
}
div#poi div#pro div#proMap {
    width: 400px;
    height: 300px;
}