/* CSS Document */
/* OWL Category Style Sheet.  This sheet will be modified for each OWL
subsection and contains the basic functionality, navigation and searching. 2008
CSS by Dana Lynn Driscoll and 2009 CSS by Jeff Bacha.  For questions contact
Dana at driscodl (at) purdue.edu.  While you are welcome to look at our CSS and
learn, you are not permitted to copy in whole or in part any code from this
site.  Thank you. */


/* for future OWL webmasters.  All images should be the following specficiations:
Header: 925x110px
Body background: 925x1px
Footer: 925x25px
*/

/* Outer positioning divs and formatting. */
/* ----------------------------------------------- */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
}

/*contaians all owl pages; allows for centering of the pages */
div#container {
        width: 925px;
        margin: 0px auto 25px auto;
        padding: 0px;
        background-image:
url(https://owl.english.purdue.edu/exercises/css_gfx/owl_background.jpg);
        background-repeat: repeat-y;
}

/* contains main OWL section content */
div#content {
        margin: 0px 50px 0px 300px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        }
                
                

/* provides the header for the page */        
div#opener {
        background-image:url('https://owl.english.purdue.edu/exercises/css_gfx/owl_header.jpg');
        background-repeat: no-repeat;
        background-position: top center;
        padding: 0px;
        margin: 0px;
        height: 137px;
        }
div#opener a {
}
        
/*Footer Styles*/

/* Used for whipping IE into shape */
div#footer {
        display: none;
        }

div#closer {
        float: none;
        clear: both;
        background-image:
url('https://owl.english.purdue.edu/exercises/css_gfx/owl_footer.jpg');
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        margin: 0px 0px 0px 0px;
        padding: 25px 30px 0px 30px;
        font-size: 10px;
        text-align:center;
		}

div#closer address {
        font-style: normal;
        padding-top: 20px;
        margin: 0px;
        }

div#address p {
	font-size:11px;
}

/* Navigation area */
/* ----------------------------------------------- */

/* Top Navigation area */

/* container for upper navigation and positioning */
.navcontainer {
        padding: 0px 15px 0px 15px;
        margin: 3px 0 0px 0;
}

#topnav {
          /*pass the correct margin to IE */
        margin: 0 30px 0 30px;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #603c14;
        }

#topnav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
        }
        
#topnav a:link, #topnav a:visited {
        float: left;
        font-size: 13px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 25px;
        text-decoration: none;
        color: #000000;
        }

#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
        color: #000;
        background:
url('https://owl.english.purdue.edu/exercises/css_gfx/navtabbrown.jpg')
no-repeat bottom center;
        }
                
.sectionnav{        
        padding: 4px 0 4px 0;
        margin: 0 45px 0px 45px;
        border-bottom: 1px solid #603c14;
        text-align:center;
        }

.sectionnav a:link, .sectionnav a:visited{
		font-size: 11px;
        padding: 0px;
        text-decoration: none;
		font-weight:bold;
        color: #603c14;
        
        }        

.sectionnav a:hover {
        color: black;
		font-size: 11px;
        padding: 0px;
        text-decoration: underline;
        }        


/*Side nav styling */
/* ----------------------------------------------- */

 #sidenavcontainer {
        float: left;
        line-height: 15px;
        
        /*Pass the correct margin to IE */
        margin: 10px 0px 0px 22px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 225px;
        }

/*Pass the correct margins to others*/
div#container > div#sidenavcontainer {
        margin: 10px 0px 0px 44px;
        }                
                

/* Allows a hidden "skip navigation feature"*/

div#sidenavcontainer .noshow {
        display: none;
        }

/*Navigational stuff - graphical*/

div.sidenav h4 {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        margin: 0px;
        }
div.sidenav p {
        padding: 5px 10px 5px 10px;
        margin: 0px;
        }        
div.sidenav ul {
        margin: 0px;
        padding: 0px;
        width:225px;
        }
div.sidenav ul li {
        display:block;
        color: #603c14;
        cursor: pointer;
        list-style: none;
        }
        
div.sidenav ul li:hover {
        color: #603c14;
        }

.current{
        font-weight:bold;
        background-color: #EA9415;
        border-top: 2px solid white;
                border-bottom:1px solid #e97f14;
        font-size: 12px;
        padding: 4px 5px 4px 10px;
		color:black;
}

.catlink{
        font-weight:bold;
        background-color: #F6A851;
        border-top: 2px solid white;
                border-bottom:1px solid #e97f14;
        font-size: 12px;
        padding: 4px 5px 4px 10px;
}

.sublink{
        color: #000000;
        font-weight:bold;
        background-color: #F9C68B;
        border-top: 2px solid white;
                border-bottom:1px solid #F6A851;
        font-size: 11px;
        padding: 2px 5px 2px 10px;
        margin-left:0px;
        background-image:
url('https://owl.english.purdue.edu/exercises/css_gfx/down2.gif');
        background-repeat: no-repeat;
        background-position: right center;

}


.exlink{
        color: #000000;
        background-color: #fef4e8;
        font-size: 11px;
        font-weight:normal;
        border-top:2px solid white;
        border-bottom:1px solid #f9c68b;
        margin-left:0px;
        padding: 2px 10px 2px 15px;
        background-repeat: no-repeat;
        background-position: right center;

}


.active{
        color: #000000;
        background-color: #f5e4cf;
        font-size: 11px;
        font-weight:normal;
        border-top:2px solid white;
        border-bottom:1px solid #f9c68b;
        margin-left:0px;
        padding: 2px 10px 2px 15px;
		 background-image: url('https://owl.english.purdue.edu/exercises/css_gfx/rightarrow.gif');
        background-repeat: no-repeat;
        background-position: right center;

}

.exlink:hover, .catlink:hover, .sublink:hover, .active:hover{
                background: #EA9415;
        }
		
.repeatlinks{
        color: #000000;
        font-weight:bold;
        border-top:solid 1px;
        border-bottom:solid 3px;
        border-color: #F6A851;
        font-size: 12px;
        margin-top:20px;
        margin-left:0px;
        padding: 0px 0px 5px 0px;
}

.repeatlinks h4 {
                background:#fef4e8;;
                border-bottom:solid 1px #F6A851;
                margin:0px;
                line-height:10px;
                cursor:auto;
                }

div.sidenav ul li a {
        text-decoration: none;
        color: #603c14;
        display: block;
        overflow: auto;
        cursor:pointer;
        }        
div.sidenav ul li a:hover {
        color: black;        
        }
div.sidenav ul ul li {
        padding-left:5px;
        }

div.sidenav ul ul li a {
        text-decoration: none;
        font-size:11px;
        color: #603c14;
        display: block;
        overflow: auto;
        cursor:pointer;
        padding-left:5px;
        }        

/*need to add info in for link styles; need to do image styles */

/* Breadcrumbs styling */
/* ----------------------------------------------- */
div#breadcrumbs {
        padding: 0px 0px 0px 15px;
        /*again, passing goofball margins to IE */
        margin: 10px 30px 10px 30px;
		font-size: 11px;
		color: #603c14;
        }                
                
/*and again, passing correct margins to the rest of the browser world */
div#container > div#breadcrumbs {
        margin: 10px 30px 10px 30px;
        }                
        
div.breadcrumbs p {
        font-size: 11px;
		color: #603c14;
}

div.breadcrumbs a {
        color: #603c14;
        text-decoration:none;
}

div.breadcrumbs a:hover {
        color: black;
        text-decoration:underline;
}


                        

/* Horizontal Rule Bar (top) */
/* ----------------------------------------------- */
div#hrbar {        
        background-image: url(https://owl.english.purdue.edu/exercises/css_gfx/owlbar.jpg);
        background-repeat: no-repeat;
        margin: 0px 45px 0px 45px;
        padding: 0px;
        height: 19px;
        }

        
/* Search box styling */
/*Special thanks to Shawn Rice for his great search box code */
/* ----------------------------------------------- */
.search {
        background-image:
url('https://owl.english.purdue.edu/exercises/css_gfx/owltop.gif');
        background-repeat:no-repeat;
        width:225px;
                height: 25px;
        margin:0px;
        padding: 7px 5px 3px 10px;
}

.btn{
        vertical-align:middle;
        margin-left: 5px;
}


div#navbottom {
        background-image:
url(https://owl.english.purdue.edu/exercises/css_gfx/owlbottom.gif);
        border-top: 2px solid white;
        height:21px;
        background-repeat:no-repeat;
        width:225px;
}


/*and again, passing correct margins to the rest of the browser world */
div#container > div#search {
        margin: 132px 30px 0px 690px;
        }                
                
        
/*div#search form {
        display: inline;
}        

div.search img {
        padding: 3px;
}*/

/*Special formatting for Accessibility */
/* ----------------------------------------------- */
/*         div# header replaces an image-based css header with a text version in
text-only browsers. */

div#header  {
        display: none;
}
/* ----------------------------------------------- */

/* Print info - hides it for normal web page views; visible in print CSS version */


div#printinfo {
        display:none;
}

/* ----------------------------------------------- *

/* Begin Content Divs */

div#maintext{
        margin: 0px 40px 40px 270px;
        }
        
div#resourcebox {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0px;
        padding-left: 5px;
		padding-right:5px;
        padding-top: 0px;
        background-color: #fef4e8;
        border: 1px;
        border-style: solid;
        border-color: #f9c68b;
		}

div#resourcebox p {
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 11px;
        color:#603c14;
		}

div#resourcebox form {
		text-align:center;
		}

div#resourceinfo {
        margin: 0px 0px 0px 0px;
        }        

        
div#bottomsectionnav {
        padding: 0px 5px 0px 5px;
        font-size: 10px;
        background-color: #fef4e8;
        border: 1px;
        border-style: solid;
        border-color: #f9c68b;
        margin: 0px 0px 10px 0px;
        }        

        
        
        
/*Image handling stuff*/
div.imgnofloat {
        background-color: #EEEEEE;
        margin: 4px 10px 15px 0px;
        padding: 0px;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
        }
div.imgfloat {
        background-color: #EEEEEE;
        margin: 4px 10px 15px 0px;
        padding: 0px;
        float: left;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
        }
div.imgfloat img, div.imgnofloat img {
        border-bottom: 1px solid black;
        margin: 0px 0px -2px 0px;
        /*-2px on the bottom margin fixes goof in firefox*/
        padding: 0px;
        }
div.imgfloat, div.caption, div.imgnofloat, div.caption {
        border-bottom: 1px solid black;
        padding: 5px 0px 2px 3px;
        }
div.caption {
		background-image: url(https://owl.english.purdue.edu/owl/css_gfx/image_copyright.gif);
        background-repeat: no-repeat;
        background-position: top right;
		}
div#maintext, div.imgfloat, div.caption p, div#maintext, div.imgnofloat, div.caption p {
        padding: 5px 4px 3px 4px;
        margin: 0px;
        font-size: 10px;
        line-height: 11px;
        color: #333333;
        }
div#maintext, div.example, p.citation {
        line-height: 2;
        padding-left: 25px;
        }
div.example .blockquote {
	line-height: 1;
	text-indent: 27px;
}
div.imgnoborder {
        margin: 4px 10px 15px 0px;
        padding: 0px;
        text-align:center;
        }
		
div.nobordercaption {
		background-image: url(https://owl.english.purdue.edu/owl/css_gfx/image_copyright.gif);
        background-repeat: no-repeat;
        background-position: top right;
		background-color: #EEEEEE;
		padding: 5px 4px 3px 4px;
        margin: 0px;
        font-size: 10px;
        line-height: 11px;
        color: #333333;
		text-align:left;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}
 div.nobordercaption p {
        padding: 5px 4px 3px 4px;
        margin: 0px;
        font-size: 10px;
        line-height: 11px;
        color: #333333;
        }

/* media files info */

div#media_file {
        background-image: url(https://owl.english.purdue.edu/test/owl/css_gfx/OWLputer.gif);
        background-repeat: no-repeat;
        background-position: top left;
        
        padding: 0 0 0 80px;
        margin: 0 0 0 0px;
}



/*Image replacement stuff*/
.noshow {
        display: none;
        }
h2#scresource {
        background-image:url(/owlcss_gfx/back_h2scresource.jpg);
        background-repeat: no-repeat;
        background-position: bottom left;
        margin: 0px;
        padding: 0px;
        height: 48px;
        }

/* misc formatting  */

div#content a {
        color: #ba782a;
}        

/* toolbar formatting */

div#toolbar {
                padding: 0px;
                margin: 10px 0px 10px 0px;
                text-align: center;
        }


div#toolbar a, a:active, a:hover, a:visited {
                text-decoration: none;
        }

div#toolbar img {
                margin: 0px 3px 0 0;
                border: 0;
        }

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#f9c68b; margin:0 5px;}
.b2 {height:1px; background:#fef4e8; border-right:2px solid #f9c68b;
border-left:2px solid #f9c68b; margin:0 3px;}
.b3 {height:1px; background:#fef4e8; border-right:1px solid #f9c68b;
border-left:1px solid #f9c68b; margin:0 2px;}
.b4 {height:2px; background:#fef4e8; border-right:1px solid #f9c68b;
border-left:1px solid #f9c68b; margin:0 1px;}
.contentb {background: #fef4e8; border-right:1px solid #f9c68b; border-left:1px
solid #f9c68b;}
.contentb div {margin-left: 5px; font-size:10px; font-style: italic; }

div#mediainfo {
        margin: 5px 0 0 0;
}

div#social {
		margin-top:0px;
		margin-bottom:0px;
		margin-left: auto;
		margin-right: auto;
		height:20px;
		text-align:center;
		}

div#social img {
		border:none;
		}

div#social a:link, div#social a:visited, div#social a:hover{
		border: 0px;
		text-decoration:none;
		}
		
/* pdf reader information*/
iframe{
	border: solid 1px #f9c68b; 
	width:96%; 
	height:500px; 
	margin-top:10px; 
	margin-bottom:10px; 
	margin-left: 2%; 
	margin-right:2%;
}