@charset "utf-8";
/* CSS Document */


/* basic essentials */

html, body {
	font-family:'Noto Sans',Roboto,Calibri,Helvetica,sans-serif;
	color:#000;
	line-height: 125%;
	margin:0;
	padding:0;
	background-image:url("../images/bg.jpg");
	background-repeat:repeat-x;
	background-color:#2A3048;
	/* Safari 4-5, Chrome 1-9 */
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C5DAE8), to(#2A3048));
	/* Safari 5.1, Chrome 10+ */
  	background: -webkit-linear-gradient(top, #C5DAE8, #2A3048);
	/* Firefox 3.6+ */
  	background: -moz-linear-gradient(top, #C5DAE8, #2A3048);
	/* IE 10 */
  	background: -ms-linear-gradient(top, #C5DAE8, #2A3048);
	/* Opera 11.10+ */
  	background: -o-linear-gradient(top, #C5DAE8, #2A3048);
	background-attachment:fixed;
	}

a {
	color:#496683;
	text-decoration:none;
	}

p {
	/*text-indent:1.5em;*/
	}

h3 {
	/*font-family:'Enriqueta,' Georgia, serif;*/
	font-family:Roboto,Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
	font-size:2em;
	color:#293047;
	text-align:center;
	line-height:normal;
	}

h5 {
	font-family: Roboto,Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
	text-transform:uppercase;
	border-bottom:#293047 2px solid;
	font-size:1em;
	color:#000;
	padding-top:10px;
	}

input {
	background-color:transparent;
	border:#000 2px solid;
	color:#000;
	}
.hide {
    display:none !important;
}
.clear {
    clear:both;
}


/* the container contains EVERYTHING. */

#container {
	position:relative;
	padding:0;
	margin:0;
        min-width:1024px;
	}

/* keep in mind, the content div CONTAINS the menu and the navigation bar. */
address {
    font-style:normal;
}
#content {
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	width:70%;
	max-width:1018px;
	padding-bottom:30px;
	border-bottom: #1D1B16 10px solid;
	}


/* somewhat disorganized header css */


#header {
	background-color:#496683;
	background-image:url("../images/header.jpg");
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:178px;
	text-align:center;
	position:relative;
	}

#mvzheader {
	padding:5px 20px 20px 20px;
	border:0;
	}

.headertext {
	font-family: Cambria,Droid,Georgia,serif !important;
	color:#fff;
	font-size:40px;
	line-height:1em;
	position:absolute;
	bottom:1rem;
        left:0;
        right:0;
        margin:auto;
	}

.headertext a {
	color:#fff;
	text-decoration:none;
	text-shadow:-2px 2px #000;
	}

.headerlogo {
	height:75px;
	width:auto;
}


#menu {
	font-size:12px;
	/* Safari 4-5, Chrome 1-9 */
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBEABC), to(#C7BF95));
	/* Safari 5.1, Chrome 10+ */
  	background: -webkit-linear-gradient(top, #EBEABC, #C7BF95);
	/* Firefox 3.6+ */
  	background: -moz-linear-gradient(top, #EBEABC, #C7BF95);
	/* IE 10 */
  	background: -ms-linear-gradient(top, #EBEABC, #C7BF95);
	/* Opera 11.10+ */
  	background: -o-linear-gradient(top, #EBEABC, #C7BF95);
	height:100%;
        background-color:#AFAC78;
	text-align:center;
	border:0;
	padding:0;
	width:100%;
}

/* this is where the navbar begins */

#navbar {
	text-transform:uppercase;
	font-weight:bold;
	font-size:.95em;
	/*font-family:Helvetica, Geneva, Arial;*/
	font-family:Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
	padding:0;
	margin:0 auto;
	display:inline-block;
	position:relative;
	cursor:default;
	/*box-shadow:0px 3px 5px #666;*/
}

#navbar .navbar, #navbar .navbar li {
	margin:0;
	padding:0;
	}

#navbar li {
	float:left;
	display:inline;
	list-style:none;
	position:relative;
	margin-left:3px;
}

#navbar li ul.first {
	top:100%;
}

#navbar li, #navbar li a {
	text-align:center;
	font-family:Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
        /*
         * This will be beautiful when Chrome adds DirectWrite to Windows!
	font-family:Roboto,Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
        font-weight:300;
        */
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
}

#navbar li a {
	display:block;
	width:inherit;
	height:inherit;
	padding:2px;
	margin:2px;
	border-bottom:#1D1B16 1px solid;
}

ul.navbar {
	display:none;
}

#navbar li:hover > a, #navbar li:hover {
	background-color:#EBEABC;
	color:#1D1B16;
}

#navbar li:hover > .navbar {
	display:block;
	position:absolute;
	width:200px;
	z-index:1000;
	top:100%;
	left:0px;
	background-color:#EBEABC;
	text-align:left;
	border:none;
	padding:2px;
}

#navbar li:hover > .navbar li {
	display:block;
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

#navbar li:hover > .navbar li a {
	text-align:left;
	border:none;
	margin:0;
	padding:5px 0;
	line-height:normal;
}

#navbar li:hover > .navbar li a:hover {
	color:#000;
	background-color:#C7BF95;
}

#navbar li:hover > ul.second {
	left:80%;
	top:0;
}


/* aligned sidebars containing those smaller blue squares. */

#rightbar {
	float:right;
	width:auto;
	padding:0;
	margin:0;
	width:15%;
	}

#leftbar {
	float:left;
	width:auto;
	padding:0;
	margin:0;
	width:15%;
	}


/* the boxes within those sidebars */

#box1 {
	height:275px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:bottom;
	background-image:url("../images/froggy1.png");
	margin: 8px 3px 40px 0px;
	}

#box2 {
	height:auto;
	vertical-align:middle;
	margin: 8px 0px 40px 3px;
	float:right;
	clear:both;
	}

#box3 {
	height:auto;
	vertical-align:middle;
	margin: 40px 3px 8px 0px;
	}

#box4 {
	height:auto;
	vertical-align:middle;
	margin: 0 0 8px 3px;
	float:right;
	clear:both;
	}

#box5 {
	height:auto;
	vertical-align:middle;
	text-align:center;
	margin: 20px 0px 8px 3px;
	padding:5px 0 5px 0;
	width:120px;
	line-height:normal;
	float:right;
	clear:both;
	font-size:.75em;
	}

#box1, #box2, #box3, #box4 {
	background-color:#496683;
	border:#fff 4px solid;
	line-height:normal;
	width:80%;
	position:relative;
	text-align:center;
	padding:0;
	}

#box1 h3, #box2 h3, #box3 h3, #box4 h3 {
	background-color:#fff;
	color:#000;
	font-weight:100;
	margin:0;
	padding:5px;
	font-size:1.5em;
	}

#box1 ul, #box2 ul, #box3 ul, #box4 ul {
	list-style:none;
	padding:10px;
	margin:0;
	}

#box1 li, #box2 li, #box3 li, #box4 li {
	margin:0;
	margin-bottom:10px;
	padding:0;
	}

#box1 a, #box2 a, #box3 a, #box4 a {
	color:#DEC378;
	text-decoration:none;
	padding:0;
	}

#box1 a:hover, #box2 a:hover, #box3 a:hover, #box4 a:hover {
	text-decoration:none;
	color:#fff;
	}

/* whew. */


/* MAIN customizable content. */

#grinnell_boxes {
    margin:0 auto;
    width:650px; /* Each .thumbnail is 120px with 10px of margin */
}

#main a:hover, #footer a:hover {
	text-decoration: underline;
	}

.photo {
	padding:10px;
	border:#AFAC78 1px solid;
	margin:10px;
	background-color:#fff;
	}

.sbsubmenu {
	font-size:.75em;
	}

#main {
	padding:20px;
	margin:0;
	text-align:left;
	vertical-align:top;
	/*background-image:url("/images/patterns/paper_fibers.png");
	background-repeat:repeat-x;
	background-position:top;*/
	overflow:auto;
	z-index:0;
	}


/* floating widgets */

#glance {
		float:right;
		width:200px;
		margin:5px;
		padding:10px;
		border:#AFAC78 1px solid;
		display:block;
}

#glance p {
	text-indent:0 !important;
}

#glance ul li {
	text-align:left;
}

#widget, .widget {
		margin:30px;
		padding:0;
		border:#AFAC78 1px solid;
		background-color:#E4EAF0;
		font-size:.95em;
		font-family:Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
		line-height:2em;
}

#widget h4, #widget h4 a, #widget ul, #widget a {
 		/*font-family:Roboto,Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;*/
}

#widget a {
	color:#D48404;
}

#glance h4 {
		color:#7D99B5;
		font-style:italic;
		text-align:center;
}

#widget h4, #widget h4 a {
		color:#444;
		text-align:center;
		font-size:18px;
		text-transform:uppercase;
		background-color:#AFAC78;
	background-image:url("/images/leftbar_gradient.jpg");
	background-repeat:repeat-x;
	background-position:top;
	line-height:2.5em;
	margin:0px;
}

#widget h5 {
	color:#444;
	line-height:1em;
	border-bottom:0;
}

#glance ul, #widget ul {
		padding:0;
}

#glance li, #widget li {
		list-style:none;
		display:block;
		padding-top:10px;
		margin-bottom:10px;
		border-top:#aaa 1px solid;
		font-size:.90em;
		text-align:justify;
		line-height:1.5em;
}

#blogimage {
	width:100%;
	height:auto;
}


/* popups and embeds */

#popup {
	margin:20px;
	text-align:center;
	background-color:transparent;
}

#map {
	height:380px;
	width:100%;
	padding:10px;
}


/* everything for your table formatting needs */

table {
	border:0;
	}

.dir td {
	border:#555 1px solid;
	vertical-align:top;
	padding:10px;
	margin:10px;
}


/* miscellaneous font and link sizes */

.big {
	font-size:18px;
	}

.kindabig {
    /* And this is why we don't name classes like this ... or, at least, we use templates */
	font-size:80%;
}
#main .kindabig {
    font-size:120%;
}

.biglink {
	color:#fff;
	font-family:Cambria,Droid,Georgia, serif;
	font-size:2em;
	text-align:center;
	font-weight:bold;
	clear:both;
	line-height:normal;
	}

.biglink a {
	color:#fff !important;
	}

.biglink a:hover {
	text-decoration:underline !important;
	}

.credit {
	color:#999;
	font-family:Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
	/*clear:both;*/
}
figure {
    margin:.25em;
    text-align:center;
}
figcaption {
    font-size:.75em;
    text-align:center;
}
figcaption .credit {
    color:#999999;
    font-style:italic;
    margin-left:1em;
}
figure.right, figure.left {
    max-width:45%;
}
figure img {
    max-width:90%;
    text-align:center;
    margin:.5em auto;
}

.italic {
    font-style:italic
}
.bold {
    font-weight:700;
}
.left .image_container, .right .image_container {
   
}
.image_container {
    
}
.image_container img {
    max-width:100%;
}
.linkback {
	background-image:url("/images/leftbar_gradient.jpg");
	padding:2px;
	text-decoration:none;
	color:#555;
	font-family:Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
	border:#bbb 1px solid;
}

ul.indent2ndline li {
	text-indent:-2em;
	list-style:none;
	margin-bottom:10px;
	}


/* specifically for icons in lower right hand box */

#icons {
	background-color:#fff;
	padding:8px;
	margin:5px;
	}

#icons img {
	padding:2px;
	margin:0;
	max-height:35px;
	max-width:40px;
	width:auto;
	border:0;
	}


/* buttons for use in certain pages */

.buttons {
	list-style:none;
	margin:0;
	padding:0;
	}

.buttons a {
	background-color:#496683;
	padding:6px 12px;
	margin:5px;
	color:#fff;
	letter-spacing:.1em;
	font-weight:bold;
	width:auto;
	border:#2A3048 2px solid;
	border-radius:5px;
	box-shadow:#666 -3px 3px 3px;
}

.buttons a:hover {
	color:#DEC378;
	text-decoration:none !important;
}

.buttons li {
	padding50px;
	display:block;
	margin:20px;
	text-align:center;
	}


/* clickable images */

.thumbnail {
	display:block;
	float:left;
	text-align:center;
	border:#dddddd 0px solid;
	margin:5px;
	width:120px;
	line-height:1em;
	}

.thumbnail img {
	box-shadow: -2px 2px 5px #666;
	background-color:#fff;
	padding:5px;
	margin:2px;
	width:100px;
	height:100px;
	}

.thumbnail a:hover{
	text-decoration:none !important;
	color:#888888;
	}

.thumbnail a, .bigthumbnail a {
	text-decoration:none;
	color:#000000;
	font-family:Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.95em;
	}

.thumbnail i {
	color:#777777;
	}

#affiliates img {
	padding:20px;
	border:0;
	float:left;
	max-height:70px;
	width:auto;
}
.bold {
    font-weight:bold;
}
.name span, .name span a {
    font-weight:bold;
}

.email {
    text-transform:lowercase;
}
.indent {
    padding-left:2em;
}
/* rules and line breaks and some other thing */

hr {
	/*padding-bottom:10px;
	padding-top:10px;*/
	margin:10px 0;
	}

.clear {
	clear:both;
	}
.center_obj {
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.right {
    float:right;
    display:block;
}
.left {
    float:left;
    display:block;
}
.half {
    max-width:45%;
}
.clearleft {
    clear:left;
}
.clearright {
    clear:right;
}
.clear {
    clear:both;
}
.center {
    /* What the hell? Why is this called center? */
	list-style:none;
	margin-left:0;
	padding-left:0;
	text-align:center;
	border:#999 2px solid;
}

.notice {
	border:#ff0000 1px solid;
	padding:10px;
	margin:10px;
}

.fancy {
	border:#AFAC78 2px solid;
	text-align:center;
	padding:30px;
	margin:30px;
	background-color:#fff;
}

.tinyform {
	padding:8px;
	text-align:center;
	font-family:Droid Sans,Calibri,Helvetica, Geneva, Arial, sans-serif;
}


/* Footer */

#footer {
	color:#888;
	margin:0;
	padding:10px;
	}

#copyright {
	font-size:.80em;
	clear:both;
	text-align:center;
	}

.footercolumn {
	float:left;
	width:200px;
	padding:5px;
	margin:10px;
}
.polyfill img {
    /* Make sure that it never spills outside its container */
    max-width:90%;
}
img.medcenterimg, span.medcenterimg img {
    text-align:center;
    max-width:50%;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
img.centerimg, span.centerimg img {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    display:block;
}