/*
Table Of Contents:
	1. Reset
	2. Headings
	3. Anchors
	4. Form Elements
	5. General Classes
	6. Template & Layout
	7. CSS Diagnostics


Sizing in EMs

HTML - Parent 100% -- Number/16px = 0.0EMs
	11px     .7em
	12px     .75em
	13px     .8em
	14px     .9em
	15px     .95em
	18px    1.1em
	20px    1.3em
--------------------------------
#container - Parent .75em -- Number/12px = 0.0EMs
	11px      .9em
	12px     1.0em
	13px     1.1em
	14px     1.2em
	15px     1.25em
	16px     1.3em
	19px     1.6em
	
CSS References
http://www.w3.org/TR/css3-selectors/#selectors
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(CSS)
http://www.tanfa.co.uk/css/examples/

IE Bugs
http://css-class.com/articles/explorer/guillotine/
http://www.satzansatz.de/cssd/onhavinglayout.html

Layout Source
http://www.tutorialtastic.co.uk/page/create_a_tableless_layout

@import url("stylesheet.css") screen, print;
*/



/****************************************************************
 1.  Reset  -  http://tantek.com/log/2004/undohtml.css  -  http://meyerweb.com/eric/tools/css/reset/
****************************************************************/

html, body, h1, h2, h3, h4, h5, h6, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{ margin: 0px; padding: 0px; }

html, body { height: 100%; }

address { font-style: normal; }
acronym, abbr { border-bottom: 1px #000000 dashed; cursor: help; }

a img, img { border: none; }
a { text-decoration: none; }
img { display: block; } /* http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps  -  http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */

table { border: none; border-collapse: collapse; border-spacing: 0px; }
table td, table th { border: none; margin: 0px; padding: .3em; empty-cells: show; vertical-align: top; }
caption {}
th {}
/* table tr:nth-child(even) table tr:nth-child(odd) */
table .def td { background: #ffffff; }
table .alt td { background: #ececec; }

ul, ol
{
margin-top: 1em;
margin-bottom: 1em;
}


/****************************************************************
 2. Headings
****************************************************************/

#rightOfPicture h3 { border-bottom: 1px solid #996d48; width: 100%; display: inline; font-size: 1.7em;}
#bottomRight h4 { color: #486642; font-size: 1.2em; }







/****************************************************************
3.  Anchors - Link - Visited - Hover - Focus - Active
****************************************************************/




#headerLinks a:link { color: #ffffff;}
#headerLinks a:visited { color: #c3c3c3;}
#headerLinks a:link:hover, #headerLinks a:visited:hover { text-decoration: underline; color: #d8dad8;}

#outerNav a:visited, #outerNav a:link { color: #ffffff; }
#outerNav a:hover { color: #092e0d; }

#footer a:link { color: #575757; border-bottom: 1px solid #5b5b5b;}
#footer a:visited { color: #505050; border-bottom: 1px solid #5e5e5e; }
#footer a:hover { color: #717171; border-bottom: 1px solid ;}

*[accesskey]:focus { outline: 1px solid #aaaaaa; }

#footer a:link { color: ;}

a[href^="http://"], a[target="_blank"] { }
a[href^="mailto:"] { }

a[href^="#"] { }

/****************************************************************
4. Form Elements - http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
****************************************************************/

.content fieldset
{
border: 1px solid #ececec;
padding: 0px 20px 20px 20px;
}

.content legend
{
color: #345575;
font-size: 1.1em;
font-weight: bold;
padding: 0px 10px;
}

label { }

optgroup { font-style: normal; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
padding: 1px 3px;
/* http://www.viget.com/inspire/comments/styling-the-button-element-in-internet-explorer/ */
overflow: visible;
width: auto;
}

input[type="password"], .content input[type="text"], textarea, select
{
border: 1px solid #cccccc;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
outline-width: 0px;
}

input[type="password"], .content input[type="text"], textarea { padding: 4px; }
input[type="password"]:focus, .content input[type="text"]:focus, textarea:focus { border: 1px solid #aaaaaa; }

textarea { overflow-y: auto; resize: both; }


/****************************************************************
5.   General Classes
****************************************************************/
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }
.sub { vertical-align: sub; }
.sup { vertical-align: super; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.distribute { text-justify: distribute; }

.smallcaps { font-variant: small-caps; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.su { text-decoration: line-through underline; }

.ucase { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

.slant { font-style: oblique; } /* http://usabletype.com/css/font/styles/ */
.indent { text-indent: 1em; }
.wrap { word-wrap: break-word; white-space: normal; }
.pre { white-space: pre; }
.clear { clear: both; }

.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }

.white { color: #ffffff;}

.large { font-size: 1.3em;}
.xlarge { font-size: 2.2em;}

.circle { list-style-type: circle; }
.disc { list-style-type: disc;}

.dropcap:first-letter { font-size: 1.3em; font-weight: bold; }

.semitransparent { opacity: 0.75; }

ul.collapse
{
display: inline;
list-style-type: none; 
list-style-position: inside; 
margin: 0em; 
padding: 0em; 
}
ul.collapse li { display: inline; }

.hr 
{
border-bottom: 1px solid #bfbfbf;
height: 1px;
margin: 1em 0em;
text-align: center; 
width: 100%;
}
hr { display: none; }

::-moz-selection { }
::selection { }

q, blockquote { }

.error
{
	background:#F9F0F0 none repeat scroll 0% 0%;
	border:1px solid #DAA2A2;
	padding:3px 5px;
}

/****************************************************************
6.  Template & Layout
****************************************************************/
html
{
font-size: 100%; /* http://www.alistapart.com/articles/howtosizetextincss */
overflow-y: auto; /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */
background: url(/kress/files/images/subBg.gif) repeat-x left 0px #013300;
}


body 
{
color: #555555;
font-family: sans-serif, Arial, Helvetica;
font-size: .75em; /* http://clagnut.com/blog/348/#c794 */
text-align: center; /* center things in <= IE6 */
vertical-align: baseline;
}

	#container 
	{
	margin: 0px auto;
	text-align: left;
	width: 1009px;
	}
	
		#header
		{
			height: 40px;
			position: relative;
			color: white;
		}
			#uwgbLogo 
			{ 
				position: absolute;
				left: 0px;
				background: url(/kress/files/images/uwgbLogoHead.gif) no-repeat;
				width: 338px;
				height: 40px;
			}
			#headerLinks
			{
				float: right;
				margin-top: 15px;
			}
				#headerLinks ul
				{
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
					#headerLinks ul li
					{
						display: inline;
						border-left: 1px solid #ffffff;
						padding: 0 5px 0 9px;
					}
					#headerLinks ul #firstChild { border-left-width: 0; padding-left: 0; }
		#belowHeader
		{
			height: 60px;
			position: relative;
		}
		#navigation
		{
			height: 60px;
			display:table;
			position:static;
			float: right;
		}
			#outerNav
			{
				font-weight: bold;
				float: right;
				margin-right: 21px;
			}
			#outerNav div
			{
				position: relative;
				border: 1px solid white;
				height: 60px;
				float: left;
				width: 90px;				
				text-align: center;
			}
			
			#outerNav table, #outerNav td { border: none; border-right: 1px solid #000000; }
			#outerNav #firstNav { border-left: 1px solid #000000; }s
			#outerNav #lastNav { margin-right: 20px; }
			#outerNav td
			{
				height: 60px;
				width: 87px;
				padding: 0;
				margin: 0;
				vertical-align: middle;
				text-align: center;
				cursor: pointer;
			}
			#kressLogoDiv
			{
				position: relative;
			}
			#kressLogo
			{ 
				position: absolute;
				background: url(/kress/files/images/kressLogo.gif) no-repeat;
				height: 39px;			
				width: 422px;
				left: 21px;
				top: 10px;
			}

				.tdHover { background: url(/kress/files/images/headerButtonOver.jpg) left no-repeat; }
				.aOver { color: #092e0d !important; }
				.aOut { color: #ffffff !important;}
		
		#footer 
		{
			font-size: 0.9em;
		}
			#footer ul
			{
				list-style-type: none;
				padding: 0px;
				margin: 0px;
			}
			#footer ul li
			{
				display: inline;
				border-left: 1px solid #555555;
				padding: 0 5px 0 8px;
			}
			#footer #firstChild
			{
				border-left-width: 0;
				padding-left: 0px;
			}

	

	

/****************************************************************
 7. CSS Diagnostics - http://www.nealgrosskopf.com/tech/thread.asp?pid=3
****************************************************************/

/*Deprecated Elements */
/*center, font, s, strike, u, marquee, blink
{ border: 5px solid red !important; }*/

/* Deprecated Attributes*/
/*br[clear], hr[noshade], *[color],
*[bordercolorlight], *[bordercolordark], *[bordercolor], *[background], *[bgcolor], *[nowrap],
ol[compact], ul[compact], *[start],
img[hspace], img[vspace]
*[align], *[valign],
*[height], *[width],
ul[type], ol[type], li[type],
font[size], hr[size]
{ border: 5px dotted red !important; } */

/* Proposed Deprecated Elements*/
/*input[type="button"], input[type="reset"], input[type="submit"], embed
{ border: 5px solid orange !important; } */

/* Proposed Deprecated Attributes */
/*a[target], table[cellpadding], table[cellspacing], 
table[border], img[border], object[border], input[border],
map[name], img[name], object[name], form[name], iframe[name], a[name],
object[classid], object[codebase], embed[quality], embed[pluginspage]
{ border: 5px dotted orange !important; }*/

/* Empty Elements */
/*.content div:empty, .content span:empty, .content li:empty, .content p:empty, .content td:empty, .content th:empty 
{ padding: 20px; border: 5px solid yellow !important; }*/

/* Empty Attributes */
/**[alt=""], *[title=""], *[id=""], a[href=""], a[href="#"] 
{ border: 5px dotted yellow !important; }*/