html, body {
    height:100%;
    }

body {
	margin:0px 0px 0px 0px;
/*	background: #F2F1ED url(http://media.roiinstitute.net/img/core/roibg.jpg) repeat-y 50% 0; */
	background: #fff; 
	font-size:14px;
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
	z-index:-10;
	}
	

	
	
	
	A 		{ color: #70041F; text-decoration: none; font-weight:bold; }
	A:link		{ color: #70041F; text-decoration: none; border-bottom:1px dotted #6F3544; }
	A:visited	{ color: #70041F; text-decoration: none; border-bottom:1px dotted #6F3544; }
	A:active	{ color: #70041F;  }
	A:hover		{ color: #3C0916; text-decoration: none; border-bottom:1px solid #70041F; }
		

table {
    border-collapse: collapse;
    padding:0;
    margin:0;
    font-size:11px;
    background:none;
    width:100%;
    line-height:1.5;
    }

table tr.row1 {
    background:#f4f4ed;
    border-bottom:1px solid #e5e5df;
    }

table tr.row2 {
    background:#fff;
    border-bottom:1px solid #e5e5df;
    
    }

table td {
    padding:15px 10px;
    }

table td.section {
    font-size:16px;
    font-weight:bold;
    background: #fefefe;
    padding:15px 0 5px 0;
    }
    
    
table th {
	background: none;
	color:#333;
    padding:2px 5px;
    border-bottom:2px solid #c5b5a2;
    border-top:1px solid #e5e5df;
    margin:0;
    }

		
hr {
    border:0;
    background-color:#e5e4df;
    color:none;
    height:1px;
    }
		
		
/* 
IDs  --------------------- */	

#container-all {
    margin: 0 auto;
    text-align: left;
    position: relative;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */	
    }


#mininav {
    position:relative;
    float:right;
    background: #837754;
	width:100%;
    margin:0;
    padding:7px 0 0 0;
    text-align:right;
    border-bottom:1px solid #6a6043;
    }
    
#mininav p {
    color:#D4D0BA;
    font-size:10px;
    margin:0;
    padding:0 0 6px 0px;
    background: none;
    }

#mininav p a {
    color:#D4D0BA; 
    border:0;
    display:inline;
    }

#mininav p a:hover {
    color:#fff;
    }


    
    
#logo {
	line-height: 1.2;
	position:relative;
	float:left;
	padding:0;
	margin: 0;
	left:0;
	top:20px;
	display:block;
	
	}
	



#logo img {
	margin:0;
	padding:0;
	float:left;
	}



#header {
	position: relative;
	line-height: 1.2;
	height:130px;
	padding: 0;
	margin:0;
    background: #CBC3AC;
	border-bottom:7px solid #6E0505;
	z-index:999;
	
	}


.undernav {
    position:relative;
    background: none;
	padding:0;
	margin:0 0 40px 0;
	z-index:-1;
    }


#container-all>.undernav {
    z-index:0;
    }

.undernav p.breadcrumbs {
    position:relative;
    
    padding:5px 30px;
    margin:0;
    background:#f6f6f0;
    color:#a59d85;
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
	font-size:11px;
	letter-spacing:0;
    border-top: 1px solid #dacfb0;
    border-bottom: 2px solid #dacfb0;
    }

.undernav p.breadcrumbs a {
    color:#a59d85;
    border:0;
    z-index:-1;
	
    }


.undernav p.breadcrumbs a:hover {
    color:#7a6f5d;
    border-bottom:1px solid #a59d85;
    z-index:0;
	
    }

#content {
	border:0px solid #FC01D6;
	position: relative;
	line-height: 1.2;
	height:100%;
	margin: 0px;
	padding: 0 30px;
	top:0px;
	z-index:0;
	}

#content form fieldset {
    position:relative;
    border:0;
    margin:0;
    }

#content form fieldset p {
     padding: 0;
     margin: 20px 0 0 0;
     
     }





	
#mainstory {
	border:0px solid #F001D6;
	font-size:14px;
/*	color:#645F55; */
	color:#333;
	font-weight:normal;
	margin: 0;
	margin-left:0px;
	margin-right:0px;
	letter-spacing:0px;
	line-height: 1.2;
	padding: 0px;
	padding-left:0px;
	margin-bottom: 0px;
	z-index:0;
	
	}


	


body#photos #mainstory li, body#work #mainstory li {
    list-style-image: none;
    }




#menu {
  	margin-bottom:10px;
  	margin-top:20px;
	width: 640px;
	background:#FFF;
	font-family:Georgia,serif;
	font-size:20px;
	text-align: center;
	font-weight:normal;		
  	border-left:1px solid #DA9F2B;			
  	border-right:1px solid #DA9F2B;
  	border-bottom:1px solid #DA9F2B;
  	border-top:1px solid #DA9F2B;
  	padding:5px;
	}

#menu a:link {
	font-weight:normal;		
	}




#bgfooter {
	background: #1c190f;
	position: relative;
	line-height: 1.2;
	color:#baa266;
	font-size:11px;
	letter-spacing: 0px;
	text-align: right;
	padding: 10px;
	top:40px;
    height:150px;
	clear:both;
	}

#bgfooter p {
    clear:both;
    padding: 8px 0 0 0;
    }
    
    
#bgfooter a {
	color: #baa266;
	font-weight: normal;
	border: 0;
	}

#mainleft {
	position: relative;
	float: left;
	width: 500px;
	padding: 0;
	margin: 0;
	z-index:0;
	
	}

    #mainleft h1 { font-size:150%; }
    #mainleft h2 { font-size:130%; }
    #mainleft h3 { font-size:110%; }
    #mainleft h4 { font-size:100%; }


#mainleft h1.header, #mainleft h2.header {
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    
	font-size:30px;
	color:#6E0505;
	line-height: 1;
	font-weight:bold;
	padding:0;
	margin:0px;
	letter-spacing:-1.8px;
	border-bottom:0px solid #ACC8EA;
	}

#mainleft h2.header {
    font-size:26px;
    padding:20px 0 0 0;
    }

#mainleft h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {color:#610700; border-bottom:0px solid #ACC8EA; }
#mainleft h1 a:hover, h2 a:hover {color:#34343D; }

#mainleft h2 span {
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    font-size:24px;
    letter-spacing:0;
    color:#8F94B3;
    }


#mainleft h3.header {
	color: #A28958;
	padding:0;
	margin:0;
	font-size:17px;
	font-weight:bold;
	border-bottom:0px solid #EDEDED;
	letter-spacing:0px;

	}


#mainleft h4 {
	color: #A5576B;
	font-size:16px;
	font-weight:normal;
	margin:0px;
	margin:0 0 15px 0;
	padding:0;
	
	}



#mainleft p {
    font-family:georgia, serif;
	font-size:16px;
	color:#645F55;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0px;
	line-height: 1.4;
	}


	
	
	
#mainleft ul {
    font-family:georgia, serif;
    
	font-size:16px;
	color:#68655E;
	font-weight:normal;
	margin-top:0px;
	line-height: 30px;
	}

#mainleft ul h3 {
    padding:20px 0 0 0;
    
    }

#mainleft li {

	color:#68655E;
	font-weight:normal;
	margin-top:10px;
	line-height: 1.2;
	list-style-type:square;
	
	}

#mainleft #app_list ul {
    padding:0;
    margin:20px;
    }
    

#mainleft li.learning_opp {
    list-style:none;
    background: url(http://media.roiinstitute.net/img/core/roi-learn.png) no-repeat 0 0;
    padding:0 0 0 25px;
    margin:10px 0 0 0;
    }

#mainleft li.tools {
    list-style:none;
    background: url(http://media.roiinstitute.net/img/core/roi-tools.png) no-repeat 0 0;
    padding:0 0 0 25px;
    margin:10px 0 0 0;
    }

#mainleft li.publications {
    list-style:none;
    background: url(http://media.roiinstitute.net/img/core/roi-pub.png) no-repeat 0 0;
    padding:0 0 0 25px;
    margin:10px 0 0 0;
    }


#mainleft li.note {
    list-style:none;
    font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    padding:5px 0;
    font-weight:bold;
    }
    

#mainright {
	color: #F9F9F9;
	line-height: 12px;
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	width: 300px;
	overflow: hidden;
	}

#mainright a {
	color: #F9F9F9;
	border: 0;
	}
	
#mainright a.photo { 
	display:block; 
	font-size:1em; 
	}
	
#mainright .title { 
    z-index:3;
	font-size:24px; 
	font-weight:bold; 
	position:absolute; 
	line-height:26px;
	bottom:0; 
	left:0; 
	margin-bottom:45px; 
	margin-left:20px; 
	}

#mainright img, #mainright object {
	z-index:-5;
	border:0;
	}
	
	
#mainright .subtitle a { 
    z-index:3;
    
	font-size:22px; 
	font-weight:normal; 
	position:absolute; 
	bottom:0; 
	left:0; 
	line-height:26px;
	margin-bottom:20px; 
	margin-left:20px; 
	}
	
#mainright .more { 
	margin-right:24px; 
	}


/* 
Classes  --------------------- */	


.wrap {
	border:0px solid #FC01D6;
	z-index:0;

	position: relative;
	margin: auto;
	line-height: 1.2;
	padding: 0;
	width: 875px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	width: 875px;
	clear:both;
	}
	


.storyimg {
	padding-bottom: 10px;
	}


.R {
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	padding:2px;
	background-color: #F2F2F2;
	border: 1px solid #999;
	}


.Rnoborder {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	}


.Lnoborder {
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	}


.L {
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	padding:2px;
	background-color: #F2F2F2;
	border: 1px solid #999;
	}

.Lnowrap {
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	padding:2px;
	background-color: #F2F2F2;
	border: 1px solid #999;
	}


.C {
	display: block;
	margin: 0 auto;
	padding:2px;
	background-color: #F2F2F2;
	border: 1px solid #999;
	}

.pullquote {
	color:#A28958;
	font-weight:bold;
	line-height:1;
	float:right;
	width:180px;
	font-size:26px;
	margin:20px 0 10px 30px;
	padding:0;
	letter-spacing:-1px;
	}

.caption {
    color:#333;
    font-weight:bold;
    font-size:11px;
    padding:0 0 10px 0;
    margin:0;
    background:none;
    }


#content .bottomspace {
    padding:0 0 30px 0 !important;
    }
    
	
.post {
    position:relative;
	padding:0;
	margin:0;
	margin-bottom:40px;
	line-height:20px;
	z-index:0;

	}


#mainleft .post p {
	padding:0;
	margin:0 0 20px 0;
	}


#content .post h2, #content .post h3, #content .post h4,  {
    padding:0;
    margin:0;
    line-height:1;
    }

#content .post h4 {
	padding:3px 0 0 0;
	color:#333;
	font-weight:normal;
	font-size:14px;
	margin:0;
	line-height:1.2;
	}

#content .post h5 {
	padding:3px 0 0 0;
	margin:0;
	font-size:13px;
	
    }
    
#content .ws-details {	
    padding:0;
    margin:20px 0 0 0;
    background:#f5f4f0;
    border:1px solid #e9e8e4;
    border-top:1px solid #dad9d6;
    clear:both;
    }

#content .ws-details h4 {
    padding:5px 5px 5px 10px;
    margin:0;
    font-weight:bold;
    border-bottom:1px solid #dad9d6;
    background:#e9e8e4;
    }

#content .ws-details p {
    margin:10px;
    font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    font-size:12px;
    line-height:1.2;
    }

#content .ws-details strong {
    color:#4a4420;
    font-weight:bold;
    }
	
#content .ws-details ul {
    padding:0;
    margin:0 0 20px 30px;
    line-height:1.2;
    }
    
#content .ws-details li {
    list-style-type:square;
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    font-size:12px;
    line-height:1.2;
    
    }

body#calendar .post h3 {
    padding:20px 0 0 0;
    margin:0;
    }

body#calendar #content .post .cal-event {
    margin:0 0 20px 0;
    padding:0;
    }

body#calendar #content .post .cal-event h4 {
    padding:0;
    margin:0;
    }
    
body#calendar #content .post .cal-event h5 {
    padding:0;
    margin:0;
    }


body#about h2 span {
    font-size:16px;
    color:#610700;
    }

#content .event_list {
    margin:0 0 60px 0;
    }

#content .event_list h4 {
    margin:0;
    padding:0;
    }

#content .book_list h3 {
    font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    font-size:18px;
    padding:0;
	color:#6E0505;
	line-height: 1;
	font-weight:bold;
	margin:0px;
	letter-spacing:-.05em;
	border-bottom:0px solid #ACC8EA;
    }
    
#content .book_list h3 a {
    border:0;
	
    }
    
#content .book_list h4 {
	color: #333;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:normal;
	border-bottom:0px solid #EDEDED;
	letter-spacing:0px;

    }

#content .book_list p {
    font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    font-size:13px;
    }

#content .list_item {
    float:left;
    width:220px;
    position:relative;
    min-height:250px;
    }


#content .int_assoc h3 {
    padding:20px 0 0 0;
    margin:0;
    }

#content .int_assoc li {
    padding: 5px 0 5px 5px;
    margin:0;
    }

#content .spacing {
    margin:0 30px 10px 0;
    }

#content .paginator {
    clear:both;
    
    margin:20px 0;
    font-size:12px;
    color:#aaa;
    }

#content .paginator p, #content .paginator h4 {
    font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
    font-size:11px;
    line-height:1;
    padding:0;
    margin:0;
    }

.formBorder, .vEmailField, .vLargeTextField, .vTextField, input, textarea {
	border: 1px solid #C6C6C6;
	font-size: 10px; 
	color:#666; 
	background: #F2F2F2;
	}

.required {
    border:1px solid #adadad;
    }

	
.side_photo {
    width:270px;
    margin:auto;
    }
	
.none {
   padding:0px;
   border: 0px solid #999;
   font-weight:normal;
   }


.none a:link, .none a:visited, .none a:hover, a.none:link, a.none:visited {
   padding:0px;
   border: 0px solid #999;
   border-bottom: 0px solid #999;
   }



.sidebargroup {
    background: url(http://media.roiinstitute.net/img/core/sidebarbg.jpg) repeat-y 50% 0;
	position:relative;
  	padding:0;	
	float: right;
	width:285px;
	color:#938F7A;
    margin:0 0 30px 0;
    
	}	

.sidebargroup .top {
    background: url(http://media.roiinstitute.net/img/core/sidebartop.jpg) no-repeat 50% 0;
    padding:0;
    margin:0;
    height:15px;
    }


.sidebargroup div {
    background: url(http://media.roiinstitute.net/img/core/sidebarbottom.jpg) no-repeat 50% bottom;
    padding:0 0 30px 0;
    margin:0;
    }
    
.sidebargroup h3 {
    padding:10px 0 0 15px;
    font-size:22px;
    font-weight:normal;
    letter-spacing:-1px;
    margin:0;
    }

.sidebargroup p {
    padding:0 0 0 15px;
    margin:15px 0 0 0;
    font-size:13px;
    }

.sidebargroup li h3 {
    padding:0;
    }

.sidebargroup li p {
    padding:0;
    margin:0;
    }

.sidebargroup .sidenav {
    text-align:center;
    background:none;
    margin:20px 0;
    }

.sidebargroup .lighten {
    color:#d0cbac !important;
    font-weight:bold;
    }


.sidebargroup span.booknav, .sidebargroup span.booknav a {
    color:#938F7A !important;
    background:none !important;
    }




#mainright .sidebargroup ul {
    list-style-type: none;
	padding:10px 15px 0 15px;
	margin:0;
	line-height:1.2;
    }
    
#mainright .sidebargroup ul li {
    padding:15px 0 0 0;
    font-size:13px;
    
    }


#mainright .sidebargroup ul ul {
    padding: 0 15px 0 30px;
    list-style-type: square;
    }
    
#mainright .sidebargroup ul li ul li {
    padding: 10px 0 0 0;
    }

#mainright .sidebargroup li a {
    color:#910303;
    }

div.clearer { clear: left; line-height: 0px; height: 0;}


form.comment-form label {
    float:left;
    display:block;
    text-align:right;
    padding:0 10px 0 0;
    width:100px;
    font-size:12px;
    line-height:1.2;
    }

fieldset p label {
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
	font-size:12px;
    margin:0;
    padding:0 10px 0 0;
	display:block;
	float:left;
    width:10em;
    text-align:right;
    position:relative;
    }
	


body#contact #mainleft .post form fieldset input, body#contact #mainleft .post form fieldset textarea {
    width:20em;
    margin:0;
    padding:1px;
    }

fieldset#submitField input {
    margin:0 0 0 13em !important;
    }	


/* 
Navigation  --------------------- */	



#navbar {
	position: relative;
	margin:0;
	padding: 0;
	top:48px;
	clear:both;
	z-index:999;
	}

html>body #navbar {
	height:26px;
	z-index:20;
	
	} 



#navbar ul {
	list-style-type: none;
	margin:0;
	height:23px;
	padding:0;
	float:right;
	z-index:20;
	}



#navbar li {
	font-size:10px;
	font-weight:bold;
	letter-spacing:0px;
	float: left;
	margin-right:0px;
	text-align:center;
	z-index:20;

	}



#navbar a {
	display: block;
	font-size: 11px;
	font-weight:bold;
	color: #82795D;
	text-decoration: none;
	padding: 4px 8px 4px 8px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:1px;
	background: #efeee9;
	
	border:0;
	border-left:0px solid #c4ba9f;
	z-index:20;
	
	}

#navbar a:hover {
	color: #fff;
	background: #390A0A;
	border:0px;
	border-left:0px solid #c4ba9f;
	z-index:2;
	
	
	}

#navbar a.on, #home .home, #about .about, #learning .learning, #calendar .calendar, #application .application, #publishing .publishing, #associates .associates, #tools .tools, #news .news, 
#home .home:hover, #about .about:hover, #learning .learning:hover, #calendar .calendar:hover, #application .application:hover, #publishing .publishing:hover, #associates .associates:hover, #tools .tools:hover, #news .news:hover {
	color: #fff;
	border:0px;
	background: #6E0505;
	border-right:1px solid #6E0505;
	}



#navbar li ul { /* second-level lists */
	position: absolute;
	border:0;
	width:12.5em;
	display:none;
	}



#navbar li ul a { /* a second-level lists */
	
	background:#550606;
	width:12.5em;
	border:0;
	text-align:left;
	z-index:20;
	position:relative;
	}


#navbar li ul a:hover { /* a hover second-level lists */
	background: #390A0A;
	color: #fff;
	border:0;
	z-index:20;
	position:relative;
    
	}


#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */
    display:block;
    position:absolute;
	margin:0;
	z-index:200;
	
	}

	
#navbar li li a {
	display: block;
	border:0;

	font-weight: bold;
	color: #de965d;
	padding: .65em 10px;
	z-index:2;
	position:relative;
	
}



/* 
Comment formatting  --------------------- */	


#comments dl {
	width: 640px;
	margin: 0;
	padding:0 0 100px 0;
	border-top:1px solid #A09E76;
	display:block; 
	}


#comments dt {
	margin: 0;
	width:150px;
	padding: 10px;
	border-right:0px solid #A09E76;
	color:#A09E76;
	font-size:12px;
	font-weight:normal;
	position:relative;
	float:left;
	clear:both;
	
	}


#comments dd {
	margin: 0 0 20px 0;
	padding: 10px;
	border-left:0px solid #A09E76;
	position:relative;
	float:left;
	width:449px;
	display:block; 
	background:#eee;
	}

#comments dd p {
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
	}

#comments dl.me dd {
	background: #E7EBFE;
	border-left:0px solid #34343D;
	
	}
	
#comment dl.me dt {
	color:#4E5573;
	}

#comments dl.me {
	border-top:2px solid #7884B9;
	
	}
	

#comments .user, #comments .date, #comments .time {
	display:block;
	}

#comments a.user {
	border:0;
	}

#comments .commentnumber {
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
	font-size: 52px;
	line-height:50px;
	padding:5px 0 0 0;
	float:right;
	color:#ddd;
	}


#comments .comments-body {
	text-align: left;
	color:#666;
	font-weight:normal;
	line-height:140%;
	padding-right:0px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom:15px;
	}
	
#comments .comments-body p {
	font-size:12px;
	text-align:left;
	
	}


		
#comments .comments-head	{ 
	font-family:Georgia,serif;
	font-size:22px;
	color: #333; 
	padding:5px 0;
	margin-top:20px;
	text-transform:none;
	margin-right:10px;
	margin-left:0px;
	margin-bottom:10px;
	}	


#comments .comments-note	{ 
	font-family:'Lucida Grande', 'Lucida Sans', verdana, 'bitstream vera sans', sans-serif;
	font-size:12px;
	color: #333; 
	background:#FFFBB8;
	border:1px solid #E5E1A1;	
	padding:5px;
	margin-top:5px;
	text-transform:none;
	margin-right:10px;
	
	margin-left:15px;
	margin-bottom:30px;
	}		





/* 
Column formatting  --------------------- */	

.columngroup {
    clear:both;
	
    }

.columnize {
	float:left;
	width:20em;
	padding: 8px;
    }