@charset "UTF-8";
/* CSS Document */

/*Redesign CSS  ______________________________________________ */

.left{float:left;} 
.right{float:right;}
.clear{clear:both;}

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

.logo{padding:12px 10px 15px 0px;}


.topright {
    margin:5px 4px 5px 0px;
   font-size:11px;
   padding:7px 0px 0px 0px;
}
.topright a:link, a, a:visited, a:hover{font-size:11px;}

.11{font-size:11px;}

input {border:1px solid #e2d6ae; font-size:11px; background-color:#ffffff; cursor:default;}

.hmleft{width:616px;}
.hmright{ width:183px; height:246px; }

.allleft{width:606px;}
.allright{width:193px;}

h1 {
	font-family:Myriad Pro, MyriadPro, Myriad, Arial, Verdana, Helvetica, sans-serif;
    color:#48286d;
    font-size: 22px;
    font-weight: bold;
	margin:2px 0px 6px 0px;
	padding:12px 0px 8px 0px;
}
.h1home {padding-top:2px; padding-bottom:4px;}
.h1lroc { padding-bottom:0px;}

h2 {
	font-family:Myriad Pro, MyriadPro, Myriad, Arial, Verdana, Helvetica, sans-serif;
    color:#927c00;
    font-size: 18px;
    font-weight: bold;
	margin:12px 0px 8px 0px;
 }
h3 {
	font-family:Myriad Pro, MyriadPro, Myriad, Arial, Verdana, Helvetica, sans-serif;
    color:#48286d;
    font-size: 15px;
    font-weight: bold;
	margin:0px;
	padding:6px 0px 6px 0px;
}

h4 {
	font-family: Arial,Verdana, arial, verdana, sanf-serif;
   border: 0px;
   color:#927c00;
   font-size: 12px;
   margin:0px;
}
h4 a:link, h4 a:visited, h4 a:hover {font-size:12px;}

.homeMiddle {
	margin:8px 0px 0px 4px;
   float:left;
   width:425px;
   background-color:#EEE6CE; font-size:11px;
}
.homeMiddle2 {
	margin:0px;
   float:left;
   width:425px;
   font-size:11px;
}
.cont1mid{margin:8px 0px 0px 4px;
   float:left;
   width:610px;
    }

#padhm{padding:0px 0px 0px 10px;}
#feat{margin:0px 10px 0px 0px; padding:6px 0px 6px 0px; border-top:1px solid #e2d6ae;}
#feat a:link, a:visited, a:hover{font-size:11px;} #feat p {font-size:11px;}  

.newsmarg{margin:0px 10px 0px 0px;}

 p{font-size:12px; margin:6px 0px 6px 0px; padding:0px 0px 0px 2px;  }

.img{float:left; margin:5px 12px 6px 0px; border:1px solid #303030;}
.img2{float:left; margin:0px 12px 6px 0px; }
.img3{float:right; margin:0px 5px 4px 0px; }

.pr5{padding-right:5px;}
.padL10{padding-left:10px;}
.padL20{padding-left:20px;}
.padT5{padding-top:5px;}
.padT10{padding-top:10px;}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs15{font-size:15px;}

.fs11 li {font-size:11px;}

#fs12{font-size:12px;}

.noborder{border:0px;}
#noborderb{border-bottom:0px;}
.nobordert{border-top:0px;}


.homeNews {
	margin:8px 0px 0px 4px;
   float:left;
   width:180px;
   padding-top:8px;
}

.foot {
  width: 100%;
  margin-bottom: 10px;
}
.foot p {font-size:10px; color:#4a176b; padding-top:13px;} .foot p a {font-size:10px;}
.update { padding-top:12px; font-size:10px; color:#999999;} 

.content { padding-left: 20px; padding-right: 10px; }
.content a:link, .content a:visited, .content a:hover {font-size:12px;}

.ab1 {
   width: 100%;
   padding: 5px 0px 5px 0px;
   color: #000;
   border-bottom: 1px solid #e2d6ae; 
} .ab1 p {font-size: 12px;}


.indexLink {
   width: 100%;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #000;
   font-size: 90%;
   border-bottom: 1px solid #ccc; 
}

.indexLinkTop {
   width: 100%;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #000;
   font-size: 90%;
   border-bottom: 1px solid #ccc; 
   border-top: 1px solid #ccc; 
}

.indexLink a,
.indexLinkTop a {
   font-weight: normal;
   font-size: 11px;
}

.w88{width:88px;}
.w83{width:83px;}
.w280{width:280px;}
.w200{width:200px;}
.w150{width:150px;}
.w225{width:225px;}

.txtleft{ text-align:left;}
.lineheight11{line-height:11px;}

li{font-size:12px;}

.crumb a:link, .crumb a:visited, .crumb a:hover {font-size:11px;}

/* -- I Frame on Homepag that reads events/calendar.shtml ------ / */

#inneriframe
{
	position:absolute;
top:-645px;
left:-249px;
width:880px;
height:1105px;
}
#outerframe
{
width:158px;
height:410px; 
overflow:hidden;
position:relative;
}

#homeLeft {width:186px; float:left;}
#homeLeft2 {width:191px; float:left;}

.hmcalendar{ padding:10px 0px 0px 10px; float:left; width:170px;}

/* -------------------- Redesign CSS end ------------------------------- / */



body { 
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   margin: 0px;
   color: #303030;
   margin-bottom: 8px;
   background-image: none;
   background-color: #fff;
}

/* Following for new browser bugs. 
See http://www.alistapart.com/stories/betterliving/ */

/*img {
   display: block; 
} */

.inline {
   display: inline;
}

.borderTop {
   border-top: 1px solid #ddd;
}

.topTable {
   width: 100%;
   margin-bottom: 0px;
}



.mainTable {
  width: 100%;
  height: 65%;
  margin-top: 10px;
}


 

.tdMail { 
  background-color: #fff;
}

.yello {
    background-color: yellow;
}

.purpl {
    background-color: #B5A9C0;
}

/* ============================ LINKS ================================ */

a, a:link, a:visited {
    
   text-decoration: none;
   color: #4a176b;
   font-weight:bold;
}

a:hover {
   text-decoration:none; color: #927c00;
}

.disabled {
   color: #666;
}

table {
   font-size: 12px;
}

.tdLeft {
   width: 190px;
}

/* ========================= LEFT MENU=======================*/

.sideMenu {
   width: 175px;
   margin-left: 15px;
   margin-top: 20px;
   margin-right: 20px;
   font-size: 14px;
}

.sideMenu div {
   border-bottom: 1px solid #ddd;  
   padding-top: 2px;
   padding-bottom: 3px;
   padding-left: 3px;
}


.sideMenu .botBorder {
   border-bottom: 1px solid #7D6C0A; 
}

.sideMenu .subHead {
   background-color: #f6f6f6;
   border-bottom: 0px solid #999;
}

.subHeadDisabled {
   font-size: 13px;
   background-color: #f6f6f6;
   border-bottom: 0px solid #999;
   color: #666;
}

.sideMenu a:link,
.sideMenu a:visited,
.sideMenu a:hover {
   color: #330066;
   font-weight: normal;
   font-size: 13px;
}

.sub a:link,
.sub a:visited,
.sub a:hover {
   font-size: 11px;
   display: block;
   padding-left: 7px;
}

.sideMenu .sub {
   border-bottom: 1px solid #7D6C0A; 
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}


.sub div {
   border-bottom: 1px solid #ccc;
   padding-bottom: 4px;
   padding-top: 4px;
   padding-left: 8px;  
}

.sub .disabled {
   font-size: 11px;
   display: block;
   padding-left: 15px;
   color: #666;
}

.sub .bottom {
   border-bottom: 0px;
}

/* ============================ PAGE CONTENT =========================== */

.tdContent {
  width: 550px;  
  border-left: 1px solid #ccc;
}


 
.highlight {
   border: 1px solid #999;
   background-color: #f3f3f3;
   padding: 5px;
}

.pageHeading { 
   width: 100%; 
   color: #000; 
   font-size: 22px;
   font-weight: bold; 
   margin-left: 0px;
   padding: 0px;   
   padding-bottom: 0px; 
   margin-bottom: 6px;
   margin-top: 20px;
}

.subtitle {
   font-size: 18px;
   font-weight: bold;
}

.pageSection { 
   font-size: 17px; 
   font-weight: bold;
   margin-bottom: 10px;
   padding-bottom: 3px; 
   padding-top: 3px;
   padding-left: 2px;
   background-color: #D7CDA1; 
   color: #330066; 
 } 



.pageMajorSection {
   font-size: 18px;
}

.pageMenuHeading {
   font-size: 19px;
   font-weight: bold;
   color: #888;
   background-color: #fff;
   padding-top: 2px;
   padding-bottom: 3px;
}

.pageMenu { 
   list-style-position: inside;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-top: 0px;
   margin-bottom: 8px;
   margin-left: 1px;
}

.pageMenu li {
  color: #000;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

/* ============================ BOTTOM =========================== */

.mail, .address { 
   font-size: 90%; 
   padding: 3px; 
   margin-left: 10px;
}

.mail a {
   font-size: 11px;
}



/* ============================ SEARCH ============================ */

.search {
   border: 1px solid #999;
   background-color: #f3f3f3;
   padding: 5px;
   margin: 0px; 
}

.search .pageSection  {
   font-size: 17px;
   font-weight: bold;
   background-color: #eee;
   margin-bottom: 2px;
   margin-top: 1px;
   padding-left: 3px;
   background-color: #f3f3f3;
}

.search form {
   margin-top: 0px;
}

.searchText {
   width: 420px;
   font-size: 11px;
   padding-left: 3px;
}

.search input {
  font-weight: bold;
  margin-left: 3px;
}

.formLabel { 
   background-color: #e8e8e8;
}

.formSection { 
   font-size: 14px; 
   font-weight: bold;
   padding: 0px; 
   margin: 1px; 
   margin-bottom: 6px;
   background-color: #D7CDA1; 
   color: #330066; 
   width: 90%;
   border-bottom: 1px solid #ccc;
 } 

.formText {
   width: 440px;
}

/* ============================ LISTS ============================ */

ul {
   padding-left: 12px;
   margin-left: 7px;
}

li {
   margin-bottom: 8px;
}

.linkNote {
   color: #666; 
   font-size: 12px;
}

/* ============================ PRODUCTS FORM============================ */

.product {
   width: 470px; 
   margin-bottom: 15px;
   border: 1px solid #999;
}

.productName {
   width: 470px;
   font-size: 14px;
   color: #000;
   background-color: #DDD;
   padding: 2px;
   padding-left: 6px;
   margin-bottom: 4px;
}

.productInfo {
   padding-left: 6px;
   margin-bottom: 4px;
}

.quantityField {
   font-size: 10px;
}

.dateField {
   font-size: 10px;
}

/* ============================ LIST TABLES ================================ */

.listTable {
   width: 530px;
}

.listTable td {
   border-bottom: 1px solid #ccc;
   padding: 4px;
   vertical-align: top;
}

.listTable .listTop {
   border-bottom: 1px solid #000;
   font-weight: bold;
}   

.listTable .title  {
   border-bottom: 1px solid #ddd;
}

.listTable .issue,
.listTable .staff {
   width: 28%;
}

.listTable .term {
   width: 20%;
}

.listTable .topic {
   width: 60%;
}

.listTable .calDate {
   width: 7%;
   font-size: 11px;
}

.listTable .calEvent {
   width: 23%;
   font-size: 11px;
}

.listTable .calLoc {
   width: 25%;
   font-size: 11px;
}

.listTable .calTime {
   width: 10%;
   font-size: 11px;
}

.listTable .calDir {
   width: 20%;
   text-align: center;
   font-size: 11px;
}

.listTable .calReg {
   font-size: 11px;
}

.listTable .circ {
   width: 35%;
   font-weight: bold;
}



/* ======================== SITEMAP =========================== */

.siteMapMenu {
   width: 35%;
   background-color: #fff;    
}   

.siteMapHome {
   border: 1px solid #fff;
   padding: 4px;
}

.siteMapMenu div {
   margin: 1px;
   padding: 2px;
   background-color: #D7CDA1;
}

.siteMapTbl {
   width: 550px;
   font-size: 11px;
   margin-right: 25px;
}

.siteMapTbl td {
   background-color: #fff;
}

.siteMapTbl .page {
   width: 160px;
}

.page a,
.descript a {
    font-size: 11px;
}

.listTable .descript {
   font-size: 90%;

}

.menuHead td {
   background-color: #f3f3f3;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
   margin-bottom: 0px;
   font-size: 14px; 
   font-weight: bold; 
}

/* ======================== INDEX PAGES ===================*/




/* ======================== HOME PAGE ===================*/

.homeTitle {
   margin-left: 20px;
   margin-bottom: 3px;
   font-weight: bold; 
   font-size: 18px;
   color: #000;
}

.homeTop {
  background-color: #D7CDA1;
  padding: 2px;
}

.homeTop td {
/*   border-bottom: 1px dashed #999; */
}

.homeContent {
   width: 100%;
   margin-bottom: 0px;
}   



 

.homeTopLeft {
   width: 172px;
   background-color: #DFE2EB;
}

.homeLogo {
   margin-top: 3px;
   margin-left: 5px;
}
 


.homeNewTable p {
   margin-top: 7px; 
}

.homeNewTable tr {
   padding-top: 3px;
   padding-bottom: 3px;
}

.homeNewTable .homeTopRow {
   padding-top: 0px;
}

.homeNewTable td {
   border-bottom: 1px solid #DFE2EB;
}

.homeNew {
  padding: 3px;
  background-color: #DFE2EB;
  background-color: #D7CDA1;
}

.homeDate {
   text-align: right;
   margin-top: 1px;
   color: #330066;
   font-weight: bold;
   font-size: 90%;
}

.newText {
   margin-left: 12px;
   font-size: 90%;
}

/* ======================== MEMBERS ===================*/

.URL {
   font-size: 85%;
   color: #606c80;
}

.members li {
   margin-bottom: 5px;
   border-top: 1px solid #ccc; 
   padding-top: 2px;
   padding-bottom: 2px;
}

.location {
   font-size: 85%;
   color: #606c80;
}




table.miranda {
	border-width: 2px 2px 2px 2px;
 	border-style: dotted dotted dotted dotted;
	border-color: rgb(125, 108, 10) rgb(125, 108, 10) rgb(125, 108, 10) rgb(125, 108, 10);
	border-collapse: separate;
	background-color: rgb(215, 205, 161);
}



/*---------------------    NAV'S     ----------------------------------------------------------------*/


.nav{ float:left; height:33px; width:799px; background-color:#e2d6ae;font-weight: bold; font-family: Arial, verdana, sanf-serif; color:#48286d;
}

 

.nav ul{
 /*THEME CHANGE HERE*/
margin:0px; padding:0px; list-style-type: none; 
text-align: left;
 /*set value to "left", "center", or "right"*/
}

.nav li{
margin:0px; padding:0px; list-style-type: none; float:left; text-align:center;
}

.li1{width:64px; background-image:url(images/1_nav1.gif); background-repeat:no-repeat; background-position:left top;}
.li2{width:106px; background-image:url(images/1_nav2.gif); background-repeat:no-repeat; background-position:left top;}
.li3{width:114px; background-image:url(images/1_nav3.gif); background-repeat:no-repeat; background-position:left top;}
.li4{width:154px; background-image:url(images/1_nav4.gif); background-repeat:no-repeat; background-position:left top;}
.li5{width:181px; background-image:url(images/1_nav5.gif); background-repeat:no-repeat; background-position:left top;}
.li6{width:180px; background-image:url(images/1_nav6.gif); background-repeat:no-repeat; background-position:left top;}

.nav li a, .nav li a:link, .nav li a:visited{
display:block; padding:9px 13px 0px 12px; height:26px; font-size: 12px;
color: #48286d;
margin: 0px;
text-decoration: none;
border-right: 3px solid #ffffff;  
font-size: 12px;  /*THEME CHANGE HERE*/
}

.nav li a:hover, .nav li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: #ffffff; text-decoration: none;  /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 0; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	width: 180px;
	visibility: hidden;
}


.dropmenudiv a, .dropmenudiv a:link, .dropmenudiv a:visited{
width: 100%;
display: block;
text-indent: 3px;
border: 0; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
 color: #48286d; font-size: 11px; 
 padding-left:10px;
 background-color: #e2d6ae;
 border-top:1px solid white; border-bottom:1px solid white;   font-weight:normal;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: white; color:#48286d; text-decoration:none;  font-weight:normal;
}

/* NAVSUB  ______________________________________________ */

#navsubbox2 { float:left; background-color:#e2d6ae; width:191px; height:260px; padding-top:14px; background-image:url(images/1_hm_back3.gif); background-position:top; background-repeat:no-repeat;  } /* this width value is also effected by
the padding on the links. */
.navsub2{width:187px; margin-right:4px;}

 #navsubbox { float:left; background-color:#e2d6ae; width:186px; margin-top:8px;}  /* this width value is also effected by
the padding on the links. */

#navsub { background-color:#e2d6ae; }
#navsub h3 {padding-left:10px; }
#navsub ul {
margin:0px 0px 0px 5px; padding:0px; list-style-type: none; font-family: Arial,Verdana, arial, verdana, sanf-serif; font-size: 13px; line-height:14px;    } 

#navsub li {margin:0px;  padding:0px; list-style-type: none; } 

#navsub li a {
display: block; text-decoration:none; padding:8px 5px 8px 5px; width:166px; font-size: 13px; border-top:1px solid #f0ead6; list-style-type: none;} 

#navsub li a:link, #navsub li a:visited { color: #48286d; padding:8px 5px 8px 5px;  width:166px;  font-size: 13px;  list-style-type: none;} 
#navsub li a:hover{ background-color:#ffffff; color: #927c00;  padding:8px 5px 8px 5px;  width:166px; font-size: 13px; } 
#navsub li a:hover .subnavcol, #navsub li a:hover .subnavsm  {background-color:#FFFFFF;}

#navsub li.first a{ border-top:none; margin-top:5px;}

.subnavcol{color:#927c00;}
.subnavsm {font-size:11px; font-weight:normal; font-family: Arial,Verdana, arial, verdana, sanf-serif; }
 
/*END  ______________________________________________ */

/* FOOTNAV  ______________________________________________ */

#footnav { background-color:#e2d6ae; width:800px; }
#footnav ul {
margin:0px; padding:10px 5px 10px 5px; list-style-type: none; font-family: Arial, Verdana, arial, helvetica, sanf-serif; font-size:13px; text-align:center;    } 
#footnav li {margin:0px;  padding:0px; list-style-type: none; float:left;  } 

#footnav a {
display: block; text-decoration:none; text-align:center; padding:3px 8px 3px 9px; font-size: 11px; border-right:1px solid #f0ead6;} 
#footnav a:link, #navsub a:visited { color: #48286d; padding:3px 8px 3px 9px; font-size:11px;} 
#footnav a:hover { background-color:#ffffff; color: #927c00; padding:3px 8px 3px 9px; font-size:11px; }

#mccredit{ padding:14px 0px 2px 14px;  background-color:#e2d6ae; width:786px; color:#888;}
#mccredit a, #mccredit a:link, #mccredit a:visited { color:#888; font-size:10px; font-weight:normal;} #mccredit a, #mccredit a:hover {font-size:10px; font-weight:normal; color:#927c00;}
/* END  ______________________________________________ */

.lroc_but1 {width:163px; height:27px; float:left; display:inline; background-image:url(images/lroc_button1.jpg); background-repeat:no-repeat; padding:8px 0px 0 45px;}  .lroc_but1 a:link, .lroc_but1 a:visited, .lroc_but1 a:hover {font-size:17px; font-weight:bold; color:#FFF;}
.lroc_col1{width:208px; float:left;} .lroc_col1 p {padding:10px 10px 0px 10px;} .lroc_col2 p {padding:10px 10px 0px 20px;}
.lroc_but2{width:128px; height:27px; float:left; display:inline;  background-image:url(images/lroc_button2.jpg); background-repeat:no-repeat;  padding:8px 0px 0 35px; margin-left:13px;} .lroc_but2 a:link, .lroc_but2 a:visited, .lroc_but2 a:hover, .lroc_but3 a:link, .lroc_but3 a:visited, .lroc_but3 a:hover {font-size:14px; font-weight:bold; color:#FFF;}
.lroc_col2{width:178px; float:left;}
.lroc_but3{width:128px; height:25px; float:left; display:inline;  background-image:url(images/lroc_button3.jpg); background-repeat:no-repeat; font-size:14px; font-weight:bold; color:#FFF; padding:10px 0px 0 35px; margin-left:10px;}

input#display { height:30px; width:161px; background-image:url(http://performers.ctlibrarians.org/images/display-performers.gif); background-repeat:no-repeat; font-size:14px; font-weight:bold; border:0;}