/* CSS Document - Copyright Dataworks Group */

/*

special prefix char lines (~ #) for IE only

*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body
{
	position: relative;
	color: #000000;
	background-color:#ddd;
	font: 12px Arial,sans-serif;
	line-height: 1.166;
	margin: 0 auto 0 auto;
	height: 100%;
	width: 100%;
	~text-align: center;			/* ie ignores the non-alpha ~ char */
	text-align: -moz-center;		/* firefox */
}

p
{
	margin: 0;
	padding: 0;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited
{
	color: #005FA9;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/************** header tag styles **************/

h1
{
 font: bold 140% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 margin-top: 1em;
}

h2
{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 margin-top: 1em;
}

h3
{
 font: bold 110% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 margin-top: 0.5em;
}

h4
{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 margin-top: 0.5em;
}

h5
{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/*************** list tag styles ***************/

ul
{
 list-style-type: disc;
}

ul ul
{
 list-style-type: square;
}

ul ul ul
{
 list-style-type: none;
}

/********* form and related tag styles *********/

form 
{
	margin: 0;
	padding: 0;
}

label
{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input
{
font-family: Arial,sans-serif;
}

select
{
font-family: Arial,sans-serif;
font-size:12px;
}

.formbutton
{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999; 
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#mainwrapper
{
	position: relative;
	width: auto;
	max-width:897px;
	width:expression(document.body.clientWidth > 897 ? "897px" : "100%" );
	min-height: 100%;
	background: #FFFFFF;
	background: url(images/background.gif) no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
}

#mainhead
{
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 700px;
	text-align: left;
	overflow: hidden;
	background: url(images/headerx.gif) repeat-x;
	
}

#mainhead #motto
{
	position: absolute;
	top: 30px;
	right: 20px;
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#000;
	/* filter:shadow(Color=#000000, Direction=135, Strength=2); */
	text-shadow:#666;
}

#topnav
{
	position: absolute;
	right: 20px;
	top: 60px;
	margin: 0px;
	padding: 0px;
	font: bold 1.1em Arial,sans-serif;
	color: #334d55;
	min-width: 700px;
	overflow: hidden;
}

#topnav ul
{
	display: inline;
	float: left;
	list-style: none;
	list-style-type: none;
}

#topnav li
{
	float: inherit;
	border-right: 2px solid #444;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#topnav li.nobreak
{
	border-right:none;
}

#topnav spacer
{
	font: bold 1.5em Arial,sans-serif;
	color:#8B8B8B;
}

#nav
{
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 179px;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #d0d0d0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	#height:expression(document.body.clientHeight - 205);
}

/* container for side bars and content */
#innerwrapper
{
	/* do NOT use position parameters */
	position: relative;
	width: 100%;
	text-align: left;
	min-height: 100%;
	height: 100%;
	min-width: 700px;
	#margin-top: auto;
	background: #FFF url(images/headerfoot.gif) no-repeat;
}

#innerwrapper .clearer
{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

#leftsidebar
{
	float: left;
	padding: 1em;
}

#homecontent
{
	position: relative;
	margin-left: 0px;
	padding: 10px;
	min-height: 400px;
	height: 100%;
}

#content
{
	position: relative;
	margin-left: 180px;
	padding: 10px;
	min-height: 400px;
	height: 100%;
	border-left: solid #000 thin;
	font-size:14px;
}

#content .text, #content p, #content h1, #content h2, #content h3, #content h4
{
	margin: 10px;
}

#content .portpics
{
	padding:15px;
	filter:shadow(Color=#aaaaaa, Direction=135, Strength=10);
}

#mainfoot
{
	position:relative;
	float: left;
	clear: both;
	padding-top: 5px;
	bottom: 0;
	width: 100%;
	height: 50px;
	text-align: center;
}

/***********************************************/
/* Menu Divs                                   */
/***********************************************/

#gmenu, #gmenu ul 
{
	display:block;
	float: left;
	list-style: none;
	line-height: 1em;
	background:  #dbdbdb;
	font-weight: bold;
	font-size: 1em;
	padding: 0px;
	border-width: 0px;
	margin: 0 0 0 0;
	width: 100%;
}

#gmenu a 
{
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 0.5em 1em;	/* affects submenu lineup */
}

#gmenu a:hover
{
	background-color: #FFFAD4;
}

#gmenu li 
{
	clear: both;
	padding: 0;
	border-top: solid #ffffff;
	border-bottom: solid #aaaaaa;
	border-left: solid #eee;
	border-right: solid #ccc;
	border-width: 1px;
}

#gmenu li ul 
{
	display:block;
	float: left;
	list-style: none;
	line-height: 1em;
	background:#ECECEC;
	font-weight: normal;
	font-size: 1em;
	padding: 0px;
	border-width: 0px;
	margin: 0 0 0 0;
	width: 100%;
}

#gmenu li li
{
	clear: both;
	padding-left: 2em;
	border-bottom: solid #ffffff;
	border-top: solid #aaaaaa;
	border-right: solid #eee;
	border-left: solid #ccc;
	border-width: 1px;
}

#gmenu li li a 
{
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 0.5em 1em;	/* affects submenu lineup */
}

#gmenu li a:hover
{
	background-color:#999999;
}