#body1 {
	z-index: 1;

}

.nounderline a:hover {
	border:0px none;
	background-color:transparent;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	display: inline;
	float: left;
	
}

.nounderline a {
	border:0px none;
	background-color:transparent;
	text-decoration: none;
	margin: auto;
	padding: auto;
	vertical-align: bottom;
	display: inline;
	float: left;
}

.nounderline a:link {
	border:0px none;
	background-color:transparent;
	text-decoration: none;
	margin: auto;
	padding: auto;
	vertical-align: bottom;
	display: inline;
	float: left;
}

#newsTitleNew {
 
 padding-left:25px;margin-top:10px;

}


a {
	color:#513600;
	text-decoration: underline;
}


a:hover{
	color:#FFF;
	background-color: #666666;
}



.smallforml {

font-size:75%;

color:#606F62;
}

.smallforml a {

color:#606F62;



}

.standout a {

color:#990000;

}




th {
	color:;
	background-color: #E5E5E5;
	font-weight: normal;
	padding: 6px;
}


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.6em;
	margin: 0px;
}

body table {

    font-family: Verdana, Arial, Helvetica, sans-serif

}

 /*li a {
	color: #000000;
	text-decoration: underline;
	margin-left: 0px;
	padding-left: 0px;
}*/

.textHighlight {
	font-weight:bold;
	background-color:#FFCC00;
	padding: 2px;
	height: auto;
	width: auto;
}
.genericBoxYellow3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 3px 3px;
	border: 1px solid #000000;
	width: 100%;
	text-align: left;
	background-color: #FFFF66;
	list-style-position: inside;
	list-style-type: circle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-style: solid;
}

.genericRed{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 3px 3px;
	border: 1px solid #000000;
	width: 100%;
	text-align: left;
	background-color:#FF3300;
	list-style-position: inside;
	list-style-type: circle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-style: solid;
}

.genericOrange{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 3px 3px;
	border: 1px solid #000000;
	width: 100%;
	text-align: left;
	background-color:#FF9900;
	list-style-position: inside;
	list-style-type: circle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-style: solid;
}

.genericBoxYellow{

	color: #000000;
	padding: 3px;
	width: 95%;
	text-align: left;
	background-color: #FFFBE8;
	

}

.contenttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	border: 1px solid #000000;
	margin-right: 0px;
	padding-right: 0px;
}

.contenttable td {
	border: ;
	padding: 6px;
}

.centerHeaders {
	margin-top: 20px;
	margin-left: 15px;
}

.centerHeadersFirst {
	margin-top: 25px;
	margin-left: 15px;
}
.centerText {
	text-align: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 25px;
}
.leftTextBox {
	margin-left: 15px;
	margin-top: 10px;
	margin-right: 3px;
}
.leftBoxDropDown {
	margin-left: 15px;
	margin-bottom: 35px;
	margin-top: 10px;
}
.leftBoxSearchHeader {
	margin-top: 26px;
}
.leftBoxDropDown2 {
	margin-top: 11px;
	margin-left: 15px;
}
.askaLib {
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	float: none;
	margin-left: 10px;
}
.frontPageBoxLines {
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #000000;
}
.rightBoxText1 {
	padding-top: 2px;
	padding-left: 25px;
	padding-right: 6px;
}
.footerBorders {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
.rightBoxTextTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 23px;
	margin-right: 6px;
	margin-left: 6px;
}
.leftTextBox1 {
	padding-right: 6px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.uloverride {
	margin-top: -1em;
}
.quicklink {
	margin-left: 20px;
	margin-top: 20px;
}
.askalibtable {
	margin-top: 20px;
}
.formoverride {
	margin: 0px;
	padding: 0px;
}
.topBorder {
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #000000;
}
.searchBoxTop {
	clear: left;
	float: left;
}
.goArrow {
	margin-top: 6px;
	clear: none;
	float: right;
}
.bottomRepeatImage {
	background-image:  url("../assets/images/1-banner-bottom-image.jpg");
	background-repeat: repeat;
	height: 24px;
	width: 100%;
}

.catSearchSubmit {

/*padding-bottom: 2px;*/
margin-top: 2px;

}
.columnStyle {
	margin-left: 25px;
}

.columnStyle2 {
	margin-left: 25px;
}

.columnStyleForLists {
	margin-left: 30px;
	list-style-position: outside;
	list-style-type: disc;
}
.t4columnLines {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-bottom: 7px;
}
.t4columnLinesBottom {
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.t4catalogSearch1 {
	margin-top: auto;
	margin-left: 25px;
}
.t4catalogSearch2 {
	margin-top: 4px;
	margin-left: px;
}
.t4WholeTableBorder {
	border: 1px solid #000000;
	margin-left: 5px;
	margin-top: 5px;
}
.t4newsAndInfo1 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.t4newAndInfo2 {
	margin-bottom: 10px;
}


.t4featuredResource {
	padding-left: 15px;
}

.alertMessege {
	border: 1px solid #000000;
	margin: 5px;	
}

.newsTd {

}

.newsTd a:hover {

color:;
background-color:;
	
	}
.newsBox {
	padding: 6px;
}
.libnewsletterimage {
	border: 1px solid #000000;


	clear:;
	position: static;
	margin-bottom: 4px;
	margin-top: 4px;
	margin-right: 3px;
}
.libnewstitle {
	float: right;
}

.libraryNewsLetterBox {
	float: left;
	clear: left;
}
.aLittleSpacePleaseatTop {
	margin-top: 5px;
}
/* news classes *************************************************/
.newsboxtext {
	
	line-height: 1.4em;
	clear: left;
    float:;
	list-style-type: disc;	
	font-size: 85%;
	margin-right:8px;
}

.newsboxtext img{
	
	border:none; background-color:none; text-decoration:none;padding-left:25px;
}
.news_list {
	/*list-style-image:  url("../assets/images/bullet-2.gif");*/
	list-style-position: outside;
	
}

.news_summaryPost {

 }
/****************************************************************/


#dblayer a:hover {
	color:black;
	background-color:#ccccff;
	text-decoration:underline;
	font-weight:;
	
}
.helplayer {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #000000;
}
.dblayerlist {
	margin-left: 20px;
	z-index: 18;
	background-color: #FFFFFF;
	padding: 3px;
	width: 80%;
	list-style-image: url(../media/bullet1.gif);
}
#columnstyle3 {
	margin-left: 25px;
}


.searchBox {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin: 5px;
}
.searchCloseGif {
	float: right;
	margin-right: 2px;
	clear: right;
}
.searchTitle {

	float: left;
	clear: both;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.8em;
}

.frontfootertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.frontfootertext a{
	color:#000000;
	text-decoration: underline;
}

.frontfootertext a:hover{
	color:#FFFFFF;
	background-color: #666666;
}
.t4columnLinesCopy {

	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
}
.t4MainTableSpace {
	padding-top:;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
#leftSidebar {
	padding: 5px;
	float: left;
	width: 200px;
	margin-right: 5px;
	border-right-width: thin;
	border-right-style: solid;
	border-top-color: #000000;
}

#mainContent {
	padding: 5px;
	float: right;
	/*width: 200px;*/
	margin-left: 5px;
	/*border-right-width: thin;
	border-right-style: solid;
	border-top-color: #000000;*/
}
#footer {
	padding: 0px;
	position: relative;
	width: 100%;
	margin-bottom: 5px;
	background-image:  url("../assets/images/1-banner-bottom-image.jpg");
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.dropPad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 3px;
	

}

.subGuideCatHeader {
	font-size: 14px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #977900;
	margin-top: 26px;
}

.ptitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #000000;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-bottom: 15px;
	float: left;
	position: relative;
	clear: none;
	width: 89%;
}
.content {
	position: relative;
	float: left;
	clear: both;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #897501;
	position: relative;
}

.subtitle3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #897501;
	
}

.subtitle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #897501;
	position: relative;
	font-variant: small-caps;
}

.subtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	position: relative;
	width: 100%;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.dbBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: bolder;*/
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	margin-top: 10px;
	margin-bottom: 6px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	
}

#contentWithNav {
	float: right;
	position: relative;
	margin: 5px;
	width: 100%;
	clear: right;
}
#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	float: left;
	width: 200px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	margin-right: 15px;
	margin-top: 30px;
}

#actualContentArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666666;
	margin-left: 15px;
	padding-right: 15px;
	padding-left: 30px;
	width: auto;
	clear: none;
}
#rightSide {
}

#footerLeft {
	padding-left: 10px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#footerRight {
	font-size: 10px;
	line-height: 1.5em;
	text-align: right;
}
#footerMid {
	background-color: #FFCC00;
	position: relative;
	height: 10px;
	padding: 0px;
	margin: 0px;
	float: none;
	clear: both;
}
#footerBottom {
	background-color: #333333;
	position: relative;
	clear: both;
	height: 17px;
}
#footerLine {
	clear: both;
	position: relative;
	height: 1px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #999999;
	margin: 0px;
	float: left;
}
#footerMiddle {
	font-size: 10px;
	line-height: 1.5em;
	position: relative;
	float: left;
	clear: both;
	padding-top: 1px;
}
#theContent {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 42px;
	float: left;
}

#theContentForNavPages {
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 15px;
	float: left;
	margin-bottom: 0px;
	position: relative;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
}

#theContentForNavPages h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#headerQuicklinks {
	padding-left: 37px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#CatSearchLayer {
	height: auto;
	width: 245px;
	font-size: 10px;
	visibility: hidden;
}
#navBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	color: #000000;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 7px;
}

#navContentTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.breadcrumbsCell {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
 

	
/*[Tutorial] How to style DropMenu with CSS
« on: Mar 29, 2006, 09:35 PM »
	Reply with quoteQuote
This question comes up a lot on the forums here at MODxCMS so I thought I would address it here in the Tips/Tricks section. 

This is the technique for selectively hiding menu items contained in a folder, then revealing them when the folder item is selected in the menu.  This tutorial will cover Menus up to 3 levels deep, but once you read and understand the formula MODx's DropMenu applies to the list it generates, you can append this to cover folder structures of an unlimited depth.

the Scenario:
Your site map looks like this

Home
About Me
Folder1
     -SubPage1
     -SubPage2
     -SubFolder3
          -SubFolderItem1
          -SubFolderItem2
Contact-us
FAQ
     -FAQ1
     -FAQ2
     -FAQ3

In an unstyled world, MODx's DropMenu would output this list exactly as above in an HTML unorderd list (<ul>) 
with List Items (<li>).  It will apply special classes to these items, depending on which one is selected.  
If you call the snippet as [[DropMenu]], the snippet will display an unordered, nested list of every page (checked to "Show in menu") from the site root on down.

Let's say we put our drop menu in a div called "menu".  In our template HTML file the menu sectin would look like this:

Code: 

<div id="menu">
   [[DropMenu]]
</div>


to display only root level items, we would use our CSS to hide anything in 
the unordered list (<ul>) deeper than the first <ul><li> by using the following code:

Code:*/

.here, .here a {
	list-style-type: none;
}

.here a:hover {

	color: /*#FFCC00*/;
	background-color: ;

}

#menu {
	color: #000000;
	
	padding-left: 43px;
}

#menu a {

color: #000000;
text-decoration:underline;
}

#menu a:hover {

color: #FFCC00;
text-decoration:underline;
}

#menu ul {
	margin-left: 0px;
	padding-left: 0px;
}


#menu ul ul{
	display:none;
	list-style-type: none;
}

#menu ul li, #menu ul li a {
	list-style-type: none;
	text-decoration: none;
}

#menu ul ul.here {
	display:none;
	list-style-type: none;
	
}
#crumbsdiv {
	padding-left: 44px;
}
.leftmargcontent {
	padding-left: 37px;
}
#newbreadcrumbs {
	float: left;
	position: relative;
}
#newmenu {
	float: left;
	display: inline;
	background-color: #FF0000;
	position: relative;
	clear: both;
}
#newcontent {
	float: right;
	display: inline;
	background-color: #FF0000;
	position: relative;
	clear: right;
}
#main {
	position: relative;
}
.catHeader {
	font-weight: bolder;
	color: #000000;
}
.note {
	display: block;
	background-color: #E8E8C8;
	padding: 6px;
	border: 1px solid #000000;
	margin-top: 3px;
	margin-bottom: 3px;
}
#indextable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#indextable a {
	text-decoration: none;
}
.templatecontent {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 43px;
	position: relative;
}

.tabActive {
	background-color: #000000;
	color: #FFFF00;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.tabInActive {
	background-color: #CCCCCC;
	color: #000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.tabActive a { color:#FFFF00; }

.tinyTextBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

.tinyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}
.lineHeight {
	line-height: 1em;
}

.dottedLine {
border-bottom-width:1px;
border-bottom-color:#666666;
border-bottom-style:solid;
}

.dottedLineBottom {
border-bottom-width:1px;
border-bottom-color:#666666;
border-bottom-style:solid;
}

.dottedLineTop {
border-top-width:1px;
border-top-color:#666666;
border-top-style:solid;

}

.dottedLineTopSubGuides {
	border-top-width:1px;
	border-top-color:#666666;
	border-top-style:solid;
	margin-top: 5px;
	margin-bottom: 5px;
}

.dottedLineTopBottom {
border-top-width:1px;
border-top-color:#666666;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-color:#666666;
border-bottom-style:solid;

}


.dottedLineRight {
border-right-width:1px;
border-right-color:#666666;
border-right-style:solid;
}

.rrlist {
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.3em;
	list-style-image: url(../assets/images/here_arrow.gif);
}

.mlSearchBox {

	display:inline-table;
	
}

#metalib1 {
	
	color: #000000;
	padding: 5px;
	text-align: left;
	background-color:#FFFFFF; /*F7EED4 FFFBE8*/
	border: 1px solid #000000;
}

#metalib1 ul li {
	
	list-style-position: inside;
	list-style-type: disc;
}

.genericBoxYellow2{
	color: #000000;
	padding: 3px;
	width: 95%;
	text-align: left;
	background-color:#FAF6EB ; /*F7EED4 FFFBE8*/
	border: 1px solid #000000;
}

.genericBoxA{
	color: #000000;
	padding: 5px;
	text-align: left;
	background-color:#FAF6EB ; /*F7EED4 FFFBE8*/
	border: 1px solid #000000;
}


.genericBoxB{
	color: #000000;
	padding: 7px;
	margin: 7px 7px 7px 7px;
	width:;
	text-align:left;
	background-color:##FFECB2 ; /*F7EED4 FFFBE8*/
	border: 1px solid #000000;
}

.genericBoxC{
	color: #000000;
	padding: 5px;
	width: 100%;
	text-align: left;
	background-color:#FAF6EB ; /*F7EED4 FFFBE8*/
	border: 1px solid #000000;
}

.rssbox{
	color: #000000;
	padding: 5px 5px 5px 25px;
	width:;
	text-align: left;
	background-color:#FFFFFF;
	/*border-top: 1px solid #000000;
	border-right: none;
	border-bottom: none;
	border-left: none;*/
	display: inline;
}

.genericWhiteBox{
	color: #000000;
	padding: 5px;
	text-align: left;
	background-color:#FFFFFF; /*F7EED4 FFFBE8*/
	border: 1px double #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
}

#pubMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 0px;
	list-style-type: none;
	display: table-header-group;
	list-style-position: outside;
	float:;
	margin-left:0;
}

.menuOn {
	
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #666666;
	padding: 3px;
	/*clear: right;*/
	float: left;
	margin-right: 4px;
	
	border: 1px solid #000000;
	border-bottom:0px;
}

.menuOn a { color:#FFFFFF }

.menuOn a:hover{
	color: #FFCC00;
	background-color: #666666;
}

.menuOff {
	
	font-weight: bolder;
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
	/*clear: right;*/
	float: left;
	margin-right: 4px;
	
	border: 1px solid #000000;
	border-bottom:0px;
}

.menuBottom {
	width:100%;
	background-color: #666666;
	float:left;
	margin-top:0;
	margin-bottom:0;
	border-left:1px solid #000000;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height:12px;
	
	}

.subjectInputFrontBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding: 20px;
	margin: 12px;
	border: 1px solid #000000;
	width:;
	text-align: left;
	background-color: #FFFFFF;
	list-style-position: inside;
	list-style-type: circle;
	line-height: 1.7em;


}.subGuideCatHeader {
	font-size: 14px;
	font-weight: bolder;
	font-variant: small-caps;
	color: #977900;
	margin-top: 26px;
}

.annotationBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DFDFBF;
	padding: 7px;
	margin-top: 4px;
	border: 1px solid #000000;
	width:415px;
}

.annotationBox2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:400px; 
	background-color: #DFDFBF;
	padding: 7px;
	margin-top: 4px;
	border: 1px solid #000000;
}

.dbBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:;
	/*font-weight: bolder;*/
	padding-top:10px;
	padding-left:0px;
	padding-bottom:10px;
	margin-top: 10px;
	margin-bottom: 6px;
	background-color: #FFFFFF;
	/*border: 1px solid #000000;*/
	
}

.subGuideItemTitle {

	width: 425px;

}

/*.rr {
	background-color: #FFFFFF;
	padding:;
	font-size:11px;
	font-weight:bolder;
	padding: 3px;
	margin-bottom: 5px;
	background-color: #990000;
	width: 175px;
	color:#FFFFFF
	border: 1px solid #FFFFFF;
}

.rrBox {
	
	padding: 8px;
	border-left: 1px dashed #666666;
	position:absolute;
	z-index: 15;
	width: 175px;
	visibility: visible;
	top: 148px;
	left: 480px;
	background-color:#FFFFFF;
}

.rrCallNo {
    
	font-size: 11px;
	font-weight:;
	color: #000000;
	clear: both;
	

}

.rrTitle {
	font-size: 11px;
	font-weight:;
	color: #000000;
	clear: both;
	
}

.rrURL {

    font-size: 11px;
	font-weight:;
	color: #000000;
	clear: both;

} */

#liStyles {

}

.general li {


font-weight:bolder;
margin-top:4px;
margin-bottom:;
margin-left:0px;
list-style:none;

}

.general li li {
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
	list-style-type: circle;
}

.subMenuForm {
	margin: 0px;
}

.subGuideTitle {
	font-size: 18px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}



.boldRed {

	color: red;
	font-weight: 700;

}
.db {
	padding: 10px;
	clear: both;
	float: left;
	margin-top: 10px;
	border: 1px ridge #666666;
	position: relative;
	display: inline;
	margin-bottom: 10px;
	width: 90%;
}

.db_subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #3D4D6D;
	position: relative;
	padding: 2px 2px 2px 0px;
	width:;
	margin-bottom: 4px;
	display: inline;
	font-variant: small-caps;
}
.db_infolinks {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.db_ft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
}
.db_info {
	position: relative;
	clear: both;
	float: left;
}
.db_URL {
	position: relative;
	clear: both;
}
.img {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #000000;
}
.leftFloatnavBox {
	padding: 2px;
	float: right;
	height: auto;
	width: 150px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	clear: left;

}.frontPageTopBanner {
	margin-bottom: 11px;
}
.mainPagesSubtitle1 {
	font-weight: bolder;
	font-variant: small-caps;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: 1px solid #666666;
	background-color: #E5DBF0;
	font-family: Arial, Helvetica, sans-serif;
}

.mainPagesSubtitle2 {
	font-weight: bolder;
	font-variant: small-caps;
	background-color:#FFEFBF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
}
#dbQuickConnect {
	display: inline;
	float: right;
	width: 300px;
	border: solid black 1px;
	padding: 5px;
	margin: 5px;
}
.mainPagesSubtitle3 {
	font-weight: bolder;
	font-variant: small-caps;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: 1px solid #666666;
	background-color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC00;
}
.mainPagesSubtitle4 {

    font-weight: bolder;
	font-variant: small-caps;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: 1px solid #666666;
	background-color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	
}
.dottedLineTop2 {

border-right-width:thin;
border-right-color:#666666;
border-right-style:dotted;

border-top-width:thin;
border-top-color:#666666;
border-top-style:dotted;
}

.printContent {
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	text-align: left;
	margin: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.printContent2 {
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	text-align: left;
	margin:;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

#base {
	border: 1px solid #000;
	background:#FFFFFF;
	padding: 5px;
	margin: 5px 0px 5px 0px
}

#pipe ul {
	/*margin-left: 0;
	padding-left: 0;*/
	display: inline;
	list-style-type: circle;
	} 

#pipe ul li {
	margin-left: 0;
	padding: 3px 3px;
	/*border-left: 1px solid #000;*/
	list-style: circle url(none);
	display: inline;
	}
	
		
#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
	
.hanging { text-indent: -3em; margin-left: 3em; }

/*/////////////////////////////////////
SPCOL 
/////////////////////////////////////*/
.spcol_iotm_box {
	border:#999999 1px solid;
	background-color:#CCCCCC;
	padding:4px;
	margin:2.5px;
	text-align:center;
	width: 30%;
}


.spcol_iotm_box  a:hover img {
	
	border:red 1px dotted;

}


.spcol_news_list {
	margin-bottom: 6px;
	padding-bottom: 6px;
	padding-top: 6px;
}

.spcol_offset_25px {

margin-left: 25px;

}

.spcol_offset_25px2 {

margin-left: 20px;

}

.spcol_text_main {
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding: 0px;
	margin: 0px;
	background-image: url(http://www.lib.usm.edu/assets/images/spcol_bround.jpg); 
	background-repeat: repeat-x;
}

/*////// 
For content DM stretchy

*/

.spcol_text_main2 {
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding:0px;
	margin:0px;
	/*background-image: url(http://www.lib.usm.edu/assets/images/spcol_bround.jpg); 
	background-repeat: repeat-x;*/
}

.spcol_paragraph_header {
	color:#735617;
	font: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:17px;
	margin-top: 15px;
	margin-bottom: 15px;

}

/*.spcol_text_main a {color:#663300;}
.spcol_text_main a:hover {color:#FFFFFF;}*/

.spcol_header  {

margin-left: 25px;
margin-top: 7px
margin-bottom: 7px

}

.spcol_footer {

padding-top: 7px;
padding-bottom: 7px;
padding-right:15px;
padding-left:25px;
background:#A88557;
color:#FFFFFF;
text-decoration:none;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

.spcol_footer a {

color:#FFFFFF;

}

.spcol_footer a:hover {

color:#FFF;
text-decoration:underline;

}

.spcol_image {

border: 1px solid #000;
margin-left: 25px;
margin-right: 25px;
margin-top: 12px;
margin-bottom: 12px;

}

.spcol_generic_image { 

border: 1px solid #000;


}



.spcol_nav {

border-bottom-color: #000;
border-bottom-width:1px;
border-bottom-style:solid;

}

.spcol_nav a {
border:hidden;
outline:hidden;
text-decoration:none;

}

.spcol_searchandfind_offset {
margin-bottom:9px;

}

.spcol_generic_box {
	background-color: #FFFFCC;
	padding: 2px;
	margin-right: 3px;
	border: 1px solid #000000;
}

.spcol_generic_box ul {
	list-style-position: outside;
	list-style-image: url(../assets/images/spcol_template_r13_c11.gif);


}

.spcol_generic_box_cell {
	
	padding: 2px;


}

.spcol_bottom_cell {
	padding-bottom: 6px;
}

.spcol_links {


}

.spcol_links a {

color:#663300;

}

#spcolPageBody1 {
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 20px;
}

#spcol_iotmPageBody {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#spcolPageBody1 h3 {
	
	color:;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;

}

.spcolTableBorder {
	border: 1px solid #000000;
	
	margin-top: 5px;
}

.spcolTableBorder2 {
	border-bottom: 1px solid #000000;
	
	margin: ;
}

.spcol_breadcrumbsCell {

border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;

}

.spcol_template_right_nav_border {

border-left-style: solid;
border-left-color:#000000;
border-left-width:1px;

}

.spcol_iotmlongTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	background-position: left;
	left:;
	right: 50%;

}

.spcol_iotmBround {


}

#spcol_iotmImage1 {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 3px;
	margin: 2px;
	width: auto;
}

#spcol_iotmImage2 {
	border: 1px solid #000000;
	
}

#spcol_iotmText {
	

}

/********************************

SPCOL NEW Classes (altered from BS classes which use the same spcol class template

*********************************/

.spcol_menu12 {
	padding-left:5px;
	padding-right:5px;
	padding-top:;
	list-style-type:none;
	margin-left:0;

}

.spcol_offset22 {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 7px;
	margin-right: 5px;
}

/*.spcol_menu1 a {

color:#996600;

}

.spcol_menu1 a:hover {

color:;
background:#333333;

}*/

.spcol_rowClass2 {
	list-style:;
	margin-left:;
	padding-left:;
	color:;
	
}

.spcol_rowClass2 a {
	list-style:;
	margin-left:;
	padding-left:;
	color:;
	
}

.spcol_hereClass2 {

color:#330099;
text-decoration:underline;
list-style:none;

}

/*.spcol_hereClass3 {
	list-style-image: none;
	list-style-type: none;
	list-style:none;
}*/

.spcol_selfClass2 {
	margin-bottom:2px;
	margin-top:2px;
	padding:1px;
	color: black;
		/*background-color: #666666;	list-style-image:url(../assets/images/bullet1.gif);*/
	
}

.spcol_innerClass2 a {


}

.spcol_noList2 {
list-style:none;
}

.spcol_prht2 {
background-color:#CCCCCC;
margin-top:2px;
color:;
}

.spcol_parent2 a {
color:;

/*list-style-image:url(../assets/images/bullet1-down.gif)*/

}



.spcol_prt2 {

/*list-style-image:url(../assets/images/bullet1-down.gif)*/

}

.styln li {
margin-bottom: 1em;
list-style-type: none;
}

.styln ul li ul li {
list-style-type: none;
margin-bottom: 1em;
}

.styln ul li ul li ul li{
list-style-type: none;
margin-bottom:;
}

/*******************************

Bib Services Classes

********************************/


.spcol_menu1 {
	padding-left:20px;
	padding-right:5px;
	padding-top:;
	list-style:none;
	

}

.spcol_offset2 {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 7px;
	margin-right: 5px;
}

/*.spcol_menu1 a {

color:#996600;

}

.spcol_menu1 a:hover {

color:;
background:#333333;

}*/

.spcol_rowClass {
list-style:none;
margin-left:-1em;
padding-left:-1em;

}

.spcol_hereClass {
color:#330099;
text-decoration:underline;

}

.spcol_selfClass {
	
	margin-bottom:2px;
	margin-top:2px;
	padding:1px;
	/*list-style-image:url(../assets/images/bullet1.gif)*/
}

.spcol_innerClass {

padding-left:-1em;
margin-left:-1em;
padding-right:5px;


}

.spcol_noList {
list-style:none;
}

.spcol_prht {
/*list-style-image:url(../assets/images/bullet1-down.gif)*/

}

.spcol_prt {

/*list-style-image:url(../assets/images/bullet1-down.gif)*/

}



#blog_content {
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 42px;
	float: left;
	clear:left;
	border: thin solid #666666;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 42px;
	width:400px;
	clear:;
	position:;
	position: absolute;
}
#blog_sidebar {
	clear:both;
	float: none;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	border: 1px solid #666666;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 10px;
	
	position:;
	width: 125px;
	position: absolute;
	left: 442px;
}

#blog_wrapper {
	clear: both;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 42px;
	

}

#blog_wrapper table td {

font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;	


}

#blog_wrapper td {
	border: 1px solid #666666;

}

/*  more blogd stuff */

.bSeperator {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	width: 100%;
}

.bSeperator2 {
	margin-top:;
	margin-bottom:;
	
}

.bSideItem {
	margin: 0 16px 2ex 16px;
	padding: 0 0 0 0;
}
.bSideItem h3 {
	margin: 0;
	padding: 0;
	font-variant:small-caps;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.bSideItem li {
	list-style-image: url(img/arrow-right-small.gif);
}

.bSideItem li a {
	color: #666;
}
.bSideItem li a:hover {
	color: white;
}

/************************

CSS for Tutorials Page

*************************/

.tutorials_divider {

border-bottom:#000 solid 1px;
margin-bottom:10px;

}
/*#tutorials_container { 
	width: 80%;  /* this will create a container 80% of the browser width 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page
	border: 1px solid #000;
	text-align: left; /* this overrides the text-align: center on the body element.tutorials_ 
} */

#tutorials_lefty {

 
	width: 50%; /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:15px 0px;;
	border-right:#000 1px solid;

}

#tutorials_lefty img, #tutorials_righty img  {
border-style:none;


}

#tutorials_lefty a:hover img, #tutorials_righty a:hover img  {
	
	border:#CC3300 1px solid;
}
#tutorials_righty {


	width: 50%; /* since this element is floated, a width must be given */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0px;

}

#tutorials_top {


	 /* since this element is floated, a width must be given */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0;
	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000000;
	margin-bottom:5px;

}

#tutorials_top p, #tutorials_lefty p, #tutorials_righty p  {

padding-left:;
padding-right:15px;

}

.tutorials_divider {

border-bottom:#000000 solid 1px;
}



.tutorials_subTitle {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bolder;
	color: #996600;
}
#tutorials_videotext {
	padding-left:;
}
#tutorials_tvimage {
	padding-left:;
}
#tutorials_goRight {
	float: left;
	width:;
	
}
.tutorials_catHeader {
	padding-right: 25px;
	padding-left:;
	font-weight:bolder;
	
	}

#newIndexBelowSearch {
font-size:100%;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
	clear: both;
	border:1px #CCC solid;
    width:90%;
    margin-left:5px;
	margin-top:;
	margin-bottom:5px;
	
}
#bibserve_main_link_table {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #526B7B;
	margin-left: 26px;
	margin-bottom:5px;
}
#bibserve_main_link_table td{
	padding-right: 11px;
	color:#FFFFFF;
}

#bibserve_main_link_table td a {
  color: #FFF;
  background-color:;
}
#bibserve_main_link_table td.mytdclass a:hover {
  color:#FFCC33;
  background-color:;
}
/*##################### mobile web classes #################### 


 background-color:#333; color:#FC0;padding:7px

*/

.mobile {
	
	border-color:#FC0; 
	border-style:solid;
	border-width:20px;
	padding:15px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	
}

.mobile h3 {
	
	font:Arial, Helvetica, sans-serif; font-size:30px;	
	
}

.mobile a {
	
	text-decoration:underline;
	
}

.mobile a:hover {
	
	background-color:#666;
	
}