body {
	background: #bbccdd;
	font-family: Lucida Grade, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #686868;
}

a{font:12px Lucida Grade, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #036; text-decoration:underline; border-top-color: #000000;}
a img {border:none;}

table{
	border: 1px solid #686868;
}

td{
	border: 1px solid #686868;
    margin: 0;
    padding: 4px;
}

h2{
	text-decoration: underline;
}

h3{
	font: 14px;
}

ul 	{
	list-style-image: url('/member-projects/zotero-guide/images/Blue%20Square.gif')
}

ul, li {
	margin: 0;
	padding: 0;
}

ol	{
	list-style-type: decimal;
}

ol, li {
	margin: 0 0 0 30px;
}

/* Main Title stuff */

#mainTitle {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

.bigTitle {
	line-height: 60px;
	font-size: 300%;
	margin-left: 20%;
}

.subTitle {
	font-size: 120%;
	font-weight: bold;
	margin-left: 20%;
}

.byLine{
	font-weight: bold;
	margin-left: 20%;
}

.redLetter {
	color: #d41919;
}

.searchBox{
	float:right;
}

/* Navigation Menu Stuff */

.menuLink{
	text-decoration: none;
	color:#686868;
}

.menuLink:hover{
	text-decoration: underline;
	cursor: pointer;
	color:#036;
}

.navMenu{
	 padding: 6px 0 0 0; 
	 margin-right: 20px;
	 text-decoration: none;
	 list-style-type: none;
}

.menuItem{
	padding: 5px 0 0 0;
	margin: 5px 0 0 30px;
	list-style-image:none;
}

.navMenuSub{
	 padding: 5px 0 0 15px;
	 margin-right: 20px;
	 text-decoration: none;
	 list-style-type: square;
}

#blueMenu{
     float: left;
     width: 180px;
	 margin-top: 80px;

}


#whiteMenu {
	width:100%;
	background-color: #fff;
	margin-top: 25px;
}

#leftIndent{
	margin: 0 0 0 25px;
}

#rightIndent{
	margin: 0 25px 0 0;
}

.indent{
	margin: 0 0 0 30px;
	padding: 0 0 0 30px;
}

#paddedSides{
	padding: 10px 30px 10px 30px;
}
/* Wrapper Stuff */

#allMain{
	width: 930px;
	margin-left: auto;
	margin-right:auto;
}


#mainText{
     float:right;
     width:750px;  
	 background-color:#fff;
	 margin-top: 25px;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(/member-projects/zotero-guide/images/tr.gif) no-repeat top right; 
}

img.corner {
   width: 50px;
   height: 50px;
   border: none;
   display: block
}

img.menuCorner {
   border: none;
   display: block
}

/* Vertical Nav buttons */

.navButton {
	float: right;
	width: 32px;
	padding: 15px 0;
	margin: 0 15px 0 15px;
	background: #7799bb;
}

.navButtonLeft {
	float: left;
	width: 32px;
	height: auto;
	padding: 15px 0;
	margin: 0 15px 0 15px;
	background: #7799bb;
}

a.navButton:hover {
background: #d41919;
cursor: pointer;
}

a.navButtonLeft:hover {
background: #d41919;
cursor: pointer;
}

.navText{
	 line-height: 19px;
	 text-align: center;
}

/*Paragraph stuff*/

.chapTitle{
	margin: -30px 0 20px 55px;
	font-size: 2em;
}

.copyright{
	margin-left: 50px;
} 

.footer{
	width: 750px;
	float: right;
	background-color: #7799bb;
	color: #fff;
}

.style1{
}
.style2 {
	color: #dde4e7;
}
.style2 a{
	color: #fff;
}

.style3{
	color: #000;
	font-family: courier new;
	font-size: 12px;
}

.example1{
	background: #bbccdd;
 /*   background: #98AFC7;*/
    border: 1px dotted #686868;
    padding: 6px;
	margin: 10px 60px 0 60px;
	font-family: courier new;
	font-size: 12px;
}

.smallType{
     font-size: 0.9em;
     color: #686868;
}

.box1{
	background: #444444;
    border: 1px dotted #ccc;
    padding: 6px;
	margin: 0 60px 0 60px;
}

.indent1{
	margin: 0 0 0 15px;
}

.indent2{
	margin: 0 0 0 30px;
}

.indent3{
	margin: 0 0 0 45px;
}

.indent4{
	margin: 0 0 0 55px;
}

.indent5{
	margin: 0 0 0 70px;
}

.indent6{
	margin: 0 0 0 85px;
}

.pinkVersion{
	color: #ff00c0;
}

.tnr{
	font-family: Times New Roman;
}

.uline{
	text-decoration: underline;
}

.tinsy{
	font-size: .5em;
}

.comment{
	color: #165f07;
	margin: 0 0 0 30px;
}

.comment1{
	color: #165f07;
}

.noCode{
	font-family: Lucida Grade, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686868;
}

/* Images */

.rightImg {
     margin: 0 0 15px 15px;
     float: right;
}

.leftImg {
     margin: 0 15px 15px 0;
     float: left;
}

.middleImg {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.leftColumnSlim {
     float: left;
     width: 35%;
}

.rightColumnWide {
     float: right;
     width: 63%;
} 
