/*
 * Author: Duo Consulting
 * Contact: www.duoconsulting.com
 * File: layout_shell.css
 * 
 * Description:
 * Rules for the outer shell for screen display only.
 * General display rules should appear in basesyles.css.
 *
 */

/* Basic Layout */
#pageBounds {
	width: 990px;
	margin: 0 auto;
	padding:0;
	background: url('/styles/gfx/ala_v2/shell/pageBackShadow.gif') 0 0 repeat-y;	
}
#pageBounds .bounds {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


/* Content Bounds
------------------------------------------------------------- */
#contentBounds {
	background: #fff url('/styles/gfx/ala_v2/shell/navColBack.gif') 0 0 repeat-y;	
}

#mainContent {
	float:right;
	width:760px;/*was 760*/
	background: #fff url('/styles/gfx/ala_v2/shell/contentBack.gif') 0 0 repeat-x;
}

#mainColumn {
	float:left;
	width:470px;
	padding: 10px 5px 10px 15px;
}
body#oneColumn #mainColumn {
	width: 730px;
}

#sideColumn {
	float:right;
	width:259px;
	border-left: 1px solid #a1a4ab;
}






/* Masthead 
------------------------------------------------------------- */
#mastHead {
	background: url('/styles/gfx/ala_v2/shell/mastRepeatBack.gif') 0 0 repeat-x;
	position:relative;
	border-bottom: 1px solid #f1f6f8;
	padding: 0;
}
#mastHead .bounds {
	background: url('/styles/gfx/ala_v2/shell/mastback.png') 0 0 no-repeat;
	padding: 0;
	margin: 0;
}
#mastHead .loginheader {background: url('http://idp.ala.org/images/ala-login-banner.png') 0 0 no-repeat;padding:0;margin:0;} /* Shibboleth login */
#mastHead h2 {
}
#mastHead h2 a {
}

/* Search */
#search {
	float: left;
	color: #fff;
	font-weight:bold;
	padding: 0 20px 0 35px;
	background: url('/styles/gfx/ala_v2/shell/searchBack.jpg') 0 0 no-repeat;
	height:28px;
	line-height: 28px;
}
#search label {
	margin: 0 3px 0 0;
	padding: 0;
	display: block;
	float: left;
}
#search input {
	margin: 4px 2px 0 0;
	padding: 0;
	float: left;
} 
#search input#searchTextBox {
	width: 120px;
}
#query {
	width: 140px;
}
#searchGo {
}

#logo {
	margin: 0;
	width: 260px;
	height: 80px;
	background: url('/styles/gfx/ala_v2/shell/alaMastLogo.png') no-repeat;
	padding: 0;
}

#logo a {
	margin: 0;
	width: 260px;
	height: 80px;
	display: block;
}

#logo a img {
	display:none;
}

#pageurl {
	display: none;
}

/* Navigation
------------------------------------------------------------- */
/* Main Navigation */
#mNav {
	margin: 0 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #737373;
	position: relative;
	background: url('/styles/gfx/ala_v2/shell/searchRepeatBack.gif') repeat-x;
	height:28px;
	padding: 0;
	z-index:1000;
}
#mNav ul {
	list-style: none;
	margin: 0 0 0 0; padding: 0;
	/*padding-right:20px;*/
	background: #f7f8fa url('/styles/gfx/ala_v2/shell/mNavBack.gif') repeat-x;
	float:left;
	height:28px;
	width: 630px;
}
#mNav ul li {
	float: left;
	margin: 0 10px 0 0; padding: 0;
	background-image: none; 
}
#mNav a {
	color: #000;
	text-decoration:none;
	padding: 7px 10px 7px 10px;
	display: block;
	background: url('/styles/gfx/ala_v2/shell/mNavArrow.gif') 100% 50% no-repeat;
	}
#mNav a:hover {
	color:#3478ad; text-decoration: underline;
}



/* Secondary Navigation */
#sNav {
	width: 220px;
	float: left;
	background: #e8e6e9 url('/styles/gfx/ala_v2/shell/navColShadow.gif') top repeat-x;
}
#sNav ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	
}
#sNav li {
	border-bottom: 1px dotted #a7a5b3;
	border-top: 1px solid #fff;
	padding: 0;
	margin: 0;
	background: url('/styles/gfx/ala_v2/shell/sNavColArrow.gif') 10px 9px no-repeat;
	font-size: 110%;
	list-style: none;
}
#sNav a {
	color: #2f2c4c;
	text-decoration:none;
	padding: 5px 0 5px 0;
	margin-left: 22px;
	display: block;
	
	
}
#sNav a:hover {
	color:#3478ad; text-decoration: underline;
}

#sNav li.first {
	border-top: none;
}
#sNav li.active  {
	background: #fff url('/styles/gfx/ala_v2/shell/sNavActiveArrow.gif') 10px 9px no-repeat;
	font-weight:bold;
	border-bottom: none;
}

#sNav h3#navTitle {
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: -1em;
}
/* nested sNav*/

#sNav ul ul, #sNav ul ul ul  {
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: none;
	background:#e8e6e9;
}
#sNav li li {
	border-bottom: 1px dotted #a7a5b3;
	border-top: 1px solid #fff;
	padding: 0;
	margin: 0 0 0 15px;
	background: url('/styles/gfx/ala_v2/shell/sNavSubArrow.gif') 10px 7px no-repeat;
	font-weight:normal;
	font-size: 90%;
}

#sNav li li a {
	padding: 2px 0 2px 0;
}
#sNav li li.active {
	background: url('/styles/gfx/ala_v2/shell/sNavSubActiveArrow.gif') 10px 7px no-repeat;
	font-weight:bold;
}
/* nested nested sNav*/

#sNav li li li {
	border-bottom: 1px dotted #a7a5b3;
	border-top: 1px solid #fff;
	padding: 0;
	margin: 0 0 0 15px;
	background: url('/styles/gfx/ala_v2/shell/sNavBullet.gif') 8px 7px no-repeat;
	font-weight:normal;
	font-size: 90%;
}



/* Utilities form Print Email Cite */
#utilities {
	padding: 25px 0 20px 15px;
}

#utilities form {
	padding:0;
	margin: 0 0 20px 0;
	width:61px;
	float:left;
}
#utilities input, #utilities a {
	margin: 0 5px 0 0;
	padding: 0;
	height: 20px;
	display:block;
	float: left;
	text-indent: -9999em; 
	overflow: hidden;
	border: none;
	cursor:pointer;
}
#utilities input.email {
	background: url('/styles/gfx/ala_v2/shell/emailIcon.gif') 0 0 no-repeat;
	width: 58px;
	
}
#utilities a.print {
	background: url('/styles/gfx/ala_v2/shell/printIcon.gif') 0 0 no-repeat;
	width: 60px;
	
}
#utilities input.cite {
	background: url('/styles/gfx/ala_v2/shell/citeIcon.gif') 0 0 no-repeat;
	width:53px;
	
}

/* Local Navigation */

#lNav {
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 700px;
	
}
#lNav ul {
	list-style: none;
	margin: 5px 15px 0 0; padding: 0;
	float: right;
}
#lNav li {
	float: left;
	margin: 0; 
	padding: 0;
	background-image: none;
}
#lNav a {
	padding: 5px 8px ;
	color: #595a5f;
	text-decoration:none;
	background: url('/styles/gfx/ala_v2/shell/lNavPipe.gif') right 5px no-repeat;
	font-weight: bold;
	font-size: 95%;
	display: block;
}
#lNav a:hover {
	color:#3478ad; text-decoration: underline;
}
#lNav li.last a {
	background:none;
}
#lNav li.shop a {
	background: url('/styles/gfx/ala_v2/shell/shopCart.gif') right 5px no-repeat;
	padding-right: 30px;
}

/* Breadcrumb Nav */
#bNav {
	margin: 0;
	border-bottom: 1px solid #737373;
	background: url('/styles/gfx/ala_v2/shell/breadCrumbBack.gif') repeat-x;
}
#bNav ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	float:left;
}
#bNav ul li {
	float: left;
	margin:0; padding: 0;
	background-image: none; 
}
#bNav a {
	color: #000;
	text-decoration:none;
	padding: 3px 10px 3px 10px;
	display: block;
	background: url('/styles/gfx/ala_v2/shell/breadArrow.gif') right 8px no-repeat;
	font-weight:normal;
	font-size:90%;
}
#bNav a:hover {
color:#3478ad; text-decoration: underline;
}

#bNav li.last a {
	background:none;
}

/* Footer Navigation */
#fNav {
	margin: 0;
	float:left;
	color:#6a6a6c;
	width: 280px;
}
#fNav ul {
	list-style: none;
	margin: 0; 
	float:left;
}
#fNav li {
	float: left;
	margin: 0; 
	padding: 0;
	background-image: none;
}
#fNav a {
	padding: 0 8px 0 8px ;
	color: 2c3868;
	text-decoration:none;
	background: url('../../../sNavPipe.gif') right 5px no-repeat;
	font-size: 95%;
	display: block;
}
#fNav a:hover {
	text-decoration: underline;
}

/* Footer
------------------------------------------------------------- */
#footer {
	background: #f0f0f2 url('/styles/gfx/ala_v2/shell/footerBack.gif') top repeat-x;
	padding: 10px 0 10px 0;
	position:relative;
	color: #666;
	border-bottom: 1px solid #ddd;

}
#footer p {
	width: 470px;
	display: block;
	float:left;
	margin-left: 10px;

}

/* Copyright */
#copyright {
	position:absolute;
	top:0;
	right:0;
	padding: 10px 10px 0 0;
	font-size: 95%;
	width: 210px;

}


/* Misc
-------------------------------------------------------- */
.hr hr { display: none; }
.normal { font-size: 1em; line-height: 1.3em; font-weight: normal; }

.error {
	color: #c00;
	font-weight: bold;
}

.clear {
	clear: both;
}

.skipper {
	position: absolute;
	left: -5000px;
	top: 0;
	width: 1px;
	height: 1px; 
	overflow: hidden;
}

.hide {
	position: absolute;
	left: -5000px;
	top: 0;
	width: 1px;
	height: 1px; 
	overflow: hidden;
}

ul {
	list-style-type: none;
   	padding-left: 0;
   	margin-left: 0;
}
ul li {
	list-style-image: none;
   	background-image: url('/styles/gfx/ala_v2/shell/bullet.gif');
  	 background-position: 0 5px;
  	 background-repeat: no-repeat;
   padding-left : 10px;
}


#sideColumn ul li.blogs {
	background-image: url('/styles/gfx/ala_v2/shell/blogIcon.gif');
	 background-position: left top;
  	 background-repeat: no-repeat;
	 padding-left: 20px;
}

#sideColumn ul li.rss {
	background-image: url('/styles/gfx/ala_v2/shell/rssIcon.gif');
	 background-position: left top;
  	 background-repeat: no-repeat;
	 padding-left: 20px;
}
#sideColumn ul li.wikis {
	background-image: url('/styles/gfx/ala_v2/shell/wikiIcon.gif');
	 background-position: left top;
  	 background-repeat: no-repeat;
	 padding-left: 20px;
}

#sideColumn div ul li.blogs a, #sideColumn div ul li.rss a, #sideColumn div ul li.wikis a {
	text-decoration: underline;
	font-weight:normal;
	background-image: none;
}

/* mNav suckerfish drop downs */



#dropDowns a {
	display: block;
	/*width: 10em;*/
}

#dropDowns li {
	float: left;
	/*width: 10em;*/
}
#dropDowns li ul {
	position: absolute;
	width: 8em;
	top: -999em;
}

#dropDowns li:hover ul {
	top: auto;
}

#dropDowns li:hover ul, #dropDowns li.sfhover ul {
	top: auto;
}

#dropDowns li:hover ul li, #dropDowns li.sfhover ul li {
	border-bottom: 1px solid #d5d6d7;
	border-right: 1px solid #d5d6d7;
	background: #f7f8f9;
	width: 23em;
	margin-right:0;
	z-index:1000; /*show up over JS homepage highlight*/
	font-size: 11px;
}

#dropDowns li ul li a {
	background-image:none;
	padding: 4px 10px;
}

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\learfix:after { line-height: 0; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */