/*

	(1) html elements
	(2) structures
	(3) formatting for structures
	(4) general purpose */

/************************************************
	(1) html elements 
*************************************************/
body {
	background-color: #043d74;
	font-family: arial, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	color: #464646;
}

img {
	border: none;
}

a {
	color: #0067ab;
}

a:visited {
	color: #0067ab;
}

a:hover {
	color: #003E66;
}

h1 {
	color: #0a3579;
	font-size: 14pt;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 18pt;
}

h2 {
	color: #454545;
	font-size: 11pt;
	font-family: arial, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
}

h3 {
	/*color: #8b2428;*/
	color: #454545;
	font-size: 9pt;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 15px 0;
}

sup {
	font-size: 12px !important;
}
/************************************************
	(2) structures
*************************************************/
#main {
	margin: 0 auto;
	background: #fff;
	width: 800px;
}

* html #main {
	width: 801px;
}

#masthead {
	height: 81px;
	clear: both;
	overflow: hidden;
}

#logo {
	width: 210px;
	float: left;
}

#masthead-photo {
	width: 464px;
	float: left;
}

#util-nav {
	float: left;
}

#primary-nav {}

#secondary-nav {
	margin-bottom: 7px;
	margin-left: -5px;
	width: 189px;
	font-size: 8pt;
}

#content-wrapper-gradient {
	background: transparent url(../images/leftbar_solo.jpg) 0 0 repeat-y;
}

#content-wrapper {
	background: transparent url(../images/leftbar_grad_end.jpg) bottom left no-repeat;
	padding-bottom: 20px;
	overflow: auto;
}


#left-column {
	float: left;
	padding-left: 5px;
	padding-top: 15px;
	width: 204px;
}

#content {
	width: 535px;
	padding: 14px 26px 0 28px;
	float: left;
	line-height: 1.5em;
}

* html #content {
	padding-left: 24px;
	padding-right: 0px;
}

#content-wrapper.wide #content {
	padding-right: 20px;
	width: 545px;
}

#content-wrapper.full #content {
	padding-right: 16px;
	padding-left: 16px;
	width: 770px;
}

#content-wrapper-gradient.full {
	background-image: none;
}

#content-wrapper-gradient.full #content-wrapper {
	background-image: none;
}

#content-wrapper-gradient.full #content {
	padding-left: 0;
	width: 800px;
}

#content-wrapper-gradient.full #content.pad {
	padding-left: 20px;
	padding-right: 20px;
	width: 760px;
}

#content-wrapper-gradient.full #left-column {
	display: none;
}


#resources {
	float: left;
	width: 119px;
	padding: 0 6px 0 0;
}

#search {}

#footer {
	margin: 0 auto;
	padding-top: 10px;
	width: 800px;
	font-size: 10px;
	text-align: center;
	color: #414141;
	background-color: #fff;
	border-bottom: 25px solid #043D74;
}

* html #footer { width: 801px; }


/************************************************
	(3) formatting for structures
*************************************************/

/* masthead */
#masthead .wrapper {
	float: left;
}

/* util-nav */
#util-nav img {
	display: block;
}

#util-nav li {
	display: inline;
}

/* logo */
#logo img {
	display: block;
}

/* primary-nav */
#primary-nav li {
	float: left;
}

#primary-nav img {
	display: block;
}


/* left-column */

#left-column .rounded-corners {
	width: 170px;
}


#left-column h2 {
	color: #992147;
	font-size: 11pt;
	margin: 0 0 5px 5px;
	padding: 0;
	clear: both;
}

#left-column h3 {
	color: #003160;
	font-size: 9pt;
	margin: 0 0 5px 0;
	padding: 0;
}

#left-column h3 a {
	color: #003160;
	margin: 0;
	padding: 0;
	float: none;
}

#left-column h4 {
	color: #003160;
	font-size: 8pt;
	margin: 0 0 5px 0;
	padding: 0;
}

#left-column div.pad {
	padding-left: 5px;
}

#left-column div.pad h2 {
	margin-left: 0;
}

#left-column td {
	vertical-align: top;
}



/* secondary-nav */

/* this section is collapsed by default.  it expands when within the section */
#whykeller-services-nav ul {  display: none; }
#whykeller-services-nav.expanded ul {  display: block; }

#secondary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

/* secondary-nav list items */

#secondary-nav li {
	margin: 0;
	padding: 0 0 4px 0;
	clear: both;
	min-height: 12px;
}

#secondary-nav li li {
	padding-bottom: 0;
	margin-left: 6px;
}


/* secondary-nav anchors */

#secondary-nav a {
	font-weight: bold;
	font-family: arial, sans-serif;
	text-decoration: none;
	color: #073777;
	padding: 1px 4px 1px 2px;
	margin-left: 4px;
	line-height: 1.4em;
}


#secondary-nav a:hover,
#secondary-nav a.active {
	background-color: #d9c795;
	color: #093678;
}

#secondary-nav li li a {
	font-weight: normal;
}


#secondary-nav #whoAmI {
	font-size: .9em;
}


#secondary-nav #search {
	margin-left: 5px;
}


/* content */
#content ul {
	margin-left: 20px;
	padding-left: 0;
}

#content li {
	/*margin-bottom: 5px;*/
}

#content ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content li li {
	margin-left: 5px;
	padding-left: 10px;
	background: transparent url(../images/bullet_2nd_level_dash.gif) 0 4px no-repeat;
}

#content h2 {
	line-height: 1.1em;
}



/* footer */
#footer a {
	color: #414141;
}

#footer p {
	background-color: #043d74;
	padding-top: 5px;
	margin: 10px 0 0 0;
	color: #94b7d3;
}

#footer p a {
	color: #94b7d3;
}

/************************************************
	(4) general purpose
*************************************************/


div.column {
	float: left;
}


.content-body {
	float: left;
	width: 270px;
}

.content-photo {
	float: right;
	width: 251px;
	margin-left: 10px;
}


.content-photo .caption {
	background-color: #f1e2b9;
	padding: 10px;
	margin-bottom: 10px;
	color: #333;
	font-size: .9em;
}
/* utilities */

/* ul.flat */
ul.flat, 
ul.flat li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ul.adjacent */
ul.adjacent {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.adjacent li {
	display: inline;
}


/* ul.state-list */

ul.state-list li {
	margin-bottom: 5px;
	width: 85px;
	line-height: 10px !important;
}

ul.state-list.wide li,
ul.state-list li.wide {
	width: auto;
}

ul.state-list li a {
	float: none !important;
	font-weight: normal !important;
	line-height: 10px !important;
}

.voices ul.state-list {
	margin-left: 5px;
}





/* ul.tabs */
ul.tabs {
	height: 21px;
	background: transparent url(../images/minisite_rule.gif) bottom left repeat-x;
	list-style: none;
	margin: 0 0 15px 0 !important;
	padding: 0;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
}



/* table.banner */
table.banner {
	margin-bottom: 10px;
}

table.banner td {
	padding: 0 10px 0 0;
	vertical-align: middle;
}

table.banner strong.banner {
	font-size: 1.4em;
	font-weight: bold;
	color: #0068aa;
}

table.banner a {
	float: none !important;
	text-align: center;
}

table.banner a:hover {
	background: none !important;
}



/* table.faculty */
table.faculty {}

table.faculty td {
	vertical-align: bottom;
}

table.faculty td {
	width: 170px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-style: italic;
}

table.faculty td strong {
	font-style: normal;
}

table.faculty td.photo {
	width: 120px;
	padding-right: 0;
}

table.faculty td.thumb {
	width: 50px;
	padding-right: 0;
	vertical-align: top;
}



/* table.success-stories */
table.success-stories {
	width: 100%;
}

table.success-stories td {
	padding: 0 10px 10px 0;
	vertical-align: top;
	width: 50%;
}



p.banner {
	text-align: center;
	padding: 10px 0;
}


.sub-photo {
	float: left;
	margin-right: 20px;
	padding-top: 4px;
}


.voices {
	width: 172px;
}

.voices a.read-more {
	display: block;
	margin-top: 5px;
	font-weight: bold;
	color: #8b2427;
	
}

.voices p {
	margin-bottom: 5px;
}

#content .voices {
	float: right;
	margin: 0 0 20px 20px;
}


#left-column .voices {
	margin-left: 13px;
}

.voices .corners {
	display: block;
	margin: 0 auto;
}

.voices .body {
	background: transparent url(../images/voices_rule_bg_l.gif) 0 0 repeat-y;
	padding: 0 10px 1px 10px;
}

/* pull quotes */
div.pull-quote p {
	color: #6b6b69;
	text-align: center;
}

div.pull-quote h2 {
	color: #6c6c6c;
	margin: 0 0 10px 0;
}

/* attribution */
.attribution {
	color: #8c1130 !important;
	text-align: left !important;
	font-size: 1em;
	line-height: 11px;
	padding-left: 10px;
}








/* orientation */
.block					{ display: block !important; } 
.right					{ float: right !important; }
.left					{ float: left !important; }
.t-right				{ text-align: right !important; }
.t-left					{ text-align: left !important; }
tr.t-center td,
.t-center				{ text-align: center !important; }

.v-middle				{ vertical-align: middle !important; }
.v-top					{ vertical-align: top !important; }
.v-bottom				{ vertical-align: bottom !important; }

.pct-20 		{ width: 20%; }
.pct-25 		{ width: 25%; }
.pct-50 		{ width: 50%; }
.pct-100 		{ width: 100%; }
 
/* fonts */
.small					{ font-size: .9em; }
.smaller				{ font-size: .8em; }
.smallest				{ font-size: .7em; }
.large					{ font-size: 1.1em; }
.larger					{ font-size: 1.2em; }
.largest				{ font-size: 1.3em; }

.normal					{ font-weight: normal !important; }
.bold					{ font-weight: bold !important; }

.urgent					{ color: #8b2428 !important; }

.pointer				{ cursor: pointer !important; }

.red					{ color: #8b2428 !important; }
.blue					{ color: #0166ac !important; }


/* margins, paddings */
.sm-margin				{ margin: 10px !important; }
.sm-margin-t			{ margin-top: 10px !important; }
.sm-margin-r			{ margin-right: 10px !important; }
.sm-margin-b			{ margin-bottom: 10px !important; }
.sm-margin-l			{ margin-left: 10px !important; }

.sm-padding				{ padding: 10px !important; }
.sm-padding-t 			{ padding-top: 10px !important; }
.sm-padding-r			{ padding-right: 10px !important; }
.sm-padding-b			{ padding-bottom: 10px !important; }
.sm-padding-l			{ padding-left: 10px !important; }

.lg-margin				{ margin: 20px !important; }
.lg-margin-t			{ margin-top: 20px !important; }
.lg-margin-r			{ margin-right: 20px !important; }
.lg-margin-b			{ margin-bottom: 20px !important; }
.lg-margin-l			{ margin-left: 20px !important; }

.lg-padding				{ padding: 20px !important; }
.lg-padding-t 			{ padding-top: 20px !important; }
.lg-padding-r			{ padding-right: 20px !important; }
.lg-padding-b			{ padding-bottom: 20px !important; }
.lg-padding-l			{ padding-left: 20px !important; }

.no-margin-pad			{ margin: 0 !important; padding: 0 !important; }
.no-vert-margin			{ 
							margin-top: 0 !important; 
							margin-bottom: 0 !important; 
							padding-top: 0 !important; 
							padding-bottom: 0 !important; 
						}
.no-horz-margin			{ margin-left: 0 !important; margin-right: 0 !important; }

.clear					{ clear: both; height: 1px; overflow: hidden; }
.hidden					{ display: none !important; }
.relative				{ position: relative !important; }

tr.alt td				{ background-color: #ccc !important; border-color: #fff; }

pre.nobr				{ display: inline; font-family: arial, sans-serif; inherit; width: auto; float: left; margin: 0; padding: 0 3px 0 0;}

input.narrow			{ width: 100px !important; }
input.standard			{ width: 250px !important; }
input.wide				{ width: 350px !important; }

/* rounded corners box
   http://www.tillett.info/2007/09/11/orb-fluid-css-one-image-round-borders/ */
.rounded-corners { border: #972046 2px solid;}
b.bt, b.bt b, b.bb, b.bb b {
	display: block; height: 16px;font-size: 1px;
	background:url(../images/bg_rounded_corners.gif) no-repeat;
	position:relative
}
b.bt {top: -2px; left: -2px}
b.bt b {background-position:100% -16px; left: 4px}
	* html b.bt b { left: 4px }
b.bb {background-position:0 -48px; top:2px; left: -2px}  /* bottom left */
b.bb b {background-position:100% -32px; left: 4px}  /* bottom right */
.rounded-corners-content { padding: 0 10px;}

.rounded-corners.shaded {
	/*background-color: #f9f5ea;*/
	background-color: #efe7d0;
}



.vok-inline {
	float: right;
	width: 250px;
	margin: 10px 0 10px 10px;
}

/* voices of keller: left column */

#left-column .vok {
	width: 172px;
	margin: 0 auto;
}

#left-column .vok .body {
	background: transparent url(../images/voices_rule_bg_l.gif) 0 0 repeat-y;
	padding: 0 10px;
	line-height: 10pt;
}

#left-column .vok .shim img {
	display: block;
}

#left-column .vok #shim-top {
	background: transparent url(../images/voices_top_l.gif) 0 0 no-repeat;
	width: 172px;
	height: 18px;
}

#left-column .vok #shim-bottom {
	background: transparent url(../images/voices_bot_l.gif) 0 0 no-repeat;
	width: 172px;
	height: 18px;
}

#left-column .vok p {
	margin: 0;
	padding-bottom: 5px;
}

#left-column .vok h2 {
	color: #6C6c6c;
	text-align: center;
	margin-left: 0 !important; /* overwrite from global left column h2 rule */
}

#left-column .attribution {
	padding-bottom: 0 !important;
	margin: 0 !important;
}



/* voices of keller: content column */
/* 
	huh?  you mean, the rules for leftbar are the same as for content??? get outta town! 
	well, when i get different artwork, i'll revise then...
*/
#content .vok {
	width: 250px;
	margin: 0 auto;
}

#content .vok .body {
	background: transparent url(../images/wide-vok-stretcher.jpg) 0 0 repeat-y;
	padding: 0 10px;
	line-height: 10pt;
}

#content .vok .shim img {
	display: block;
}

#content .vok #shim-top {
	background: transparent url(../images/wide-vok-top.jpg) 0 0 no-repeat;
	width: 250px;
	height: 18px;
}

#content .vok #shim-bottom {
	background: transparent url(../images/wide-vok-bot.jpg) 0 0 no-repeat;
	width: 250px;
	height: 18px;
}

#content .vok p {
	margin: 0;
	padding-bottom: 5px;
}

#content .vok h2 {
	color: #6C6c6c;
	text-align: center;
	margin-left: 0 !important; /* overwrite from global left column h2 rule */
}

#content .attribution {
	padding-bottom: 0 !important;
	margin: 0 !important;
}


#content .content-photo .vok {
	margin-top: 10px;
}





/* div.quote */
.quote {
	width: 432px;
	background: transparent url(../images/bg_quote_bottom.gif) bottom left no-repeat;
}

.quote-inner {
	padding: 12px 24px;
	background: transparent url(../images/bg_quote_top.gif) top left no-repeat;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */