@charset "UTF-8";
/* CSS Document */
body{ font-family:Helvetica, Geneva, Arial, sans-serif; color:#303134; background-color:#30496d; font-size:12px; }

acronym {border:0; cursor/**/:/**/help}
a acronym {cursor:pointer}

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

h1{ font-family:Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color:#30496d; font-size:21px; margin:0px; padding:5px 5px 4px 0px;  line-height:1.3em;}
h2{ font-family:Helvetica, Geneva, Arial, sans-serif; font-weight:normal; color:#436598;  font-size:15px; margin:0px; padding:6px 5px 4px 0px; line-height:1.3em;}
h3{ font-family:Helvetica, Geneva, Arial, sans-serif; font-weight:normal; color:#303134;   font-size:14px; margin:0px; padding:6px 5px 4px 0px; line-height:17px;}
h4{ font-family:Helvetica, Geneva, Arial, sans-serif; font-weight:normal; color:#303134; font-size:13px;margin:0px; padding:5px 5px 0px 0px; line-height:1.3em;}
h1 a{   font-size:21px;  }
h2 a{ font-size:15px;  }
h3 a{   font-size:14px;  }
h4 a{  font-size:13px; }

a{ font-size:12px; font-weight:bold; color:#436598; text-decoration:none;  font-family:Helvetica, Geneva, Arial, sans-serif; line-height:1.3em;}
a:hover{ color:#303134;  font-family:Helvetica, Geneva, Arial, sans-serif; }

a img  {border:0px;}

ul, ol{margin:0px; padding:0px 5px 5px 25px;}
li{margin:0px ; padding:5px 5px 5px 5px; line-height:1.3em;}
#innermid li { list-style-position: inside;}

ol li {padding: 3px 0 3px 0; line-height:1.2em;}
.indent { padding:0 0 0 25px; margin:0;}

blockquote { padding:0 0 0 25px; margin:0;}
p {margin:0px; padding: 5px 0px 5px 0px; font-size:12px; color:#303134; line-height:1.3em;}
#main {width:960px;  margin:10px auto 10px auto;}
#outer{ background-image:url(/images/outer_back.gif); background-repeat:repeat-y; background-position:top; padding:0px 17px 0px 17px; margin:0px;}
  
hr, html body hr {width:100%; margin:3px 3px 3px 0px; padding:0px; color:#e5e0ce; background-color:#e5e0ce; height:2px; border: 0px solid #e5e0ce; margin-right: 0; text-align:right; }
#innermid hr {clear:both;}
.bordb{border-bottom:2px solid #e5e0ce;}
 
#nobord{border:0px;}
blockquote {margin:0; padding:0px 8px 8px 25px;}

input{ border:0px; color:#436598; font-size:13px; font-family:Helvetica, Geneva, Arial, sans-serif; margin:0px; padding:3px 2px 3px 3px;}
input#enews{ border:1px solid #436598; height:12px; font-size:11px; }
option{ border:0px; color:#fff; font-size:11px; font-family:Helvetica, Geneva, Arial, sans-serif; background-color:#98a7bc; margin:0px; padding:3px;  }
select{ border:0px; color:#436598; font-size:11px; font-family:Helvetica, Geneva, Arial, sans-serif; margin:2px 0px 0px 0px; padding:3px;  }
textarea{border:0px;  color:#436598; font-size:12px; font-family:Helvetica, Geneva, Arial, sans-serif; background-color:#FFFFFF; margin:0px; }
.submit{background-image:url(/images/go.jpg); width:35px; height:21px;}
.submit_wht{background-image:url(/images/go_wht.jpg); width:35px; height:22px; padding-top:3px;}
form{ margin:0px;  padding:0px;}
 
.img1{float:left; padding:5px 15px 15px 0px;}
.img2{float:left; margin-right:15px; }
.img3{float:right; margin-left:15px; }
.img4{float:left; margin:10px 10px 0px 0px; padding-right:10px; }
.img5{padding:5px 5px 5px 0px;}
.img6{float:left; margin-right:15px; margin-bottom:15px; }
.img7{float:right; margin:5px 0px 0px 5px; }
.img8{float:left; margin:10px 10px 0px 0px;  }
.img9{float:right; margin:5px 0px 10px 10px; }
.img10{float:left; margin:0px 5px 0px 5px; }
.pdf_img{padding:0px 5px 0px 0px; float:left}
.img11{float:left; margin-right:15px; margin-bottom:10px; }

.fs10{font-size:10px;  line-height:12px;}
.fs12{font-size:12px;}
.fs14{font-size:14px; line-height:17px;}
.fs15{font-size:15px;  line-height:1.3em;}

.width5{width:5px;}
.width50{width:50px;}
.width80{width:80px;}
.width100{width:100px;}
.width125{width:125px;}
.width150{width:150px;}
.width160{width:160px;}
.width172{width:172px;}
.width174{width:174px;}
.width175{width:175px;}
.width182{width:182px;}
.width200{width:200px;}
.width225{width:225px;}
.width250{width:250px;}
.width260{width:260px;}
.width275{width:275px;}
.width300{width:300px;}
.width595{width:595px;}
.width605{width:605px;}
.width637{width:637px;}

.padL40{padding-left:40px;}
.padL30{padding-left:30px;}
.padL20{padding-left:20px;}
.padL9{padding-left:9px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL5{padding-left:5px;}
.padR5{padding-right:5px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR30{padding-right:30px;}
.pad10{padding:10px;}
.padT3{padding-top:3px;}
.padT5{padding-top:5px;}
.padT7{padding-top:7px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT33{padding-top:33px;}
.margT10{margin-top:10px;}
.padB10{padding-bottom:10px;}
.padB5{padding-bottom:5px;}
.nopad{padding:0px;}
.nomarg{margin:0px;}
.nomargpad{padding:0px; margin:0px;}
.margL5{margin-left:5px;}
.margL10{margin-left:10px;}

.blue{color:#436598;}
.borderT{ border-top:2px solid #e5e0ce;}

.text_color_blue{color:#436598;}
.text_color_red { color:#C00;}
.text_color_darkblue{color:#2C476B;}
 
#textsize{padding:10px 18px 10px 10px;}

.hm_searchhow{float:left; width:270px;}
.hm_searchhowinn{background-image:url(../images/hm_sub_bk.jpg); background-repeat:no-repeat; background-position:right bottom; background-color:#98a7bc; padding:0px 0px 0px 10px;height:218px;  width:260px;}
.hm_searchhowinn input {border:0px;}
.hm_searchdrop{ width:130px; height:20px;}
.hm_hr{width:202px; height:3px; border:0px; background-color:#FFF; color:#FFF; margin: 20px 0px 20px 0px;}
.hm_searchdrop2{ width:158px; height:20px;}
.hm_img {width:319px; float:left; margin-top:10px;}
.hm_img #ShufI2, .hm_img #ShufI3, .hm_img #ShufI4, .hm_img #ShufI5, .hm_img #ShufI6, .hm_img #Shufr2, .hm_img #Shufr3, .hm_img #Shufr4, .hm_img #Shufr5, .hm_img #Shufr6 {display:none;}

.hm_searchhow2{margin-top:10px; background-image:url(../images/inn_search_bk.jpg); background-repeat:repeat-y; background-position:right; background-color:#98a7bc; }
.hm_searchhow2 input{border:0;}

.logo {width:306px;}

#inner1{float:left;  padding:0px 0px 0px 9px; width:647px;}
#inner2{margin-top:16px; margin-bottom:10px; padding:0px 0px 0px 0px; }
#inner {margin-top:9px;}
#inner3{float:left; width:743px; margin-left:20px;}
#innermid{float:left;  padding:3px 10px 0px 0px; width:536px;}
#inneright{float:left;  padding:3px 0px 0px 10px;  margin:0px 0px 0px 10px; width:175px; border-left:2px solid #e5e0ce; }
#inneright p{ clear:both; }

#hm_feat{float:left; width:261px; padding-left:9px;} #hm_feat p, #hm_feat2 p {border-top:2px solid #e5e0ce;}    
#hm_news, #hm_feat2{float:left; width:319px; padding-left:9px;}  
.hm_how{margin:15px 0px 0px 0px; width:200px; border-top:2px solid #FFF; padding-top:10px; padding: 15px 0px 10px 0px;}
#hm_feat2 #blogfeed p:first-child {border-top:0;}

#breadcrumb {padding:5px 0px 5px 10px; margin:0px;} .crumb, .crumb a {padding:0px; margin:0px;}
#breadcrumb a {font-size:11px;  color:#57606d; padding:0px; margin:0px;} #breadcrumb a:hover { color:#303134;}

.sections p{border-top:2px solid #e5e0ce; clear:both;} 

#inner_leftcol{ float:left; width:210px;} 
#inner_rightcol{ float:left; width:200px; margin-left:10px;} 

.backtotop{text-align:right; margin-top:0px; padding-top:0px;} .backtotop a { font-size:smaller;}

#smcol1, #smcol2{width:260px; float:left;}
#smcol2{padding-left:10px; margin-left:5px;}

.font_gray {color:#303134;}

.icon_books{ list-style-image:url(../images/icon_book2.gif);}
.icon_periodicals{ list-style-image:url(../images/icon_periodicals2.gif);}
.icon_media{ list-style-image:url(../images/icon_media2.gif);}
.icon_iconn{ list-style-image:url(../images/icon_iconn.gif);}

.teens #blogfeed, .inthenews #blogfeed{  padding:10px; background-color:#d1dae6; border: dotted 1px #446666; }
.teens #blogfeed .bloglink, .inthenews #blogfeed .bloglink{  background-color:#FC7500;} .teens #blogfeed .bloglink a, .inthenews #blogfeed .bloglink a{ color:#FFF;}
.inthenews #blogfeed .bloglink {background-color:#FC7500;}

.twitter {width:318px; }

#smcal{  width:160px; background-color:#CCC;}

.hm_ek table, .hm_ek td  { border:0; }


/* NAVS  ______________________________________________ */
 
/*  ______________________________________________ */

#topnav {  background-image:url(http://rl.mirandacreative.net/images/rl_headbk.jpg); width:533px; height:93px;  background-repeat:no-repeat; background-position:top right; }
#topnav ul {padding:22px 0px 0px 0px; list-style-type: none; margin-left:220px;}  
#topnav li  {margin:0px;  padding:0px; list-style-type: none; float:left; } 
#topnav li a {display: block; text-decoration:none; padding:5px 10px 5px 10px; text-align:center; font-family:Helvetica, Geneva, Arial, sans-serif; font-weight:bold; font-size:12px; color:#436598;  } 
#topnav li a:hover { color:#303134; } 
/*  ______________________________________________ */

#subnav { float:left; width:161px; margin-top:6px; }
#subnav ul {  background-color:#d1dae6; list-style-type: none; padding:0px 10px 0px 10px; margin:0px;   } 
#subnav li  {margin:0px; padding:0px; list-style-type: none;  } 

#subnav li a {display: block; width:130px;  color:#30496d; font-weight:normal; font-size:12px; text-decoration:none; margin:0px;  padding:6px 5px 6px 5px; line-height:normal; height:auto; border-bottom:2px solid #fff; } 
#subnav li a:hover{  color:#303134; }
  
#subnav h2{margin:0px;  padding:8px 0px 2px 0px;  } 
#subnav h2 a { display: block; text-decoration:none; padding:0px; border-bottom:0px; margin:0px; font-family:Helvetica, Geneva, Arial, sans-serif;  font-size:15px;  font-weight:bold; }
#subnav h2 a:hover{  color:#303134; }

/*  ______________________________________________ */

 #foot{margin:10px 0px 0px 0px; clear:both; background-color: #e5e0ce; } #foot p { color:#303134; font-size:11px; font-weight:bold;} 
 #foot a { font-size:11px; color:#57606d;}  
 #foot ul {padding:0px; margin:2px 5px 0px 45px; list-style-type: none; }
 #foot li  {margin:0px;  padding:0px; list-style-type: none; float:left;  } 
 #foot li a { margin:0px; display:block; font-family:Helvetica, Geneva, Arial, sans-serif; color:#57606d;  font-size:10px; font-weight:bold;  text-decoration:none; padding:0px 10px 0px 10px; border-left:1px solid #57606d;} #foot li a:hover, #foot a:hover{ color:#303134; }
 #foot ul li:first-child a{border-left:0px;}
 
 #foot2   {margin:3px 0px 0px 185px;  padding:0px;  font-family:Helvetica, Geneva, Arial, sans-serif; color:#57606d;  font-size:10px; clear:both;   } 
 #foot2 a { font-family:Helvetica, Geneva, Arial, sans-serif; color:#57606d; font-size:10px; font-weight:bold;  } #foot2  a:hover{ color:#303134; }
 #foot2 a:first-child {border-left:0px;}  
 


/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.menu {width:926px;  background-color: #e5e0ce; margin-top:10px; display:inline-block;}
.menu ul{
margin: 0px;
padding: 0px 0px 0px 0px;
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:13px;
list-style-type: none;
background-color: #e5e0ce;
overflow: hidden;  
/*width: 100%;*/
}
.menu li a.navheight{padding-top:8px; height:22px;}

.menu li{
/*display: inline; */
float:left;
margin: 0; padding: 0; text-align:center;  font-weight:normal; border:0px;
}

.menu li a{
 display: block;
text-decoration: none;
margin: 0;
padding: 0px 25px 0px 24px ; height:30px; /*padding inside each tab*/
color:#436598; text-align:center;  line-height:14px; float:left;  font-weight:bold; border-left:1px solid #fff;
  } 
.menu li:first-child a{border:0px;}
	
.menu li a:visited{
color: #436598;  font-weight:bold;
}

.menu li a:hover{
color: #303134; font-weight:bold; /*background of tabs for hover state */
}

.menu a.selected{
color: #303134;  font-weight:bold;/*background of tab with "selected" class assigned to its LI*/
} 

/* ######### HOW DO I MENU ######### */

.menu2 {width:186px; height:22px;  background-color: #fff; margin-top:0px; float:left;}
.menu2 ul{
margin: 0px;
padding: 0px;
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:13px;
list-style-type: none;
background-color: none;
overflow: hidden; 
/*width: 100%;*/
}
 
.menu2 li{
/*display: inline; */
float:left;
margin: 0; padding: 0; text-align:center;  font-weight:normal; background-image:url(/images/hm_how_arrow.gif); background-repeat:no-repeat; background-position:96% 62%;  
}

.menu2 li a{
 display: block; float:left;
text-decoration: none;
margin: 0;
padding: 0px 0px 0px 13px ; width:172px;  /*padding inside each tab*/
color:#436598; text-align:left;  line-height:14px; font-weight:normal; 
  } 
 
.menu2 li a:hover{
color: #303134;  font-weight:normal;/*background of tabs for hover state */
}

.menu2 a.selected{
color: #303134;  font-weight:normal;/*background of tab with "selected" class assigned to its LI*/
} 



/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font-family:Helvetica, Geneva, Arial, sans-serif;
margin: 0px;
padding: 0px;
position: absolute;
list-style-type: none;
background: white;
border-bottom-width: 0; border-bottom:0px;
visibility: hidden;
z-index: 100;  
}
  
.ddsubmenustyle ul ul {margin:0px; padding:0px;}

.ddsubmenuborder {border-top:9px solid #e5e0ce;}

.ddsubmenustyle li {margin:0px; padding:0px;}

.ddsubmenustyle li a{
display: block;  
width: 187px; /*width of menu (not including side paddings)*/
color:#436598;
background-color: #e5e0ce;
text-decoration: none; font-size:11px;
padding: 4px 5px 4px 10px;   border-bottom:0px; margin:2px 2px 2px 2px; font-weight:normal; 
}

 
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block; font-weight:normal;  
width: 187px;  margin:0px; padding:0px;/*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #fff;
color: #303134;  
}

/* ######### SUB MENU HOW  ######### */


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

.dropmenudiv2 {
padding: 7px 5px 5px 5px;
	margin: 1px 0px 0px 0px;
	width:176px; margin-right:4px;
	border-left:2px solid #98a7bc;
	border-right:2px solid #98a7bc;
	border-bottom:2px solid #98a7bc;
	background-color:#FFF;
	visibility: hidden;
	z-index: 100;
	position: absolute; 
	list-style-type: none;
 }
.dropmenudiv2 ul{margin:0; padding:0;}
.dropmenudiv2 li {list-style-type:none;margin:0; padding:0;}
.dropmenudiv2 li a{
width:160px; display:inline-block; color:#436598; text-decoration: none;  font-size:12px;  padding: 5px 5px  5px  8px; margin: 0px 0px 2px 0px; background-color:#FFF;  font-weight:normal;  border-bottom:0px; border-top:2px solid #e5e0ce; list-style-type:none;
}

* html .dropmenudiv2 li a{ /*IE only hack*/
width:160px;
}

.dropmenudiv2 li a:hover{ /*THEME CHANGE HERE*/
background-color: #fff;
color: #303134;
}
 
 
 
 
/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
/*--------------------------------*/
/*--------  Beginging of balloon tip css  -------------*/
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #436598;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 400px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}



/* END NAVS  ______________________________________________ */

.catsearchbox {background-color:#436598; padding:5px 0 10px 5px; border:1px solid #303134;}