/*


asdfasdfasdfasdfasdfasdfasdfadsfkjhasfdjkoafsjkl;afs


Table Of Contents:
	1. Reset
	2. Headings
	3. Anchors
	4. Form Elements
	5. General Classes
	6. Template & Layout
	7. Print
	8. 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/
****************************************************************/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****************************************************************
 2. Headings
****************************************************************/
#header h1 /*uwgb*/
{
	position: absolute;
	top: 13px;
	left: 149px;	
	
}

	#header h1 a
	{
		display: block;
		height: 15px;
		width: 321px;	
		background: url(/oira/files/images/uwgb.png) transparent no-repeat scroll 0 0;
		text-decoration: none;
		text-indent: -9000px;
		overflow: hidden;
	}

#header h2 /*OIRA*/
{
	position: absolute;
	top: 33px;
	left: 181px;
	
}
	#header h2 a
	{
			display: block;
			background: url(/oira/files/images/oira.png) transparent no-repeat scroll 0 0;
			height: 94px;
			width: 725px;
			text-decoration: none;
			text-indent: -9000px;
			overflow: hidden;
	}

	.indexPage h3
	{
		height: 35px;
		width: 206px;
		border-left: 9px solid #630606;
	}



/****************************************************************
3.  Anchors - Link - Visited - Hover - Focus - Active
****************************************************************/
a
{
	color: #0f4313;
}

a:hover {
	color: #061a07;
}

#header a
{
	color: #fff;
	text-decoration: none;
}
#header a:hover
{
	text-decoration: underline;
}

.indexPage h3 a
{
	color: #fff;
	text-decoration: none;
	line-height: 35px;
	display: block;
	background-color: #5e9f5e;
	border: 1px solid #000;
	height: 33px;
	width: 206px;
	padding-left: 16px;
	font-weight: normal;
	font-size: 1.2em;
}
.indexPage h3 a:hover
{
	text-decoration: underline;
}

.indexPage li a
{
	color: #590404;
	text-decoration: none;
}	

.indexPage li a:hover
{
	text-decoration: underline;
}

/****************************************************************
4. Form Elements - http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
****************************************************************/
#content h1 {
	font-size: 2em;
	margin-bottom: 20px;
	line-height: 1.5em;
	}

#content h2 {
	font-size: 1.5em;
	margin: 15px;
	font-weight: normal;
	}

#content h3 {
	font-size: 1.15em;
	padding: 10px;
	}
	
#content h4 {
	padding-bottom: 10px;
	}
	
#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; }


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


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


p 
{
	margin:0.5em 0 1.5em;
}

ul, ol {
margin-bottom:1.25em;
}

ul li
{
	background: transparent url(/oira/files/images/liBg.gif) no-repeat scroll 0 5px;
	padding: 0 0 0 14px;
}

#header .lastLi
{
	border-right-width: 0px;
}

#container
{
	margin: 0 auto 10px auto;
	width: 1000px;
	border-left: 2px solid #a9a9a9;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;	
	position: relative;
}
	#header
	{
		position: relative;
		background: url(/oira/files/images/headerBg.jpg) transparent no-repeat scroll 0 0;
		width: 1000px;
		height: 131px;		
	}
		#phoenixLogo
		{
			position: absolute;
			top: 9px;
			left: 9px;
			z-index: 100;
		}
		#headerNav
		{
			position: absolute;
			top: 5px;
			right: 5px;
			font-size: 0.8em;
		}
			#headerNav li
			{
				background: none;
				display: inline;
				border-right: 1px solid #fff;
				color: #fff;
				padding: 0 5px 0 4px;
			}		
#bottomContainer
{
	height: 483px;
	width: 1000px;
	position: absolute;
	top: 131px;
	left: 0;
	z-index: 1;
}

	#nav /*menu*/
	{
		padding: 0;
		list-style: none;
		text-align: left;
		width: 0;
		position: absolute;
		top: 170px;
		left: 0;
	}
	#nav li
	{
		width: 186px;		
		position: relative;
		margin: 5px 0 0;
		padding: 0;
		background-color: #000;
		height: 33px;
		border-left: 9px solid #7f0c0c;
	}

	#nav li a
	{
		margin: 0;
		padding: 0;
		display: block;
		width: 186px;
		text-decoration: none;
		color: #fff;
		background: #5e9f5e;
		border: 1px solid #000;
		line-height: 31px;
		padding-left: 20px;
		font-size: 1.1em;		
	}
	#nav li ul
	{
		display: none;
		position: absolute;
		left: 207px;
		top: 0;
		border: 1px solid #000;
		width: 240px;
	}	
	#nav li ul li
	{
		margin: 0;
		border-width: 0;
		height: 33px;
	}
	#nav li ul li a
	{
		background-color: #647f64;
		width: 220px;
		border-width: 0;	
		height: 33px;
	}

	#nav li.over /*some weirdo ie bug */
	{
		margin-bottom: -3px;
	}

	#nav li:hover ul, #nav li.over ul /*li.over for ie6 (http://www.alistapart.com/articles/horizdropdowns) */
	{
		display: block;
	}		
	#nav li:hover a
	{
		background-color: #647f64;
	}
	#nav li ul li:hover a
	{
		background-color: #7f0c0c;
	}

#content
{
	font-family:verdana,sans-serif;
	line-height:1.125em;
	font-size: 1.05em;
	background-color: #d8e1d9;
	border-left: 190px solid #19521d;
	min-height:500px;
	height:auto !important; /*http://www.dustindiaz.com/min-height-fast-hack/ */
	height:500px;
	text-align: left;
	padding:53px 42px 10px 76px;
}
	#content td, #content th
	{
		padding: 5px;
		border: 1px solid gray;
		font-family: Arial, Helvetica, sans-serif;
		/*font-size: .9em;*/
	}
	.largetable{
		font-size: .9em;
	}
	.indexPage td
	{
		width: 328px;
	}
	.indexPage ul
	{
		margin:8px 0 27px 13px;
	}

#content ol {margin-left:40px;}

#footer
{
	width: 1000px;
	margin: 0 auto;
	font-size: 0.9em;
	color: #4e4f4e;
}
#footer li
{
	background: none;
	text-align: left;
}


/****************************************************************
 7. Print - http://www.alistapart.com/stories/goingtoprint/
****************************************************************/
@media print {

}


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

*/