/* Site Style */

body {
margin: 0px;
padding: 0px; 
color: #fff;
background: #474747;
font: .9em Arial, Verdana, Helvetica, sans-serif;}

* {
padding: 0px;
margin: 0px;
border: 0px;}

* html .visualIEFloatFix { height: 0.01%; }

#wrapper{
width:100%;
background: url(../images/bg2a1.jpg) #4D6488;}

#inner_wrapper {
position: relative;
background: #fff;
width: 900px;
border: 0px;
margin: 0px auto;
padding: 0px;}

#head {
background: #fff/*FFD310*/;
width: 100%;
position: relative;
height: 40px;}

#head a:hover   { 
color: #0066CC; }

#head a:active   { 
color: #004588; }

#headlinks {
background: #fff /*#F5D34B*/;
float:right;
position:relative;
height: 40px;
margin-right:20px;
text-align: right;}

#headlinks ul {
padding: 0px 20px 0px 0px;
margin: 0px;
list-style: none; 
color: #004588; }

#headlinks li {
padding: 0px;
margin: 0px 0px 3px 10px;
float: left; }

#headlinks a:active,
#headlinks a:hover,
#headlinks a:link, 
#headlinks a:visited { 
color: #004588; 
float: left; 
font-size: 1.25em;
padding: 17px 10px 6px 10px;
clear: right; 
text-decoration: none; }

#headlinks[id] a:active,
#headlinks[id] a:hover,
#headlinks[id] a:link, 
#headlinks[id] a:visited { 
padding-top: 19px;}

.findArticlesText {
padding:4px 0px 0px 50px; }

.findArticlesText[class] {
padding:4px 0px 0px 60px; }

#headlinks a:active,
#headlinks a:hover {
text-decoration: underline; }

#logo-space{
position: relative;
width: 100%;
clear: both;
float:left}

#sled-db-logo{
top:15px;
position: relative;
float: left;
height: 185px;
min-width: 510px;
background: url(../images/dpheader2.jpg) 110px 0px no-repeat transparent; }

#aln-logo-space{
width: 100px;
height: 110px;
overflow: hidden;
position: absolute;
top:65px;
right: 20px;}

#aln-logo-space a{
width: 100px;
height: 110px;
background: url(../images/aln_logo_small.gif) 50% 50% no-repeat transparent;
display: block;}

#sled-db-logo .text-only{
color: #fff;
font-size: 0px; }

span.slogan {
display: block;
margin-left: 120px;
width:335px;
font-size: 1.1em;
background: transparent;
margin-top: 123px;
color: #555 /*#59670A*/; }

#dp-news-panel{
top:60px;
left: 475px;
width: 290px;
height:90px;
overflow:auto;
background: #fafafa;
position: absolute;
color: #444;
border: 1px dotted #ccc;}

#dp-news-panel h4{
font-weight: normal;
padding:4px 7px;
background: #e1f1e1;
color: #85563A;}

#dp-news-panel p {
padding: 2px 7px 4px 7px;}

#content {
position: relative;
z-index: 1;
background: #efefef;
height: 610px;
margin: 10px 2px;
clear: both;}

#content p { 
padding-bottom: 10px; 
color: #222; }

#content b { 
padding-bottom: 10px; }

#content ul { 
color: #444;}
#content li { 
padding: 0px 0px 5px 0px; 
margin-left: 25px; 
color: #444; }

#content h1 { 
padding-top: 10px;
padding-bottom: 10px;
color: #00007C;}

#content h2 { 
padding-bottom: 10px;
color: #666666; }

a:link   { 
color: #004588; 
text-decoration: none; }

a:visited   { 
color: #666699; 
text-decoration: none; }

a:hover   { 
color: #0066CC; 
text-decoration: none; }

a:active   { 
color: #666699; 
text-decoration: none; }

.help-note{
padding-left: 20px;
margin-top: -20px;
height:20px;
float: left;
margin-left: 180px;
*margin-left: 195px;
background: url(/images/help.png) 0px 0px no-repeat transparent;}

#content .form { 
border: 1px solid #888;  
background: #E4E4E4; 
padding: 1px 3px 1px 3px;}

#content table, 
tr,
#content td { 
padding: 0px 0px 0px 3px; 
color: #222; 
text-decoration: none; }

#content td.list { 
background: #fff; 
padding: 0px 0px 0px 0px;}

.print-only {
display: none; }

#rightsidebar {
position: relative;
float: right;
margin: 0px;
padding: 0px;
width:245px; 
background: transparent;  
top: 0px;}

ul{
padding:0px 0px 0px 15px;
list-style-type:square; 
margin-left: 0px;
margin-bottom: 0px;}

li{
padding-top:6px;}


/* Students Ressources Panel */
#students-box {
position: absolute;
z-index: 5;
width:283px; }

#students-box h2{
background: #717146/*717146*/; 
font-size: 1.35em; 
display: block;
font-weight: normal;
padding: 10px 10px 2px 10px;
margin: 0px;
color: #D2F9EC;}

#students-box h3 {
margin: 0px;
font-size: medium; 
font-weight: bold;
background: #7285A3;
cursor: pointer;
padding: 18px 10px 7px 10px;
margin: 2px 0;
color: #CC6600;  
border-bottom: 1px solid #9a9a9a;}

#students-box h3.elementary {
background: #CCCC00;}

#students-box h3.middleschool {
background: #CCCC00;}

#students-box h3.highschool {
background: #CCCC00;}

#students-box h3.college {
background: #CCCC00;}

#students-box #guides_open_all{
background: #717146; 
cursor: pointer;
text-align: right;
padding: 3px 6px;
font-size: .9em;}

#students-box .submenu{
border: 1px solid #787878;
background: #f3f3f3;
padding: 15px;
margin:2px 0 6px;
display: none;}

#students-box .submenu a:link,
#students-box .submenu a:active,
#students-box .submenu a:visited,
#students-box .submenu a:hover {
color: #036; }
/* End Style for Students Resources Panel */



/* Styles for Topics Panel */
#topics-box{
position: relative;
z-index: 5;
min-width:500px;
min-height:525px;
padding: 16px 5px 10px 18px; 
margin:0px 0px 0px 287px;
background: #ce6700; }

#topics-box h2{
padding-left: 198px;
color: #fff;
padding-bottom: 5px;
font-size:1.95em;
letter-spacing: .25em;
text-transform:lowercase;
font-weight: normal;}
	
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { 
width: 30em; }
.ui-tabs-vertical .ui-tabs-nav { 
z-index: 20;padding: .2em .1em .2em .2em; float: left; width: 12em; overflow: hidden;}
.ui-tabs-vertical .ui-tabs-nav li { 
clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; 
color: #fff;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { 
padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; background: #fff;color:#444}
ul#tabbedmenu .ui-tabs-selected a,
ul#tabbedmenu .ui-tabs-selected a:visited,
ul#tabbedmenu .ui-tabs-selected a:hover,
ul#tabbedmenu .ui-tabs-selected a:active,
ul#tabbedmenu .ui-tabs-selected a:link{ 
position: relative;
background: #efefef;
z-index:12;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #555;
color: #444;
font-weight: bold;
cursor:pointer;}
.ui-tabs-vertical .ui-tabs-panel { 
padding: 10px; float: right; width: 360px;}
.ui-tabs .ui-tabs-hide {
display: none;}

#tabs ul#tabbedmenu {
margin-top:8px;}

#tabs ul#tabbedmenu li{
list-style: none;
margin: 0px;
padding: 0px;}

ul#tabbedmenu a:link,
ul#tabbedmenu a:active,
ul#tabbedmenu a:visited,
ul#tabbedmenu a:hover {
padding:11px 16px 12px 10px;
width:145px;
display:block;
font-size: 1em;
outline: none;
z-index: 20;
color: #fff;
text-align: right;}

#topic-panes{
position: absolute;
top:50px;
left: 189px;
z-index:1;
width: 400px;
height: 480px;
background: #efefef;
border: 1px solid #555;}

.MenuEnclosure {
width: 360px;
top: 0px;
position: relative;
height: 323px;
background: #efefef;}

.MenuEnclosure h4{
color: #444;
padding: 0px;}
/* background: #37336C;
border: 2px solid #aaa; */


.MenuEnclosure a:link,
.MenuEnclosure a:active,
.MenuEnclosure a:visited,
.MenuEnclosure a:hover {
padding: 4px 0px;
font-size: 1em; 
display: block;
color: #036; }

.MenuEnclosure .metasearch-form{
margin: 0px 0px 0px -2px;
padding: 10px 0px 0px 10px;
z-index:10;
height: 85px;
background: url(/images/meta-form1-pub.png) 0px 0% no-repeat transparent;
position: relative;}

.MenuEnclosure .metasearch-form h4{
margin: 0px 0px 0px 7px;
color: #0099CC;
padding:0px;;}

.MenuEnclosure .metasearch-form .help-note{
float: left;
margin-top: -20px;
margin-left: 110px;}

.MenuEnclosure input.quicksearch{
position: relative;
*float: left;
width:250px;
margin-left:7px;
*margin-right:7px;
font-size: 1.1em;
padding: 4px 2px;
border: 2px solid #ccc;}

.MenuEnclosure input.sbutton{
border: 2px solid #aaa;
background: #004588;
padding: 6px 7px;
*padding: 5px 7px 1px 7px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
top:-2px;
color: #fff;
cursor: pointer;
font-size: 1em; }

.MenuEnclosure ul,
#alpha-box ul{
margin:8px 10px;
list-style: none; }

.MenuEnclosure ul ul{
margin:0px 0px 8px 0px;}

.MenuEnclosure .metasearch-dbs-wrapper{
position: relative;
border: 1px solid #ccc;
padding: 10px;
margin-right:30px;
background: #fff;
z-index:5;}

.MenuEnclosure .metasearch-dbs-wrapper h4.tab-header{
margin-left:8px;
color: #0a6}

.MenuEnclosure .metasearch-dbs-wrapper .help-note{
float: left;
margin-top: -20px;
margin-left: 200px;
*margin-left: 215px;}

.MenuEnclosure h4.direct-search-header{
margin: 14px 0px -10px 10px;
background: #E2FCBC;
border: 1px solid #999;
padding: 10px;
color: #676767;
width: 260px;}

.MenuEnclosure h4.direct-search-header a{
display: inline;
color: #FF9933;
font-size:1.25em;}

.direct-search-dbs{
background: #fff;
border: 1px solid #bbb;
width: 260px;padding: 10px;
margin-top:-16px;}

.MenuEnclosure ul.metasearch-dbs{
margin: 0px 0px 0px -16px;
padding: 0px}

.MenuEnclosure ul.metasearch-dbs li{
margin: 0px;
padding: 0px}

.find-stuff{
font-size: 1.2em;
font-weight: bold;}

#azlist { 
width: auto;
background: #efefef;
padding:30px 0px 0px 8px; }

#azlist a:link,
#azlist a:active,
#azlist a:visited,
#azlist a:hover {
font-size: large; 
text-decoration: underline; }

.committee-link{
padding-top:80px;
width:185px;}

#azlist .committee-link a:link,
#azlist .committee-link a:active,
#azlist .committee-link a:visited,
#azlist .committee-link a:hover {
font-size: .9em;}

#tutorials-box {
margin: 17px 0px 0px 0px; 
background: none;
padding: 45px 5px 22px 5px;
width: 181px;
height: 124px; 
color: #fff;
cursor: pointer;
background: url(../images/needhelp2.jpg) 0px -10px no-repeat #9c9cad; }

#tutorials-box[id] {
padding: 45px 5px 45px 5px;
height: auto; 
min-height: 124px; }

#tutorials-box .subheader{
height:155px;
padding-top:40px} 

#tutorials-box p{
clear:both;
text-align:center;
width:140px; 
padding: 0px;
margin:8px 0px 0px 0px} 

.dblist a{
text-decoration: none;}

.db-list-box form {
padding:0px 8px;
margin: 0px;
text-align: left;}

.align-right{ 
float: right; 
clear: right;
margin-right:20px; }

.align-right a{
text-decoration: none; } 

.style5 {font-size: 22px; font-family:Georgia, "Times New Roman", Times, serif}
.style6 {font-size: 21px}

fieldset {
-moz-border-radius: 5px; }

#footer-wrapper {
color: #fff;
clear: both;
margin-top: 5px;
height: 25px;}

#footer-content{
width:900px;
margin: 10px auto;}

#footerlinks ul {
padding: 0px 0px 0px 0px;
margin: 0px;
list-style: none; 
color: #004588; }

#footerlinks li {
padding: 0px;
margin: 0px 10px 3px 15px;
float: left; }

#footerlinks a:link,
#footerlinks a:active,
#footerlinks a:visited,
#footerlinks a:hover {
float: left; 
padding-top: 11px;
clear: right; 
text-decoration: none; 
color: #fff;}

#footer-content p.caption{
text-align: right;
padding: 11px 30px 0px 0px;}


/* List Resources by Name page */
#alpha-page #sled-db-logo a{
position: relative;
display: block;
width:350px;
height: 139px;}

#alpha-page span.slogan {
padding-left: 13px; }

#alpha-page #content {
height: auto;}

#alpha-page #content h2 {
padding-top:10px;
font-weight: normal;
margin-left:30px; }

#alpha-page td,
#alpha-page th {
vertical-align: top;
text-align: left;
padding: 5px 10px;}
#alpha-page h3 {
font-size: medium; 
color: #333;
padding: 5px 2px;}

#alpha-page .alpha-section {
border: 1px solid #ccc;
padding: 10px 10px 20px 10px;
background: #fff;
margin:5px 25px 15px 25px;}

#alpha-page .alpha-section ul{
margin: 0px 30px;
padding: 0px;
list-style: none;}

#alpha-page .alpha-section li{
margin: 10px 0px 20px 0px;
padding: 0px;
list-style: none;}
#alpha-page .alpha-section li a{
font-weight: bold;}

#alpha-page h2 {
text-align:left; 
padding-left: 25px;}

#alpha-menu{
list-style: none;
background: #ce6700;
*height: 35px;
margin: 5px 25px 15px 25px;}

#alpha-menu li{
list-style: none;
display:block;
padding: 0px;
margin:0px;
float: left;}

#alpha-menu:after {
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;}

#alpha-menu a:link,
#alpha-menu a:visited,
#alpha-menu a:active,
#alpha-menu a:hover{
float: left;
display: block;
margin: 5px 5px;
padding: 6px 2px 5px 2px;
width: 24px;
height: 20px;
font-size: 1.1em;
font-weight: normal; 
text-decoration:none;
color: #fff;
vertical-align: bottom;
text-align:center; }

#alpha-page h3{
font-size: 1.1em;
background: #F0F2D2;
margin-bottom:12px;
padding: 6px 10px 3px 10px;
font-weight: bold; }

.TopLink a{
float: right;
padding: 4px 8px;
margin-right:50px;
border: 1px dotted #aaa;}

.TopLink:after {
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;}

.floater1 {
text-align: left; 
margin: 0px 20px 18px 40px;
width: 300px;
float: left; 
clear: right;}

.floater1 ul {
padding: 12px 6px;
margin:4px 0px 0px 14px;}

.floater1 ul ul{
border: none;}

.floater1 h3{
border: 1px solid #aaa;  
text-align: left; 
padding: 15px 0px 5px 10px;}

.access-only{
display: none;}

.note-text {
background:none repeat scroll 0 0 #FFFFDD;
border:1px dotted #888888;
color:#474747;
font-weight: normal;
display:none;
padding:9px;
position:absolute;
width:155px;
z-index:1000;}
