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


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; }

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: 1px solid #999999; border-collapse: collapse; border-spacing: 0px; }
table td, table th { border: 1px solid #999999; margin: 0px; padding: .3em; empty-cells: show; vertical-align: top; }
caption {}
th {}
table .def td { background: #ffffff; }
table .alt td { background: #ececec; }

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


/****************************************************************
 2. Headings
****************************************************************/
#content h2
{
	border-bottom:1px solid #000000;
	color:#FFFFFF;
	font-size:1.7em;
	height:34px;
	padding:0 0 0 10px;
	width:590px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#content h2 span { line-height: 34px; }

#content h3
{
	font-size:1.5em;
	margin: 10px 0;
}

#content h4 {
	font-size:1.3em;
	margin: 1.8em 0 0.5em;
	}

#leftNav h3
{
	border-top:1px solid #000000;
	color:#FFFFFF;
	height:27px;
	padding:0 0 0 4px;
	width:190px;
}
	#leftNav h3 span { line-height: 27px;}
#leftNav h3#govNav { background-color: #938631;}
#leftNav h3#actNav { background-color: #662222;}
#leftNav h3#rulesNav { background-color: #1e4d56;}
#leftNav h3#formsNav { background-color: #72421a;}
#leftNav h3#supportNav { background-color: #4e2b77;}
#leftNav h3#faqNav { background-color: #134835;}

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

a:link { border-bottom: 1px solid #889780; color: #2e7d00; } /* IF IE 6 */
a:visited { border-bottom: 1px solid #9fb394; color: #809b70; }
a:hover { border-bottom: 1px solid #90a2b4; }
a:active { border-bottom: 1px solid #345575; color: #21364a; } /* IF IE 6 */
a:focus, #footer a:focus { outline: 1px dotted #aaaaaa; }
#footer a:visited { color: #809B70; }
#footer a { color: #91b07f;}
#footer a:hover { color: #fff; }

#leftNav a:link, #leftNav a:visited, #indexNav a:link, #indexNav a:visited  { border-bottom: none; color: #464646;}
#leftNav a:hover, #indexNav a:hover { border-bottom: 1px solid #666666; color: #5f5f5f; }

#headerLinks a:link { color: #ffffff; border-bottom: none; }
#headerLinks a:visited { color: #e6e6e6; border-bottom: none; }
#headerLinks a:hover { border-bottom: 1px solid #d8d8d8; color: #e3e3e3;}


#content a.unstyled { border-bottom-width: 0px !important; color: #555555 !important; }

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

/****************************************************************
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; }

.small { font-size: 0.9em; }
.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 
{
background: #b9dd48;
color: #2f4400;
}
::selection 
{
background: #b9dd48;
color: #2f4400;
}

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: #132315;
}


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: 796px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #131b14;
}
	#header
	{
		width: 796px;
		height: 116px;	
		position: relative;
		border-bottom: 6px solid #0a130c;
	}
		#headerLinks 
		{
			padding: 2px 2px 0 0;
			text-align: right;
			color: #516d63;		
		}
		#phoenixLogo
		{
			position: absolute;
			top: 15px;	
			border: 2px solid #ffffff;
			left: 1px;
		}
		#uwgbLogo
		{
			left:159px;
			position:absolute;
			top:15px;
		}
		#governanceLogo
		{
			position: absolute;
			left: 154px;
			top: 44px;
		}
	#leftNav
	{
		float:left;
		margin:0;
		width:194px;
		padding-top: 34px;
	}
		.nav_content
		{
			display: block;
			overflow: hidden;
			height: auto; 
			display: none;
			width: 194px;
			background-color: #ffffff;
		}
			.nav_content ul
			{
				margin: 0 0 0 6px;
				list-style-type: none;
				padding: 5px 0;
			}
			.nav_content li
			{
				padding: 3px 0 3px 10px;
			}
			#govNavContent li { background: url(/sofas/files/images/gold_bullet.gif) no-repeat scroll 0 0.5em; }
			#actNavContent li { background: url(/sofas/files/images/red_bullet.gif) no-repeat scroll 0 0.5em; }
			#rulesNavContent li { background: url(/sofas/files/images/turquoise_bullet.gif) no-repeat scroll 0 0.5em; }
			#formsNavContent li { background: url(/sofas/files/images/blue_bullet.gif) no-repeat scroll 0 0.5em; }
			#formsNavContent li { background: url(/sofas/files/images/brown_bullet.gif) no-repeat scroll 0 0.5em; }
			#supportNavContent li { background: url(/sofas/files/images/purple_bullet.gif) no-repeat scroll 0 0.5em; }
			#faqNavContent li { background: url(/sofas/files/images/turquoise_bullet.gif) no-repeat scroll 0 0.5em; }
			
		.nav_header
		{
			cursor: pointer;
		}
	#content #pageTitle
	{
		font-size: 1.7em;
		margin-bottom: 23px;
	}
	#content
	{
		background-color:#FFFFFF;
		border-left:1px solid #000000;
		border-left:1px solid #000000;
		margin-left:194px;
		max-width:48em;
		padding:1em;
		min-height: 361px;
	  	height:auto !important;
	  	height:361px;	  
		position: relative;
		padding-bottom:30px;
	}
		#content li
		{
			margin-bottom:0.66em;
		}
		
		#content .committeeType, #content .subTitle {
			margin-left:1em;
			margin: 3px 0.2em 0 0;
		} 
			
			#breadCrumbs 
			{ 
				font-size:0.75em;
				margin: 35px 0 21px;
				text-align:right;
			}
			#footer 
			{
				font-size: .8em;
				color: #807e7e;
				line-height: 1.3em;
				width: 796px;
				margin: 0 auto;
				text-align: left;
				padding: 0 0 10px;
			}

				#footer ul 
				{
					list-style-type: none;
					margin: 0px;
					padding: 0px;	
				}
				#footer li 
				{	
				border-left: 1px solid #bbbbbb;
				display: inline;
				padding: 0px 7px;
				}
				#footer li.firstChild 
				{ 
					border-left-width: 0px; 
					padding-left: 0px;
				}
				#content table {
					border: 1px solid #ccc;
					padding: 1em;
				}
				#content table td {
					padding: .5em;
					border: 1px solid #ccc;
				}

				#content table th {
					background-color: #8DAD7D;
					padding: .5em;
					color: #FFF ;
					font-size:1.2em;
				}

#accessibility { display: none; }



	
/****************************************************************
 7. Print - http://www.alistapart.com/stories/goingtoprint/
****************************************************************/
@media print {
	body 
	{ 
		font-size: 12pt;
		font-family:Georgia,"Times New Roman",serif
	}
	#leftNav { display: none; }
	#header { display: none; }
	#content { margin-left: 0px; border-width: 0;}
	#content h2 { visibility: hidden; }
	#breadCrumbs { display: none; }
	#container { border-width: 0px;}
	h3#pageTitle { font-size: 2.0em; text-align: center; }
	#content h3 { margin-top: 0px;}
	#content { padding: 0;}	
	
	a:link, a:visited {
	   color: #520;
	   background: transparent;
	   font-weight: bold;
	   text-decoration: underline;
		border-bottom-width: 0px;
	   }
	#content a:link:after, #content a:visited:after {
	   content: " (" attr(href) ") ";
	   font-size: 90%;
	   }
	#content a[href^="/"]:after {
	   content: " (http://www.uwgb.edu/sofas" attr(href) ") ";
	   }
	
}

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