/****************************************
	Department of Plant Agriculture
	University of Guelph
	Contact: plant@uoguelph.ca
****************************************/

/* Import UofG styles */
@import url(uofg.css);

/**************************
*    MAIN BODY STYLES     *
***************************/
*	{margin:0;padding:0;}
img {border:none;}
body {font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;font-size: 62.5%;line-height:1.5;voice-family:inherit;}
select {background: url(../../img/plantag/select_bg.gif) repeat-x;border: 1px solid #F3C08D;font-weight: bold;color: #059560;}
option {background: #CCEDE2 url(../../img/plantag/select_bg.gif) repeat-x;padding: 3px;font-weight: bold;}
hr {color: #F3C08D;background-color: #F3C08D;border: none;height: 1px;}
#back, .container{margin: 0 auto;position: relative;width: 860px;}
#back {background: url("../../img/plantag/pagebg.gif") 240px repeat-y; padding: 25px 0;}

/* font colours */
.darkblue_bold {color: #000066;font-weight: bold;}
.gray {color: #666666}
.gray a {color: #666666 !important;border: 0 !important;}
.pdf_f {color: #FF0000;font-size: 0.8em;}
.img_caption {color: #666666; font-size: 0.87em; line-height: 1.35em;padding: 4px;display: block;text-align: justify;}
.green_bar {background: url(../../img/plantag/green_bar.jpg) repeat-x; padding: 2px 10px; color: #fff; font-size: 1.3em; margin-top: 0; height: 30px;}
.orange_bar {background: url(../../img/plantag/orange_bar.jpg) repeat-x; padding: 2px 10px; color: #fff; font-size: 1.3em; margin-top: 0; height: 30px;}
.last_update {display: block; color: #078053; background: url(../../img/plantag/pa_logo_stamp.gif) no-repeat center right; text-align: right; padding-top: 0px; padding-right: 30px; font-size: 0.8em; position: relative; top: 30px;}
.posted {color: #666666; font-size: 0.8em;font-style: italic;}

/* hide print only areas */
#printArea {display: none;}

/* floats */
.left {float: left;}
.right {float: right;}
.img_left {float: left;margin: 0 10px 0 0;}
.img_right {float: right;margin: 0 0 0 10px;}
.img_left_margin {float: left;margin: 10px 10px 10px 0;}
.img_right_margin {float: right;margin: 10px 0 10px 10px;}

/**************************
*       STYLES BY ID      *
***************************/
/* local header */
#local{background: #D86C00 url("../../img/plantag/localbg.png");Height: 50px;}	
#local .container{background: url("../../img/uofg/universityofguelph.gif") left bottom no-repeat;height: 50px;width: 860px;}
#local h1 {background: url("../../img/plantag/plantagriculture_logo.png") no-repeat right top;padding-right: 40px;margin-right: 14px;	position: relative;top: 10px;color: #FFF8DB;text-align: right;font-size: 1.8em;height: 50px;}
#local h1 a:active, #local h1 a:link, #local h1 a:visited {text-decoration: none;color: #FFF8DB;}
#local h1 a:hover {text-decoration: none;color: #fff;}
/* h1 image replacement PA logo */
.nobg {background: none;margin: 0;padding: 0;}
#palogo {background: url("../../img/plantag/plantagriculture.png");display: block;float: right;height: 50px;width: 400px;margin-right: 14px;}

/* page styling */
#page_wrapper {background: url("../../img/plantag/page_wrapper_bg.jpg") repeat-x bottom;}
#page {font-size: 1.3em;width: 860px; margin: 0 auto;background: url("../../img/plantag/page_bg.jpg") no-repeat center top;}
#page p, #page ul, #page ol {line-height: 1.8em;margin: 1em 0 0.4em 0;}
#page #content {padding: 0 15px;}
#page #content ul {margin-left: 40px;}
#page #content .tertiary ul,#page #content .quaternary ul {margin-left: 0;}
#page ol {padding-left: 2.3em;}
#page td {padding: 0.65em;}
#page a{color: #059560; text-decoration:none; border-bottom: #CCC 1px dotted;}
#page a:hover{color: #000088; text-decoration: none; border-bottom: #633 1px solid; background-color:#FCEEE1;}
.footer a{color: #fff; text-decoration:none;}
.footer a:hover{color: #fff; text-decoration: underline;}
#page h1,#page h2,#page h3,#page h4,#page h5,#page h6{font-family: Helvetica, Arial, sans-serif; font-size:2.0em; font-weight:normal;}
#page h1 {letter-spacing:-1px; color:#BB5D00;margin-top: 0.7em;margin-bottom: 0.3em;line-height: 1.1em;}
#page h2 {font-size: 1.7em; color:#059560;margin-top: 1.5em;line-height: 1.1em;}
#page .navigation h2 {margin-top: 0.7em;}
#page h2 a,#page h4 a, #page h5 a{color: #059560; text-decoration:none; border:none;}
#page h2 a:hover{color: #059560; text-decoration: underline; border:none; background:none;}
#page h3 {color:#1A4791;margin-top: 0.8em;margin-bottom: 0.1em;}
#page h3, #page h4, #page h5 {font-size: 1.4em; line-height: 1.08em;}
#page h4, #page h5 { border-bottom: #CCC 1px solid; margin: 1em 0 0.25em; padding-bottom: 0.1em;}
#page h4 {color:#555;margin-top: 0.3em;}
#page h4 a:hover, #page h5 a:hover {border-bottom: #633 1px solid;}
#page h6 {font-size: 1.3em; color:#555;margin-top: 0.3em;}
#page h6 a{color: #555; text-decoration:none;}
#page h6 a:hover{color: #059560; text-decoration: none; border-bottom: #633 1px solid; background: none;}

/* primary - main content */
.primary h2 {margin: 0.75em 0 0.25em;}
.primary h3 {font-size: 1.6em; line-height: 1.08em; margin: 1em 0 0.25em; padding-bottom: 0.1em;border-bottom: 1px dotted #1A4791}
.primary h4, .primary h5 {width: 85%;}
.primary {float:right; width: 590px;}
.primary ol li {background: none; padding-left: 0.15em;}
.primary ul li {background: url("../img/ovc/bullet.gif") no-repeat; background-position: 1em .75em; padding-left: 1em;}
.primary ul, .primary ol {margin: 0 0 1em 0;}
.primary h3 {padding: 0 0 0.25em;}
.primary p {margin: 0.5em 0;}

/* secondary - side */
.secondary {margin: 0;float: left;width: 240px;}
.secondary ul li {line-height: 1.15em; background: none;margin: 0;}
.secondary h2, .secondary h3 {padding: 5px 0 4px 34px;}
.secondary h3 a:hover {text-decoration:none;}
.secondary h2 {border-bottom: #F3C08D 1px solid;}
.secondary p {padding: 0 0 1em 34px;}
.secondary table, .secondary form {padding: 5px 0 4px 34px;}
.secondary #profile p, .secondary #base p {font-size: 0.9em; line-height:1.4em;}
.secondary #profile p {padding: 1em 30px 1em 34px;}
.secondary .sidebarcontent {margin: 15px;}
.secondary #base p,.secondary .content p {padding: 1em 30px 0 40px;}
/* base Plant Ag identifier */
#base {margin-top: 4em; padding: 7px 12px 0 0px; border-top: #F3C08D 1px solid; background: url("../../img/plantag/plantag_icon.gif") 10px 1em no-repeat;}
#base h3 {font-size: 1.3em;font-weight: bold;margin-left: 44px;}
#base h3 a {border: none;}
#base h3 a:hover {border: none; background-color:none;}
/* side nav */
.navigation ul li {list-style:none; line-height: 1.15em;}
.navigation li {background:none;}
.navigation li a{color: #059560;text-decoration:none; display: block; padding: 5px 0 5px 35px;}
.navigation li a:hover{ color: #07B; background: #FCEEE1; display: block; padding: 5px 0 5px 35px;}
#page .navigation h2 {font-size: 1.1em;font-weight: bold;} 

#page .navigation h2 a {color: #059560;}
/* lower level divs */
.tertiary, .quaternary {width: 280px;}
.tertiary h5, .quaternary h5, .quinary h5 {width:100%;}	
.tertiary {float: left; padding: 0 10px 0 0;}	
.quaternary {float: right; padding: 0 0 0 10px;}	
.quinary {float: left; width: 165px;  padding: 1em 20px 0;}
.tertiary h2, .quaternary h2 {padding: 3px 0 2px 0; margin-top: 3px; border-bottom: #F3C08D 1px solid;}

/* local PA footer */
#pa_footer, #pa_footer_inner {background:#900 url("../../img/uofg/globalbg.jpg");}
/* white colour link (for footer) */
a.whiteLink{color: #fff; text-decoration:none; border-bottom: #fff 1px dotted;}
a.whiteLink:hover{color: #F3C08D; text-decoration: none; border-bottom: #F3C08D 1px solid;}
.foot {padding: 1em 0; border-top: #F3C08D 1px solid;}
.foot p {padding: 0 0 0 5px;}

/* clears */
.clear{clear:both;display:block;}
.clear:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
* html .clear{height:1%;}

/* link preview */
.pdf{width:20px;padding:0 20px 0 0;background: url(../../img/prev_icons/pdf.png) no-repeat right;}
.zip{width:20px;padding:0 23px 0 0;background: url(../../img/prev_icons/zip.png) no-repeat right;}
.doc{width:16px;padding:0 16px 0 0;background: url(../../img/prev_icons/doc.png) no-repeat right;}
.txt, .rtf{width:16px;padding:0 16px 0 0;background: url(../../img/prev_icons/txt.png) no-repeat right;}
.ppt,.pptx{width:16px;padding:0 16px 0 0;background: url(../../img/prev_icons/ppt.png) no-repeat right;}
.xls{width:16px;padding:0 16px 0 0;background: url(../../img/prev_icons/xls.png) no-repeat right;}
.email{width:13px;padding:0 15px 0 0;background: url(../../img/prev_icons/email.gif) no-repeat right;}
.wpd{width:16px;padding:0 16px 0 0;background: url(../../img/prev_icons/wpd.gif) no-repeat right;}

/* button */
a.button {background: transparent url(../../img/page_elements/bg_button_a.gif) no-repeat scroll top right;color: #fff !important;    display: block;float: left;font-weight: bold;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;border-bottom: none !important;}
a.button span {background: transparent url(../../img/page_elements/bg_button_span.gif) no-repeat;display: block;line-height: 14px;    padding: 5px 0 5px 18px;}
a.button:hover {color: #ffe079 !important;}
a.button:active {background-position: bottom right;color: #0f9463 !important;font-weight: bold;outline: none;border-bottom: none !important;}
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px;}

/*///////////////////////// END COMMON STYLING //////////////////////////////*/

/**************************
*         HOMEPAGE        *
***************************/
#intro {margin: 0 10px 0 3px;}
#lower,#quicklinks {border-top: #F3C08D 1px solid;}
#quicklinks {background: #fce6d3 url(../../img/plantag/quicklinks_bg.gif) no-repeat;}
#quicklinks #ql_content {margin-left: 135px;margin-top: 12px;}
#ql_content ul li {list-style-image: url(../../img/plantag/quicklinks_li.gif);}
#quicklinks_menu {width: 425px;}
.hidden {display: none;}
.unhidden {display: block;}
#news, #events {text-align:center;}
#news ul, #events ul, #inventory ul {padding: 8px 0;}
#news ul li, #events ul li, #inventory ul li {list-style: none; background: none; padding-left: 0;}
#news p, #events p, #inventory p, #news ul, #events ul {text-align:center;}
#inventory a {color: #333;}
#events p {margin: 0 0 0 0;}
#news ul, #events ul, #inventory ul li {padding-bottom: 0; margin-bottom:0;}

/* link styles for events/what's going on*/
#events h6 a, #news h6 a {color: #BB5D00;}
#events h6 a:hover, #news h6 a:hover {color: #059560;}

/* feature slider on homepage (also used elsewhere) */
#slider_top {border-top: #F3C08D 1px solid;border-bottom: #F3C08D 1px solid;}
#heading {display: block;text-align: center;margin-bottom: 1em;border-bottom: #F3C08D 1px solid;background: #FDF6F0;}
#heading * {display: inline;padding: 3px;user-select: none;cursor: pointer;vertical-align: middle;}
#heading ul {position: relative;left: -20px;}
#heading li.active {background-color: #119866;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;-opera-border-radius: 3px;-moz-border-radius: 3px;}
#panes {width: 580px;}
.slider_content {margin-left: 183px;margin-right: 20px;display: block;height: 250px;}
.slider_img {float: left;margin-top: 20px;}

/**************************
*      OFFICE STAFF       *
***************************/
.office_photo {margin-top: 30px;}

/**************************
*       DIRECTORIES       *
***************************/
.heading_row {background: #049a64;color: #fff;}
#overlay_menu {width: 250px; background: #fff; position: absolute; z-index: 1000;border: 1px solid #049A64;padding: 10px;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90;}


/**************************
*       GRADS             *
***************************/
#gamma {float:left; display:block; padding: 0 20px; width:800px;}
#gamma .col1,
#gamma .col2, 
#gamma .col3 {width:246px;float:left; padding:0 10px;}
#delta {float:left; display:block; width:770px;}
#delta .col1,
#delta .col2, 
#delta .col3 {width:235px;float:left; padding:0 10px;}


.tab { margin-left: 40px; }