/* -- Academic Department Template -- */

/* ===== Common Styles ===== */
hmtl, body {
margin: 0; /* page margins */
padding: 0; /* page padding */
color: #ffffff;/* default txt color */
background: #000000; /* page background color - image */
font-family: verdana, helvetica, arial, sans-serif; /* fonts used throughout website */
font-size: 73%; /* initial setup font size */
}


					

img {
border: 1px solid #594E23;
margin-left: 1em;
margin-right: 1em;
}

img.idahofirelogo {
border: 0px;
margin-left: 0em;
margin-right: 0em;
}

/* This class was added so that the skip navigation anchor would not show up in the page on all browsers */
.doNotDisplay {
display: none !important;
}

/* ===== Header ===== */

#header {
height: 59px; /* height of banner graphic set here */
background-color: #000000;
}

img.headerleft {
float: left;
border: 0px;
}

img.headerright {
float: right;
border: 0px;
}

/* ===== Left Side Bar ===== */

#leftnav {
width: 177px; /* width of the leftnav div */
height: auto; /* default property - does not have to be added to stylesheet, but is sometimes needed for validation */
float: left; /* causes the menu to float on the lefthand side of the page */ 
background-color: #000000;
}

/* -- CSS work-around to keep one column from being longer than the other(s) -- */
#leftnav.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE \*/
* html #leftnav.clearfix {height: 1%;}
/* End hide from IE */

/* -- Left Navigation Styles -- */
p.sideBarTitle {
color: #ffffff; /* color of the title text */
background: #000000 url('../images/titles.gif') repeat-x top left; /* background color - image */
font-weight: bold; /* sets the text to bold */
margin: 0; /* keeps the menu at equal distance from the titles */
padding-top: .3em; /* sets the padding over the text */
padding-bottom: .5em; /* sets the padding under the text */
font-variant: small-caps; /* sets the font type to small capital letters */
text-align: center
}

#leftnav ul {
margin: 0; /* does not allow any margins to be displayed */
margin-bottom: 1em; /* sets the bottom margin only */
padding: 0; /* does not allow any padding to appear on the list */
list-style-type: none; /* removes the bullets from a list */
list-style-position: outside; /* sets the position of the list */
}

#leftnav li {
margin: 0; /* does not allow any margins to be displayed */
/* does not allow any padding to appear on the list items */
padding-bottom: .5em; /* vertical spacing of li items */
padding-left: .2em; /* horizontal spacing of li items */
background: #000000 url('../images/navbar.jpg') no-repeat top left;; padding-right:0; padding-top:0

}

/* -- CSS work-around for IE - due to boxmodel issues -- */
* html body #leftnav li {
padding-left: 0; /* horizontal spacing of li items */
}

#leftnav a {
width: 138px; /* sets the width of the anchor */
display: block; /* sets the displayed property of the anchor */
margin-left: 1em; /* sets the margin of the anchor to 1em from the left edge */
padding: .3em; /* sets the padding around the text of the anchor */
padding-bottom: .5em; /* sets the padding on the bottom of the anchor */
text-align: center; /* aligns the text in the center of the li boxes */
font-weight: bold; /* causes the text to be bold */
color: #000000; /* sets the text color of the anchor */
text-decoration: none; /* removes the default underline property from the anchor */
font-size: 90%; /* font size smaller for navigationboxes */
font-weight: normal;
}

#leftnav a:hover {
color: #ffffff; /* sets the text color of the anchor on mouseover */
font-weight: bold; /* causes the text to be bold */
}

#leftnav .sideBarText {
color: #000000; /* sets the text color */
background-color: transparent; /* default property - does not have to be added to stylesheet, but is sometimes needed for validation */
line-height: 1.25em; /* controls the baseline height between lines of text */
margin-top: 1ex; /* sets the top margin */
margin-bottom: 1.5em; /* sets the bottom margin */
margin-left: 0.75ex; /* sets the left margin */
margin-right: 0.25ex; /* sets the right margin */
padding: 0; /* does not allow any padding */
display: block; /* creates line breaks at the start and end of text */
}

#leftnav .sideBarText a {
text-decoration: underline; /* default property - does not have to be added to stylesheet, but is sometimes needed for validation */
}

#leftnav .sideBarText a:hover {
text-decoration: none; /* default property - does not have to be added to stylesheet, but is sometimes needed for validation */
}
/* -- end Left Nav styles -- */

/* ===== Content ===== */

#content {
color: #000000; /* sets the text color */
background-color: #ffffff; /* sets the background color */
text-align: left; /* sets the alignment of the text in the div */
line-height: 1.5em; /* controls the baseline height between lines of text */
margin: 0; /* removes the margin properties */
margin-left: 15em; /* sets the left margin */
padding-left: 1em; /* sets the left padding */
padding-right: .5em; /* sets the right padding */
padding-top: .5em; /* sets the top padding */
padding-bottom: 1em; /* sets the bottom padding */
border-left: 1px solid #0b1966; /* Ob1966 border to pull logo colour down page */
}

img.right {
float: right;
}

img.left {
float:left;
}

/* -- CSS work-around to keep one column from being longer than the other(s) -- */
#content.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE \*/
* html #content.clearfix {height: 1%;}
/* End hide from IE */

#content a, 

#content a:link {
color: #676767;
font-weight: bold;
text decoration: none;
}

#content a:visited {
color: #CC3333; /* sets the anchor color */
font-weight: bold; /* sets the text to disply bold */
}

#content a:hover {
color: green; /* sets the anchor color on mouseover */
text-decoration: none; /* removes the default underline from the anchor */
}
/* ===== end content ===== */

/* ===== Footer ===== */

#footer {
color: #ffffff; /* sets the text color */
background: #000000 url('../images/footer.gif') no-repeat top left; /* footer background color - image */
font-size: 92%; /* sets the font size for the text in the footer */
text-align: center; /* sets the footer text alignment */
line-height: 1.25em; /* controls the baseline height between lines of text */
margin: 0; /* removes all margins from the footer area */
/* sets the top and bottom padding */
padding-left: 4em; /* sets the left side padding */
padding-right: 4em; /* sets the right side padding */
clear: both; padding-top:1em; padding-bottom:1em
}

#footer a {
color: #ffffff; /* sets the anchor color */
background-color: transparent; /* default property - does not have to be added to stylesheet, but is sometimes needed for validation */
text-decoration: none; /* removes the default underline from the anchor */
border-bottom: 1px dotted #ffffff; /* adds a custom underline property to the anchor */
font-weight: bold;
}

#footer a:hover {
text-decoration: none; /* removes the default underline from the anchor */
border-bottom: 1px solid #ffffff; /* adds a custom underline property to the anchor on mouseover */
}	
/* ===== end footer ===== */

/* --- Presentation Styles --- */

h1 {
color: #000000; /* sets the text color */

background-color: transparent; /* default property - does not have to be added to stylesheet, but is sometimes needed for validation */
font-size: 220%; /* sets the H1 font size */
font-weight: bold; /* sets the text weight to display bold */
font-style: italic; /* sets the text to display in italic */
text-align: center; /* sets the text alignment to page center */
text-transform: uppercase; /* sets the text to display in uppercase characters only */
padding-bottom: 0em; /* removes all padding from below the heading */
}

h2 {
color: #ffffff; /* sets the text color */
font-size: 140%; /* sets the H2 font size */
font-weight: normal; /* sets the text weight to display normal */
text-align: left; /* sets the text alignment to left */
}

h2.special {
width: auto; /* sets the width of the H2 block */
heigth: auto;
padding-top: .2em; /* adds padding to the top of the heading */
padding-bottom: .3em; /* adds padding to the bottom of the heading */
padding-left: .5em; /* adds padding to the left of the heading */
color: #FFFFFF; /* sets the text color */
background: #000000; /* sets the text background color */
font-size: 160%; /* sets the H2 font size */
font-weight: normal; /* sets the text weight to display normal */
text-align: left; /* sets the text alignment to left */
border: 1px solid #013D7B; /* sets the left and top border */
border-bottom: 2px solid #013D7B; /* sets the bottom border */
border-right: 2px solid #013D7B; /* sets the right borde */
}

/* -- CSS workaround for IE -- */
* html body h2.special {
width: auto; /* sets the width of the H2 block */
padding: .2em; /* adds padding on the H2 */
}

h3 {
color: #000000; /* sets the text color */
font-size: 155%; /* sets the H3 font size */
font-weight: normal; /* sets the text weight to display normal */
text-align: left; /* sets the text alignment to left */
}

h3.special {
color: #000000; /* sets the text color */
font-size: 155%; /* sets the H3 font size */
font-weight: normal; /* sets the text weight to display normal */
text-align: left; /* sets the text alignment to left */
font-variant: small-caps;
}

h3.most {
color: #000000; /* sets the text color */
font-size: 155%; /* sets the H3 font size */
font-weight: normal; /* sets the text weight to display normal */
text-align: center; /* sets the text alignment to left */
}

h4 {
color: #000000; /* sets the text color */
font-family: monotype corsiva;
font-size: 250%; /* sets the H4 font size */
font-variant: small-caps;
font-weight: bold; /* sets the text weight to display normal */
text-align: left; /* sets the text alignment to left */
}

h4.special {
color: #000000; /* sets the text color */
font-size: 155%; /* sets the H3 font size */
font-weight: bold; /* sets the text weight to display bold */
text-align: center; /* sets the text alignment to left */
font-variant: small caps;
font-family: Times New Roman;
}

h4.most {
color: #000000; /* sets the text color */
font-size: 190%; /* sets the H3 font size */
font-weight: bold; /* sets the text weight to display bold */
text-align: center; /* sets the text alignment to left */
font-variant: small caps;
font-family: Times New Roman;
}


h5 {
color: #000000; /* sets the text color */
font-size: 1.1em; /* sets the H5 font size */
font-family: Palatino Linotype;
text-align: left; /* sets the text alignment to left */
}

h6 {
color: #000000; /* sets the text color */
font-size: 120%; /* sets the H6 font size */
text-align: left; /* sets the text alignment to left */
}

h6.special {
color: #000000; /* sets the text color */
font-size: 250%; /* sets the H6 font size */
text-align: left; /* sets the text alignment to left */
visibility: hidden
}

p {
margin: 0; /* removes all paragraph margins */
margin-top: 1em; /* adds a top paragraph margin */
margin-bottom: 1.5em; /* adds a bottom paragraph margin */
padding: 0; /* removes all paragraph padding */
}

dt {
font-weight: bold; /* sets the text weight to display bold */
margin: 0; /* removes all dt margins */
padding: 0; /* removes all dt padding */
padding-bottom: .5ex; /* adds padding at the bottom of the dt */
}

dd {
margin: 0; /* removes all dd margins */
margin-left: 1.5em; /* adds a margin to the left of the dd */
margin-bottom: 1.5em; /* adds a margin to the bottom of the dd */
padding: 0; /* removes all dd padding */
}

/* --- End presentation styles --- */

/* -- Table for faculty and staff -- */
table {
width: 50%; /* sets the width of the table */
margin-left: 1em; /* adds a left margin to the table */
margin-right: 1em; /* adds a right margin to the table */
margin-bottom: .5em; /* adds a bottom margin to the table */
position: left;
}

th {
color: #000000; /* sets the default color of the table header */
background: #F7F7F7; /* sets the background color of the table header */
text-align: center; /* aligns the text to the center of the cells */
border: 1px solid #333333; /* adds a border to the cells */
border-bottom: 2px solid #333333; /* adds a bottom border to the cells */
border-right: 2px solid #333333; /* adds a right border to the cells */
}

td.bordered {
border-bottom: 1px solid #dddddd; /* classed item - adds a border to the bottom of the cells with the named class */
}

td {
font-size: 1.1em; /* sets the default font size for the text */
font-family: Comic Sans MS;
text-align: left; /* aligns the text to the center of the cells */
padding-top: .5em; /* adds padding above the text */
padding-bottom: .5em; /* adds padding below the text */
}

table.students th {
text-align: left; /* aligns the text to the center of the table header cells */
width: 70%; /* sets the width of the table */
}

table.students td {
text-align: left; /* aligns the text to the center of the cells */
width: 70%; /* sets the width of the table */
}

address {
margin-left: 1.5em; /* adds a left margin to the address tag */
margin-bottom: 1em; /* adds a bottom margin to the address tag */
}

.bold {
font-weight: bold; /* span item - used to create bold text in any page */
}