/* Reset CSS ---
----------------*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	*/
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	/*line-height: 1;*/
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

strong, h1, h2, h3, h4, h5 {
	font-weight: bold;
}

body{background: #FFF;color:#333;
	font: 76% Arial,sans-serif}

#logo{
	text-align: left;
}

#header_date{
	text-align: right;
	padding-right: 10px;
}

.template_nav {
	font-size: 10pt;
}

.template_nav td {
	padding-top: 2px;
	font-size: 10pt;
	text-align: center;
}

.template_nav td a {
	padding-top: 2px;
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.template_nav td a:hover {
	text-decoration: underline;
}

#bread_crum {
	padding-top: 3px;
	font-size: 8pt;
}

#bread_crum a:hover {
	text-decoration: underline;
}

#nav_box {
	width: 220px;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 25px;
	color: #266493;
}

#nav_box h3 {
	height: 65px;
	width: 220px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	background: #266493 url(../graphics/uis_text_2.gif) no-repeat;
	background-position: 20px 10px;
	
}

h3#title{
	text-indent: -9999px;
}

#main_nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	border: 2px solid #266493;
}

#main_nav li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#main_nav li a{
	display: block;
	text-decoration: none;
	padding-left:5px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #FFFFFF url(../graphics/main_nav_bg.gif) repeat-x;
	border-top: 1px solid #888888;
	color: #266493;
	font-weight: bold;
}

#main_nav li a:hover{
	text-decoration: none;
	background: #b2b2b2;
	color: #FFF;
}


#main_nav li ul {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	background: #FFF;

}

#sub_nav {
	padding-left: 10px;
	margin: 0px;
	list-style-type: disc;

}


#sub_nav li{
	display: inline;
	padding: 0;
	margin: 0;
}

#sub_nav li a{
	padding: 5px 0px 5px 15px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-decoration: none;
	background: #FFF url(../graphics/bullet.gif) no-repeat 0 50%;
	border: none;
	font-weight: normal;
}

#sub_nav li a:hover{
	color: #266493;
	text-decoration: underline;
	background: #FFF url(../graphics/bullet.gif) no-repeat 0 50%;
}

/* Rounded Corners ---
-------------------*/

#stack {
	height: auto;
	padding-bottom: 15px;
}

ul#stack,ul#stack li{
	margin:0 10px 0 0;
	padding:0;
	list-style:none;

}

ul#stack li{
	float:left;
	width: 175px;
	margin:0 10px 10px 0;
	padding-bottom: 25px;
}

ul#stack h3{
	font: normal 120%/1.3 Verdana,sans-serif;
    	text-transform:uppercase;
    	margin:0px;
    	padding: 10px 5px 5px 0px;
    	text-align:left;
    	color: #FFF;
}

ul#stack p{
	margin:0;
	padding:10px 5px 5px 5px;
}

li.box h3{
	background: #266493;
}

ul#stack div{
	background: #f1f1f1;
}

ul#stack div a{
	color: #266493;
	font-weight: bold;
	text-decoration: none;
}

ul#stack div a:hover{
	color: #266493;
	text-decoration: underline;
}


li.box div{
	border:2px solid #266493;
}

div#left_side_bar{
	width: 220px;
	
}

ul#stack_left{
	padding-left: 10px;
}


ul#stack_left h3{
	font: normal 120%/1.3 Verdana,sans-serif;
    	margin:0px;
    	padding: 10px 5px 5px 0px;
    	text-align:left;
    	color: #FFF;
}

ul#stack_left li{
	padding-bottom: 25px;
	width: 220px;
}

#stack_left {
	height: auto;
	padding-bottom: 15px;
}

ul#stack_left,ul#stack_left li{
	margin:0 0px 0 10px;
	padding:0;
	list-style:none;

}

ul#stack_left li{
	float:left;
	width: 220px;
	margin:0 10px 0px 0;
	padding-bottom: 25px;
}

ul#stack_left p{
	margin:0;
	padding:10px 5px 5px 5px;
}

ul#stack_left div a{
	color: #266493;
	font-weight: bold;
	text-decoration: none;
}

ul#stack_left div a:hover{
	color: #266493;
	text-decoration: underline;
}


li.box div{
	border:2px solid #266493;
}

div#search_box_home {
	width: 220px;
	padding: 10px 0px 10px 0px;
	margin-left: 10px;
	background: #266493;
}


div#search_box_home form {
	padding-top: 15px;
}

div#search_box_home p  {
	padding: 5px 0px 0px 10px;
	margin: opx;
	text-align: left;
}

div#search_box_home form  {
	padding: 10px 10px 10px 10px;
	margin: opx;
}


div#search_box_home p a {
	color: #FFFFFF;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
}

div#search_box_home p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


div#search_box {
	width: 200px;
	padding: 10px;
	background: #266493;
	margin-left: 10px; 
}

div#search_box form {
	padding-top: 15px;
}

div#search_box p  {
	text-align: center;
}


div#search_box p a {
	color: #FFFFFF;
	padding: 0px 10px 0px 0px;
	text-decoration: none;
}

div#search_box p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* --------------- */
		
/* 
	this particular version layout will not work in IE/Win Strict Mode 
   	it can be made to work in IE strict with the use of CSS expressions
	to calculate the required height of the 2 absolute positioned divs
*/

#wrapper {
	position: relative;
	width: 100%;
	height: 99%;
	min-width: 750px; /* to allow room for images and long words */
	background: #FFF; /* light grey */
	min-height: 700px; /* IE has height hacked in in conditional below */
	margin: 0 auto; /* compliant center */
	text-align: left; /* reset text alignment */
	padding-top: 10px;
	padding-bottom: 10px;
}


#header, #footer {
	position: relative;
	width: 100%;
	min-width: 750px; /* to match wrapper div */
	margin: 0 auto;
	background: #fff; /* white */

}

#nav_col, #right_col {
	position: absolute;
	top: 10px;
	bottom: 0; /* Opera needs this! Moz would automatically assume this as default */
	/* height: 100%; */ /* hacked in for IE via conditional comment */
}

#nav_col {
	left: 0; 
	width: 220px; 
	background: #FFF; 
}

#right_col {
	right: 0; 
	width: 185px; 
	background: #FFF;
	margin-left: 10px;
	padding-bottom: 10px;
}


#right_col_2 {
	right: 0; 
	width: 1px; 
	background: #FFF;
	margin-left: 0px;
	padding-bottom: 0px;
}


/* bringing the center content into position (clear the sides)
   using a wrapper div to avoid any IE Box Model issues
	 also use this div if using expression to calculate
*/

#contentwrap {
	position: relative; 
	padding: 0px 220px 0px 250px;
	margin-bottom: 40px;
}

#contentwrap_2 {
	padding: 0px 10px 0 250px;
}

#content {
	position: relative;  /* to enable further positioned divs inside content area */
	z-index: 600; /* to make sure if long words overflow they show above the right column */ 
	background: #fff;
	padding: 0;
	margin: 0;
	/*word-wrap:break-word;*/
}

.bullet {
	list-style-type: disc;
	padding-left: 25px;
}

.indent_25 {
	padding-left: 25px;
}