/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */
/* Start of CMSMS style sheet 'HandH' */


/* ----------------------------------------------------------
Stylesheet: HandH
Author: Emagine Media: Aaron Jay, Karl O'Leary
Last Modified: 2008-06-25, refactored the sitemap page
*/

html, body
{
	background-color: #e4e4e4;
	margin: 0px;
	padding: 0px;
}
dfn {
        position:absolute;
        top:-100em;
        left-100em;
}

a {
color: #000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


a:hover {
color: #333333;
}

#main
{
	width: 50.5em;
	margin-right: auto;
	margin-left: auto;
}
#content
{
	background-image: url(/images/content_back.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	width: 50em;
	padding-right: 0.25em;
	padding-left: 0.25em;
}

#top
{
	background-image: url(/images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 50em;
}
#logo
{
	float: left;
	width: 14.75em;
	height: 9.75em;
}
#top_link
{
	float: left;
	height: 1.5em;
	width: 14em;
	padding-left: .75em;
}
#main_image
{
	float: right;
	height: 11.25em;
	text-align: right;
	width: 35.25em;
}
#menu
{
	float: left;
	width: 49.25em;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(/images/menu_back.jpg);
	height: 1.5625em;
}
#menu ul 
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#menu ul li 
{
	list-style-type: none;
	display: inline;
	text-align: center;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0.125em;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu_right
{
	float: left;
	width: .75em;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(/images/menu_right.jpg);
	height: 1.5625em;
}

/* 2008-06-25 Karl, adding the homepage image link */

#homepage-link a {
display: block; 
padding: 0;
margin: 0.4em 0 0 0.7em;

}


#content_area
{
	float: left;
	width: 50em;
	background-image: url(/images/divider.gif);
	background-repeat: repeat-y;
	background-position: 37.50em top;
	border-top-width: 1em;
	border-bottom-width: 1.5em;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	position: relative;
}
#left_part
{
	width: 10.25em;
	padding-right: 1.5em;
	padding-left: 0.75em;
	float: left;
	padding-bottom: 1.5em;
	position: relative;
}
#left_part ul 
{
	display: block;
	margin: 0px;
	padding: 0px;
}

#left_part ul li 
{
	list-style-type: none;
	display: block;
	text-align: left;
	margin: 0em;
	background-image: url(/images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: .35em;
	padding-right: 0em;
	padding-bottom: .35em;
	padding-left: 0em;
	float: left;
	width: 10.25em;
}


#left_part ul li a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: .75em center;
	padding-left: 2em;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	float: left;
}
#left_part ul li a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	font-weight: 700;
	text-decoration: none;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: .75em center;
	padding-left: 2em;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	float: left;
}


/* 2008-06-25 Karl, adjusting the styles so that the second level menu selection is sticky */

#left_part ul li a.left_linkon {
font-weight: 700;
}



#middle_part
{
	float: left;
	width: 24em;
	padding-right: 1em;
}


#middle_part h2 {
font-size: 0.99em;
font-weight: 700;
letter-spacing: 0.0em;
padding-bottom: .5em;
}


/* 2008-06-25 Karl, refactored and styled the sitemap page */

#middle_part li a {
font-size: 10pt;
color: #333333;
text-decoration: none;
}

#middle_part li a:hover {
font-weight: 700;
}

#middle_part ul {
margin: 0;
padding: 0;
}

#middle_part ul li {	
list-style-type: none;
margin: 0;
padding: 0 0 1em 1.25em;
font-size: 9pt;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff url(/images/bullet.gif) 0em 0.5em no-repeat;
}

#middle_part li ul {
margin-left: 2em;
}

#middle_part ol li {	
list-style-type: none;
margin: 0;
padding: 0 0 1em 1.25em;
font-size: 9pt;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style-type: decimal;
}











#right_part
{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 15.75em;
	padding-right: 1em;
	padding-left: 1em;
	font-weight: normal;
	color: #333333;
	font-size: 0.7em;
	text-decoration: none;
	background-image: url(/images/white.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 130%;
}


#footer
{
	background-image: url(/images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 1em;
	width: 49.25em;
	padding-top: .85em;
	padding-right: 0.625em;
	padding-left: 0.625em;
}
#footer_part1
{

	float: left;
	width: 25em;
}
#footer_part2
{

	float: left;
	width: 24.25em;
	text-align: right;
}
.footet_txt
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.footer_link
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.footer_link:hover
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
p
{
	margin: 0em;
	padding: 0em;
}
h1
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: .65em;
	padding-left: 0em;
}
h2
{	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
	margin: 0em;
	padding-top: .9em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
}
h3
{	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	margin: 0em;
	padding: 0em;
}




/* 2008-06-25 Karl, disabled the padding kicking everything out */

#middle_part p
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.35em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
        padding: .5em 0;
}

.txt_gray
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.menu_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: 200;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 10.125em;
	float: left;
	height: 1.9em;
	padding-top: 0.6em;
}
.menu_link:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: bold;
	color: #012888;
	text-decoration: none;
	background-image: url(/images/menu1_over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 10.125em;
	float: left;
	height: 1.9em;
	padding-top: 0.6em;
}
.menu_linkon
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/menu1_over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 10.125em;
	float: left;
	height: 1.9em;
	padding-top: 0.6em;
}
.menu_link2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: 200;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	width: 10.125em;
	background-image: url(/images/menu2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 1.9em;
	padding-top: 0.6em;
}
.menu_link2:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 10.125em;
	background-image: url(/images/menu2_over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 1.9em;
	padding-top: 0.6em;
	text-decoration: none;
}
.menu_link2on
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: 700;
	color: #021888;
	float: left;
	width: 10.125em;
	background-image: url(/images/menu2_over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 1.9em;
	padding-top: 0.6em;
	text-decoration: none;
}
.top_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.top_link:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}



#right_part a
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000066;
	font-size: 1em;
	text-decoration: none;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1em;
}
#right_part a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 1em;
	text-decoration: none;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1em;
}
.link1
{	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000066;
	font-size: .70em;
	text-decoration: none;

}
.link1:hover
{	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 0.7em;
	text-decoration: none;

}
.title
{	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	font-size: .75em;
	text-decoration: none;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1em;
}
img
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.menu_divider
{
	background-image: url(/images/menu_divider.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.icon
{
	float: left;
	margin-top: .35em;
	margin-left: .75em;
}
.img_border
{
	border: .0625em solid #cccccc;
	margin-bottom: 0.5em;

}




/* projects */

.middle_box
{
	float: left;
	width: 24em;
	padding-bottom: 1em;
} 





/* 2008-06-25 Karl, restyling the projects */

.middle_box1 {
float: left;
width: 11.25em;
line-height: 1em;
}

#middle_part .middle_box1 p {
margin: 0;
padding: 0;
}

.middle_box1 span.title {
font-size: 11pt;
font-weight: 700;
color: #000066;
}

.middle_box1 a.link1 {
display: block;
font-size: 10pt;
font-weight: 200;
color: #000066;
margin: 0.2em 0 0 0;
padding: 0;
}




/* 2008-06-25 Karl, styling the news section */

#news-title {
font-weight: 700;
margin: 0 0 0.5em 0;
}

#news-date {
font-size: 11pt;
color: #000;
font-family: Arial,Verdana, Helvetica, sans-serif;
}

#news-summary p {
font-size: 10pt;
font-weight: 700;
color: #000;
}

#news-body p {
font-size: 10pt;
color: #000;
}

#news-links a {
font-size: 10pt;
font-weight: 700;
text-decoration: none;
margin-right: 0.5em;
}

/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */
/* End of 'HandH' */

