/*

--------- TABLE OF CONTENTS -------

- Colors
- General/Global
- Wrapper DIVs
- Header
- Footer
- Menus / Outer Columns
- Main Content
- News / Events
- Forms
- Tables
- Tabbed search
- Print Settings

------------ Colors -------------

Dark green: #396e06
Light grey: #efefef
Dark grey: #777
Light green/grey 1: #d5e7b5
Light green/grey 2: #e9efdf
Yellow: #fbdc14

---------- General/Global ---------- */

body {
	margin: 0;
	padding: 0;
	font: 62.5% Arial, Helvetica, sans-serif;
	background-color: #fff;
	text-align: left;
	min-width:770px;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	color: #396E06;
	font-weight: normal;
	line-height: 1.2em;
	margin: 1.4em 0 0.7em 0;
}
p, ul, ol {
	margin-top: 1.4em;
	margin-bottom: 1.4em;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a {
	color: #396E06;
}
table {
	border-collapse: collapse;
	margin: 1em 0;
}
hr {
	height: 0;
	border: none;
	border-top: 1px solid #ddd;
	clear: both;
	margin: 0;
	padding: 0;
}
pre {
        font-family:Arial, Helvetica, sans-serif;
        margin:0px;
        width: 100%;
        white-space:normal;
}

#quote {
margin: 1.5em 5px 0 5px;
padding: 0 0 0 37px;
background: #fff url("../images/quote.gif") no-repeat 0 0;
color: #666;
clear: both;
}

#quote img {
float: right;
padding: 3px 3px 3px 8px;
border: 1px solid #ddd;
background: #fff;
margin: 0 0 1em 1em;
}

.hidden {
	display: none;
}
.here {
	font-weight: bold;
}
/* ---------- Wrapper DIVs ---------- */

#leftColumn {
	float:left;
	width:19%
}
#rightColumn {
	float:left;
	width:19%;
	padding-right: 0px;
	margin-top: 10px;
	margin-left: 0px;
}
#menu-20-60-20 {
	float: left;
	width: 28%;
}
#menu-20-80, #menu-20-40-40 {
	float: left;
	width: 21%;
}
#content-20-60-20 {
	float: left;
	width: 59.8%;
	padding-right: 0px;
	margin-top: 10px;
	margin-left: 0px;
}
#content-20-80, #content-20-40-40 {
	float: left;
	width: 79%;
	padding-right: 0px;
	margin-top: 10px;
	margin-left: 0px;
}
#content-100 {
	padding-left: 10px;
	padding-right: 10px;
}
#content-20-80 #container, #content-20-40-40 #container {
}
#content-20-40-40 #body #leftBody {
	position: relative;
	margin: 0px 3px 20px 0px;
	float: left;
	width: 47%;
}
#content-20-40-40 #body #rightBody {
	position: relative;
	margin: 0px 3px 0px 20px;
	float: left;
	width: 47%;
}
#bio_fr {
	display:none;
}
/* ----------  Header  ---------- */

#top {
	position: relative;
	z-index: 0;
	height: 58px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #fff url("../images/masthead.jpg") no-repeat right top;
}
#top #uofs {
	position: absolute;
	top: 10px;
	left: 10px;
}
#masthead {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #777;
	background: #d9d9d9 url("../images/gradient-tab4.gif") repeat-x left top;
}
#masthead h1 {
	margin: 0;
	padding: 6px 5px 6px 10px;
	font-size: 2.2em;
	float: left;
}
#masthead a {
	text-decoration: none;
}
#breadcrumbs {
	margin: 1.3em 30em 0 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.4em;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
/* ---------------- Footer ---------------- */

#footer {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd;
	font-size: 1.1em;
	text-align: center;
	color: #777;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
/* ----------  Menus / Outer Columns  ---------- */

.leftMenu, #rightColumn {
	font-size: 1.1em;
}
.leftMenu a, #rightColumn a {
	text-decoration: none;
}
.leftMenu a:hover, #rightColumn a:hover {
	text-decoration: underline;
}
.leftMenu h2, .leftMenu h3, .leftMenu h4, #rightColumn h2{
	margin: 0px 7px 0px 0px;
        padding: 4px 10px;
        border-bottom: 1px solid #fff;
        font-weight: bold;
        font-size: 1.1em;
        color: #fff;
        background: #396e06 url("../images/gradient-tab2.gif") repeat-x left top;	
	
}
#rightColumn h2 {
	margin-left:7px;
	margin-right:0px;
}
.leftMenu h2 a, #rightColumn h2 a {
	color: #fff;
	display: block;
	width: 100%;
        background: #396e06 url("../images/gradient-tab2.gif") repeat-x left top;
}
.leftMenu h2 a:hover, #rightColumn h2 a:hover {
	color: #fff;








	text-decoration: none;
	background: none;


}
.leftMenu ul, #rightColumn ul {
	margin: 0 7px 0 0;
	padding: 0;
}
#rightColumn ul {
	margin: 0;
}
.leftMenu ul li, #rightColumn ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	border: none;
	display: inline;
}
.leftMenu ul li a, #rightColumn ul li a {
        display:block;
	padding: 4px 10px;
	border-bottom: 1px solid #fff;
	font-size: 1.1em;
	color: #fff;
	background: #396e06 url("../images/gradient-tab2.gif") repeat-x;
}
#rightColumn ul li a {
	margin-left:7px;
	margin-right:0px;
}
.leftMenu ul a:hover, #rightColumn ul a:hover {
	background-image:none;
	text-decoration: none;
}
.leftMenu ul ul {
	margin: 0;
        background-image: none;
	border-bottom: 1px solid #fff;
}
.leftMenu ul ul a, #rightColumn ul ul a  {
	background-color: #EFEFEF;
	border-top: 1px solid #FFFFFF;
	border-bottom: none;
        background-image: none;
	padding-left: 12px;
        color: #396e06;
}
.leftMenu ul ul a:hover, #rightColumn ul ul a:hover {
        background-image: none;
        background-color: #D5E7B5;
}
.leftMenu ul ul ul, #rightColumn ul ul ul {
	margin: 2px 0 8px 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.leftMenu ul ul ul a, #rightColumn ul ul ul a {
	border-top: none;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #ddd;
	background-color: #e9efdf;
	padding-left: 7px;
}
.leftMenu ul ul ul ul, #rightColumn ul ul ul ul {
	margin: 0;
	border: none;
}
.leftMenu ul ul ul ul a, #rightColumn ul ul ul ul a {
	background-color: #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #ddd;
	padding-left: 7px;
}
#rightColumn form, .leftMenu form {
	padding: 7px 10px;
	margin: 0 7px 0 0;
	border: 1px solid #ddd;
}
#rightColumn textarea #rightColumn select, .leftMenu select, .leftMenu textarea {
	width: 85%;
	font: normal 0.95em Arial, Helvetica, sans-serif;
}
#rightColumn #quicklinks {
	padding: 7px;
	margin: 0;
	background: #efefef;
	border: none;
}
#rightColumn #quicklinks select {
	width: 100%;
	font-size: 0.95em;
}
#rightColumn input.buttons, .leftMenu input.buttons {
	width: auto;
	font-weight: bold;
	font-size: 1.1em;
}
.leftMenu #focusOn {
	padding: 0px;
	list-style: none;
	margin-top: 10px;
}
.leftMenu #focusOn a {
	text-decoration: none;
	display: block;
	padding: 0px;
	height: 60px;
	margin: 0 0 2px 0;
	border: 1px solid #ddd;
	float: left;
	width: 99%;
}
.leftMenu #focusOn a:hover {
	border: 1px solid #B8E960;
}
.leftMenu #focusOn #become {
	background: #efefef url("../images/become.gif") no-repeat;
}
.leftMenu #focusOn #huskie {
	background: #efefef url("../images/huskie.jpg") no-repeat;
}
.leftMenu #focusOn #cls {
	background: #efefef url("../images/cls.jpg") no-repeat;
}
.leftMenu #focusOn #campaign {
	background: #efefef url("../images/campaign.jpg") no-repeat;
}
.leftMenu #focusOn #congress {
	background: #efefef url("../images/congress.jpg") no-repeat;
}
.leftMenu #focusOn #shop {
	background: #efefef url("../images/shop_main_graphic.gif") no-repeat;
}
.leftMenu #focusOn span {
	display: none;
}
.rightPic {
	width: 91%;
	padding-right: 11px;
	height: 100px;
	margin-top: 10px;
	max-width: 236px;
	background: none;
}
.rightPic a {
	display: block;
	height: 100px;
	background: none;
}
.rightPicCaption {
	background: #efefef;
	margin-top: 1px;
	padding: 2px 2px 2px 7px;
	width: 92%;
	max-width: 235px;
	color: #777;
	border: 1px solid #ddd;
}
.home_images {
	height:140px;
	padding:5px;
	border-left:solid #396E06 4px;
	background-repeat:no-repeat;
	background-position:center -20px;
	max-width:1026px;
}
#home_img {
	background-image:url("../images/home_img.jpg");
}
#bookstore_home_img {
	background-image:url("../images/bookstore001.jpg");
	background-position:left;
}
#cardoffice_home_img {
	background-image:url("../images/home_img.jpg");
}
#hospitality_home_img {
	background-image:url("../images/hospitality.jpg");
        background-position:left;
}
#foodservices_home_img {
	background-image:url("../images/foodservices.jpg");
        background-position:left;
}
#parking_home_img {
	background-image:url("../images/parking.jpg");
        background-position:left;
        background-repeat:repeat-x;
}
#postoffice_home_img {
	background-image:url("../images/home_img.jpg");
}
#printing_home_img {
	background-image:url("../images/printing.jpg");
        background-repeat:repeat-x;
}
#residence_home_img {

	background-image:url("../images/residence.jpg");
        background-position:left;
}
#campus_services_home_img {
	background-image:url("../images/home_img.jpg");
}
/* ----------- Main Content ----------- */

.body {
	font-size: 1.2em;
	line-height: 1.5em;
}
.body input, .body textarea, .body select {
	font: 1em Arial, Helvetica, sans-serif;
}
.body a:hover {
	background-color: #D5E7B5;
	text-decoration: none;
}
.body h1, .body h2 {
	margin: 0 0 1em 0;
	border-bottom: 1px solid #fbdc14;
	font-size: 2.3em;
}
.body h2 b {
	font-weight: normal;
}
.body h1 a, .body h2 a, .body h3 a, .body h4 a {
	text-decoration: none;
}
.body h3 {
	font-size: 2em;
	clear: both;
}
.body h4 {
	font-size: 1.5em;
	clear: both;
}
.body h5 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom:0px;
}
.body ul {
	list-style-image: url("../images/icons/list.gif");
}
.body textarea {
	width: 80%;
}
.body form ul {
	list-style: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
}
.body dl {
	margin: 0;
	padding: 0;
}
.body dt {
	float: left;
	font-weight: bold;
	margin-right: 0.5em;
	padding: 0;
}
.body dd {
	margin: 0;
}
.body dd {
	margin: 0;
}
/*----------- Forms -----------*/

.buttons {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	padding: 0 3px;
	background: #396E06;
	color: #fff;
}
.body .buttons {
	font-size: 1em;
	font-weight: bold;
}
.buttons:hover {
	color: #fbdc14;
}
fieldset {
	border: 1px solid #ddd;
	padding: 0 1em;
	margin: 1.2em 0 1.8em 0;
}
fieldset fieldset {
	border-width: 1px;
}
fieldset p {
	margin: 1em 0;
}
legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #396e06;
}
fieldset fieldset legend {
	font-size: 1.1em;
}
fieldset th {
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}
fieldset table {
	width: 100%;
	margin: 1em 0;
}
label:hover {
	background: #efefef;
}
form table td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
}
/* ---------- Banners / Feature Pics ---------- */

#featurePicDiv {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
	float: left;
}
#featurePicDiv a:hover {
	text-decoration: none;
}
#featurePic {
	position: relative;
	border-left: 3px solid #396e06;
}
#featureLink {
	position: relative;
}
#logoLink {
	display: none;
}
#picControls {
	margin-bottom: 15px;
	clear: left;
	padding: 0;
	margin-top: 0;
}
#picControls a {
	text-decoration: none;
	font-size: 1em;
}
#picControls a:hover {
	background-color: #D5E7B5;
}
/* -------------- News / Events ----------- */

#events {
	position: relative;
	margin: 0;
	float: left;
	clear: left;
	width: 48%;
}
#findIt {
	position: relative;
	margin: 0;
	float:right;
	width: 48%;
}
#home_copy {
	float:left;
	width:45%;
}
#news_date {
	float:right;
	font-size:.9em;
	font-weight:bold;
	
}
p.featuredEvent {
	float: left;
	height: 100%;
	margin-bottom: 7px;
}
.featuredEvent .eventImage {
	float: left;
	margin: 2px 5px 5px 0px;
	border: 1px solid #bbbbbb;
}
.newsEvents_index {
	margin: 17px 0 0 10px;
	float:right;
	width:31%;
	border: 1px solid #ddd;
	font-size:.8em;
}
.newsEvents {
	margin-bottom:10px;
	border: 1px solid #ddd;
	font-size:.8em;
        background-color: #EFEFEF;
}
.news_ag_float {
        float:left;
        margin: 5px 1% 0 0;
	width:31.5%;
}

.newsEvents label, .newsEvents_index label {
	display: none;
}
.newsEvents table {
        font-size:1.4em;
}
.newsEvents a, .newsEvents_index a {
	text-decoration: none;
}
.newsEvents h3 a, .newsEvents_index h3 a {
        font:.8em normal Arial, Helvetica, sans-serif;
        color:#ffffff;
}
.newsEvents a:hover, .newsEvents_index a:hover {
	text-decoration: underline;
        background-color: transparent;
}
.newsEvents p, .newsEvents form, .newsEvents_index p, .newsEvents_index form {
	margin: 0;
	padding: 7px 7px;
	border-bottom: 1px solid #ddd;
	font-size:1.2em;
}
.newsEvents form, .newsEvents_index form {
	border: none;
	padding-bottom: 0;
}
.newsEvents h3, .newsEvents h4, .newsEvents_index h3, .newsEvents_index h4 {
	margin: 0px;
        padding: 4px 10px;
        color: #fff;
        background: #396e06 url("../images/gradient-tab2.gif") repeat-x left top;
}

.newsEvents ul, .newsEvents_index ul {
	list-style: none;
	list-style-image:none;
	padding: 0.5em 0;
	margin: 0;
	font-size: 1.2em;
}
.newsEvents ul ul, .newsEvents_index ul ul {
	font-size: 1em;
}
.newsEvents ul a, .newsEvents_index ul a {
	text-decoration: none;
}
.newsEvents li, .newsEvents_index li {
	background: url("../images/list.gif") no-repeat 8px 5px;
	margin: 0;
	padding: 4px 7px 4px 18px;
}
.newsEvents_services {
        padding: 0px 7px 0px 18px;
}
.newsEvents p img, .newsEvents_index p img {
	padding: 5px 2px;
}
.newsEvents a.moreLinks, .newsEvents_index a.moreLinks {
	clear: both;
	text-decoration: none;
	width: auto;
	display: block;
	padding: 5px;
	font-size: 1em;
	color: #999;
}
.newsEvents a.moreLinks:hover, .newsEvents_index a.moreLinks:hover {
	text-decoration: none;
	background-color: #D5E7B5;
	color: #396e06;
}
.card_imgs {
	text-align:center;
	width:180px;
	float:left;
}
.card_imgs_v {
	text-align:center;
	width:116px;
	float:left;
}
/* ------------ Tables ------------ */

table.data {
	border: 1px solid #ddd;
	width: 100%;
	clear: both;
	line-height: 1.2em;
}
table.data a {
	text-decoration: none;
}
table.data a:hover {
	text-decoration: underline;
}
table.data th, table.data thead th {
	padding: 3px 5px;
	border: 1px solid #ddd;
	font-weight: normal;
	font-size: 1em;
	text-align: left;
	color: #666;
	background: #f3f3f3;
	vertical-align: top;
	line-height: 1.1em;
}
table.data td, table.data tbody td {
	border: 1px solid #ddd;
	padding: 5px;
	vertical-align: top;
}
table.data td, table.data tbody td, table.data p, table.data li {
	font-size: 0.95em;
}
ul.tableList {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}
ul.tableList li {
	border-bottom: 1px solid #e7e7e7;
	margin-left: 0px;
	padding: 3px 0px;
}
table.data tr.alternate {
	background: #f3f3f3;
}
table.data tr:hover, table.data tbody tr:hover {
	background: #e9efdf;
}
/* ----------- Tabbed search -------------- */

#tabbed-search {
	position: absolute;
	top: 39px;
	right: 10px;
	margin: 0;
	padding: 0;
	width: 30em;
	z-index: 2;
	font-size: 11px;
	line-height: 16px;
	text-align: right;
}
#tabbed-search .tabbed-content {
	padding: 0 1em;
	margin: 0;
	border: 1px solid #ddd;
	clear: both;
}
#tabbed-search .tabbed-nav {
	margin: 0;
	padding: 0 80px 0 0;
	border: none;
	height: 1.9em;
	float: right;
}
#tabbed-search .tabbed-nav li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#tabbed-search .tabbed-nav li a {
	padding: 1px 6px;
	margin: 0 1px -1px 0;
	display: block;
	width: auto;
	float: left;
	font-size: 1em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-bottom: none;
	color: #fff;
	background: #396e06 url("../images/gradient-tab2.gif") repeat-x left top;
}
#tabbed-search .tabbed-nav li a:hover, #tabbed-search .tabbed-nav li a.active {
	background: #fff url("../images/gradient-tab1.gif") repeat-x left top;
	color: #396e06;
}
#tabbed-search .tabbed-nav li a.active {
	border-bottom: 1px solid #fff;
}
#tabbed-search .tabbed-content a:hover {
	text-decoration: underline;
}
#tabbed-search .tabbed-nav li.pawsLink a {
	border: none;
	padding: 0;
	background: none;
	position: absolute;
	top: -5px;
	right: 0;
	margin: 0;
	color: #fff;
	line-height: 24px;
}
#tabbed-search .tabbed-nav li.pawsLink a:hover {
	color: #fff;
	background: none;
}
#tabbed-search .tabbed-nav li.pawsLink img {
	float: left;
	margin-top: 0;
	margin-right: 5px;
}
#tabbed-search form {
	margin: 8px 0;
	padding: 0;
	float: right;
}
#tabbed-search .tabbed-content {
	padding: 0;
	background: none;
	border: none;
	text-align: right;
	line-height: 16px;
}
#tabbed-search input {


	background: #fff;
	border: 1px solid #aaa;
	padding:  2px;
	font-size: 11px;


}
#search input, #peoplesearch input {
	background: #fff url("../images/icons/search_small.gif") no-repeat 3px 3px;
	padding-left: 16px;
}
#tabbed-search input.buttons {
	margin: 0;
	background: #396e06;
	padding: 1px 4px;
	border-color: #ddd;
	font-size: 11px;
}
#tabbed-search fieldset {
	padding: 0;
	margin: 0;




	border: none;
}

/* ---------------- Print Settings ---------------- */

@media print {
#menuAndContent-20-60-20,  #content-20-60-20,  #content-20-80,  .body {
	width: 100%;
}
#search,  #breadcrumbs,  #tabbed-search,  #menu-20-60-20,  #menu-20-80,  #rightColumn,  #masthead,  #footer,  #bookmarks {
	display: none;
}
.body ul {
	list-style-image: none;
	list-style-type: disc;
}
}

/*Google Maps*/
.googlemap {
height: 400px; width: 100%;}
