/* Global CSS File for Sask Archives Website */

body {
	background-image: url(assets/bg.jpg);
	background-repeat: repeat-x;
	background-color: #201e11;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #46432d;
}

#container1 {
	background-image: url(assets/sublevelbg.jpg);
	background-repeat: no-repeat;
	background-color: #201e11; 
	margin: 0 auto;
	width: 745px;
	min-height: 500px;
	_height: 500px;
}

#tabs {
	position: relative;
	z-index: 2;
	float: right;
	padding-right: 15px;
	height: 32px;
}

#maincontig {
	min-height: 700px;
	_height: 700px;
	padding-bottom: 30px;
}

#topcontig {
	top: -20px;
}

#title {
	float: left;
	position: absolute;
	top: 68px;
	left: 42px;
}

#toppic {
	position: absolute;
	float: right;
	top: 53px;
	left: 232px;
	z-index: 6;
}

#leftbar {
	float: left;
	position: relative;
	width: 203px;
	top: 45px;
	left: 21px;
	z-index: 100;
}

#leftboxmain {
	background-image: url(assets/leftbox_mid.jpg);
	text-align: center;
	min-height: 500px;
	_height: 500px;
	z-index: 100;
}

#mainboxcontainer {
	clear: right;
	top: 120px;
	right: 14px;
	min-height: 550px;
	width: 495px;
	position: relative;
	float: right;
	margin: 10px 0px 50px 9px;
	padding: 10px 0 0 10px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='assets/mainbgshadow.png');
}

#mainboxcontainer[id] {
	background-image: url(assets/mainbgshadow.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#mainbox {
	background-color: #e6e2cc;
	border: 1px solid #8c8769;
	width: 473px;
	min-height: 600px;
	_height: 600px;
	padding: 6px;
}

#leftsearchbox {
	text-align: left;
	padding: 4px;
	color: #46432d;
	width: 182px;
	margin: 0 auto;
	background-color: #e6e2cc;
	border: 1px solid #8c8769;
	min-height: 100px;
	_height: 100px;
	font-size: 10px;
}

.layer2 {
	position: relative;
	z-index: 2;
	visbility: show;
}

.layer3 {
	position: relative;
	z-index: 3;
}

.layer4 {
	position: relative;
	display: inline;
	z-index: 4;
}

.layer5 {
	position: relative;
	display: inline;
	z-index: 5;
}

.layer6 {
	display: inline;
	position: relative;
	z-index: 6;
}

input {
	margin: 0px 2px 0px 0;
}

.checkboxinput[class] {
	margin: 3px 2px 0px 0;
}

input.textinput {
	border: 1px solid #8c8769;
	background-color: #FFFFFF;
	width: 176px;
	padding: 2px;
	font-size: 10px;
}
select.textinput{
	border: 1px solid #8c8769;
	background-color: #FFFFFF;
	width: 176px;
	padding: 2px;
	font-size: 10px;
}

.darkborder {
	border: 1px solid #201e11;
}

#footerlinks {
	width: 720px;
	margin: 0 auto;
	font-size: 10px;
	color: #e7ddb0;
	text-align: center;
}

#copyinfo {
	padding-top: 10px;
	width: 720px;
	margin: 0 auto;
	font-size: 10px;
	color: #585233;
}

.titletext {
	font-size: 12px;
	font-weight: bold;
}

h3 { font-size: 12px; padding: 0; margin: 12px 0 0 0; }
p { padding: 0; margin-top: 8px; margin-bottom: 8px; }

/* Hyperlink Properties */

.leftboxlink {
	display: block;
	width: 187px;
	height: 20px;
	border: 1px solid #8c8769;
	margin: 0 auto;
	margin-bottom: 2px;
}

#lbl1 { background-image: url(assets/menuitems/menuitem1.gif); }
#lbl2 { background-image: url(assets/menuitems/menuitem2.gif); }
#lbl3 { background-image: url(assets/menuitems/menuitem3.gif); }
#lbl4 { background-image: url(assets/menuitems/menuitem4.gif); }
#lbl5 { background-image: url(assets/menuitems/menuitem5.gif); }
#lbl6 { background-image: url(assets/menuitems/menuitem6.gif); }
#lbl7 { background-image: url(assets/menuitems/menuitem7.gif); }
#lbl8 { background-image: url(assets/menuitems/menuitem8.gif); height: 32px; }
#lbl9 { background-image: url(assets/menuitems/menuitem9.gif); height: 32px; }
#lbl10 { background-image: url(assets/menuitems/menuitem10.gif); }
#lbl11 { background-image: url(assets/menuitems/menuitem11.gif); }
#lbl12 { background-image: url(assets/menuitems/menuitem12.gif); }
#lbl13 { background-image: url(assets/menuitems/teacher_resources.gif); }

#lbl1:hover { background-image: url(assets/menuitems/menuitem1on.gif); }
#lbl2:hover { background-image: url(assets/menuitems/menuitem2on.gif); }
#lbl3:hover { background-image: url(assets/menuitems/menuitem3on.gif); }
#lbl4:hover { background-image: url(assets/menuitems/menuitem4on.gif); }
#lbl5:hover { background-image: url(assets/menuitems/menuitem5on.gif); }
#lbl6:hover { background-image: url(assets/menuitems/menuitem6on.gif); }
#lbl7:hover { background-image: url(assets/menuitems/menuitem7on.gif); }
#lbl8:hover { background-image: url(assets/menuitems/menuitem8on.gif); height: 32px; }
#lbl9:hover { background-image: url(assets/menuitems/menuitem9on.gif); height: 32px; }
#lbl10:hover { background-image: url(assets/menuitems/menuitem10on.gif); }
#lbl11:hover { background-image: url(assets/menuitems/menuitem11on.gif); }
#lbl12:hover { background-image: url(assets/menuitems/menuitem12on.gif); }

.tabobject {
	display: block;
	height: 33px;
}

#tab1 { width: 115px; background-image: url(assets/tab1.gif); }
#tab2 { width: 84px; background-image: url(assets/tab2.gif); }
#tab3 { width: 85px; background-image: url(assets/tab3.gif); }
#tab4 { width: 85px; background-image: url(assets/tab4.gif); }
#tab5 { width: 86px; background-image: url(assets/tab5.gif); }
#tab6 { width: 85px; background-image: url(assets/tab6.gif); }
#tab7 { width: 90px; background-image: url(assets/tab7.gif); }

#tab1:hover { width: 115px; background-image: url(assets/tab1on.gif); }
#tab2:hover { width: 84px; background-image: url(assets/tab2on.gif); }
#tab3:hover { width: 85px; background-image: url(assets/tab3on.gif); }
#tab4:hover { width: 85px; background-image: url(assets/tab4on.gif); }
#tab5:hover { width: 86px; background-image: url(assets/tab5on.gif); }
#tab6:hover { width: 85px; background-image: url(assets/tab6on.gif); }
#tab7:hover { width: 90px; background-image: url(assets/tab7on.gif); }

#lbl13:hover { background-image: url(assets/menuitems/teacher_resourceson.gif); }

#footerlinks a.footerlink, #footerlinks a.footerlink:visited {
	color: #e7ddb0;
	text-decoration: none;
}

#footerlinks a.footerlink:hover {
	color: #f9f3d6;
	text-decoration: none;
}

a.copylink, a.copylink:visited {
	color: #585233;
	text-decoration: none;
}

a.copylink:hover {
	color: #a09973;
	text-decoration: none;
}

select.sort {
    background-color: #FFFFFF; /* bgcolor of field */
    color: #000000;  /* text color of field */
    border: 1px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
input.sort {
	border: 1px solid #8c8769;
	background-color: #FFFFFF;
	width: 35px;
	padding: 2px;
	font-size: 10px;
}

#tabnav, #tabnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 630px;
	z-index: 1000;
}

#tabnav ul {
	position: relative;
}


#tabnav ul li {
	display: block;
	padding: 3px;
	margin: 0;
	margin-left: 0px;
	background-color: #e6e2cc;
	text-align: left;
}	

#tabnav li { /* all list items */
	float: left;
	margin-bottom : -1px;
}

#tabnav li ul { /* second-level lists */
	border: 1px solid #8c8769;
	width: 170px;
	w\idth: 170px;
	position : absolute;
	z-index: 1000;
	left: -999em;
	margin-left: 0px;
	margin-top: 0px;
}

#tabnav li ul li {
	padding-left: 3px;
	border-bottom: 1px solid #8c8769;
	width: 164px;
}

#tabnav li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-left: 95px;
	margin-top: -15px;
}

#tabnav li a {
	display : block;
	color : #705011;
	font-weight : bold;
	text-decoration : none;
	padding : 0;
}

#tabnav li ul li a:hover {
	background-color: #d9d5c0;
}

#tabnav a:hover {

}

#tabnav li:hover ul ul, #tabnav li:hover ul ul ul, #tabnav li.sfhover ul ul, #tabnav li.sfhover ul ul ul {
	left: -999em;
}

#tabnav li:hover ul, #tabnav li li:hover ul, #tabnav li li li:hover ul, #tabnav li.sfhover ul, #tabnav li li.sfhover ul, #tabnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/* CSS for Popout Menu */

#holderdiv {
	position: absolute;
	z-index: 1000;
	top: 180px;
	padding-left: 26px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	z-index: 1000;
	width : 190px;
}

#nav ul {
	position: relative;
}


#nav ul li {
	display: block;
	padding: 3px;
	margin: 0;
	margin-left: 0px;
	background-color: #e6e2cc;
	width: 181px;
	text-align: left;
}	

#nav li { /* all list items */
	display: block;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 195px;
}

#nav li ul { /* second-level lists */
	border: 1px solid #8c8769;
	width: 195px;
	w\idth: 187px;
	position : absolute;
	z-index: 1000;
	left: -999em;
	margin-left: 190px;
	margin-top: -20px;
}

#nav li ul li {
	padding-left: 3px;
	border-bottom: 1px solid #8c8769;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-left: 184px;
	margin-top: -15px;
}

#nav li a {
	display : block;
	color : #705011;
	font-weight : bold;
	text-decoration : none;
	padding : 0;
}

#nav li a:hover {
	background-color: #d9d5c0;
}

#nav li a:hover {

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.menuarrow {
	background-image: url(/assets/linkbg_off_arrow.gif);
}

.menuarrow:hover {
	background-image: url(/assets/linkbg_on_arrow.gif);
}




.clear {
	clear: both;
}a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7D7457;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7D7457;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC6600;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7D7457;
	text-decoration: none;
}
.teacher_headers{
	float: left;
	text-align: center;
	width: 100%;
	padding: 4px 0 4px 0;
	background-color:#DDD8C0;
	border: 1px solid #8c8769;

}
.teacher_links{
	float: left;
	width: 100%;
	background-color:#e6e2cc;
	text-align: center;
	padding: 3px 0 3px 0;
	display: block;
	border-bottom: 2px solid #E2DEC8;
}

.teacher_links a{
	text-align: center;
	padding: 3px 0 3px 0;
	background-color:#E2DEC8;
	display: block;
	border-bottom: 2px solid #E2DEC8;
}

.teacher_links a:hover{
	text-align: center;
	padding: 3px 0 3px 0;
	background-color:#DDD8C0;
	display: block;
	border-bottom: 2px solid #E2DEC8;
}