body				{ background:#2D3E4B url("images/backing.gif"); margin:0px; font-family:Arial, Verdana, Sans-Serif; color:#4E4E4E;}
td					{ vertical-align:top;font-family:Arial, Verdana, Sans-Serif; font-size:9pt;}
*+ html td, * html td          { width:100% !important;}
/*
h1					{ font-size:16pt; color:#2D3F4B; font-weight:normal; margin-top:0px; }
*/
h1					{ font-size:16pt; color:#a0acb5; font-weight:bold; margin-top:-15px; padding-bottom:15px; border-bottom:1px dotted #2b3e4c; }
h2					{ margin:0px;font-size:10pt;color:#2D3F4B;}
p					{ font-size:9pt;margin:2px 0 15px; width:560px;}
a					{ color:#4E4E4E; text-decoration:none;}
img					{ border:0; }

.corp				{ text-decoration:none;color:#4E4E4E;font-size:7pt;}
.corp:hover			{ color:#2D3F4B;}

h2.contact			{ border-bottom:dotted 1px black;width:145px;color:#2D3F4B; margin:5px 18px 5px 0; padding-bottom:5px;
					  font-size:11px; }
h2.media			{ border-bottom:dotted 1px black;width:407px;color:#2D3F4B; margin:5px 0; padding-bottom:5px;
					  font-size:9pt; }
span.preText		{ color:#2D3F4B;font-weight:bold;}
span.preTextW		{ color:White;font-weight:bold;}

.main				{ background:White; width:723px; margin:10px auto 50px auto; padding:35px 50px 35px 50px;border-right:solid 2px black;border-bottom:solid 2px black; }
.topbar				{ border-top:solid 5px #2D3F4C; text-align:right; padding:10px 0px 7px 0px; margin-bottom:-20px; }
.midbar				{ border-top:solid 5px #8B8E97; text-align:right; margin-top:5px; margin-bottom: 5px; }
#footer				{ border-top:solid 5px #2D3F4C; color:#8B8E97; font-size:8pt;padding-top:10px; margin-top:40px;}
#footer	a			{ color:#8B8E97; text-decoration:none;}
#footer	a:hover		{ color:#2D3F4C;}

#navbar				{ width:auto; height:17px;margin-bottom: 5px;}
#navbar .inbar		{ display:block; height:17px; }
#navbar ul, 
#navbar ul li		{ border:0px; margin:0px; padding:0px; list-style:none; height:17px; }
#navbar ul li		{ float:left; border:solid 1px #818F98; background:#818F98 url("images/navi-backing.gif"); height:13px; color:White; 
					  font-weight:bold; font-size:7.5pt; margin-right:2px; padding:1px 4px; cursor:pointer; cursor: hand; }
#navbar ul li a		{ color:White; text-decoration:none; font-weight:bold;}
#navbar ul li.sel	{ background:#2D3E4B;}

#mnavbar			{ width:auto; height:17px;margin-bottom: 5px;}
#mnavbar .inbar		{ display:block; height:21px; }
#mnavbar ul, 
#mnavbar ul li		{ border:0px; margin:0px; padding:0px; list-style:none; height:21px; }
#mnavbar ul li		{ float:left; border:solid 1px #EAEBEC; background:#818F98 url("images/mnavi-backing.gif"); height:13px; color:#2D3E4B; 
					  font-weight:bold; font-size:7.5pt; margin-right:2px; padding:3px 6px; cursor:pointer; cursor: hand; }
#mnavbar ul li.sel	{ background:#5E6470; color:White; }

.displayArea		{ background:#5E6570; height:330px; }

.border				{ border:solid 1px #C7C5C5; padding:25px;}
.news div.title	a	{ font-size:7.5pt; text-decoration:none; color:#2D3E4B; font-weight:normal; margin-top:30px; width:110px; cursor:pointer; cursor:hand;}
.news div.desc	a	{ font-size:7.5pt; text-decoration:none; font-weight:normal;margin-top:5px; margin-bottom:10px; width:165px; cursor:pointer; cursor:hand; }
/*.news div.desc a	{ color:#2D3E4B; text-decoration: none; font-weight:bold; }*/
.light				{ color:#A1A9AF; }

.copy				{ font-size:8pt; padding:13px 0 0;}
.copy a				{ color:#2D3F4B;}
.copy img           { padding-right:10px;}

#flashContent
{
    width:723px;
    height:268;
}
/*QUICK LINKS***********************************/
div.scrollableArea
{
    margin-top:5px;
    height:57px;
    position: relative;
	float: left;
	margin: 0;
	padding: 0;

}
/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/*	There is a big background image and it's used 
		to solve some problems I experienced
		with Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*	When positioning the mouse over one of the hot spots, 
		the cursor should change. I've noticed that this varies 
		from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}






div.scrollElement
{
    float:left;
    margin-right:3px;
}

div.scrollableArea a
{
    width:222px;
    height:49px;
    display:inline-block;
    font-size:13px;
    color:#fff;
    padding:8px 0 0 8px;
    font-weight:bold;
    position:relative;
    margin-right:3px;
    line-height:12px;
}
/*
div.scrollableArea a:hover
{	
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
*/
div.scrollableArea span
{
    position:absolute;
    top:24px;
    left:8px;
    font-size:11px;
    font-weight:normal;
    clear:left;
}
div.scrollableArea img
{
    float:left;
}
#aQuick1
{
    background:url(../images/bgNav1.gif) repeat-x;
}
#aQuick2
{
    background:url(../images/bgNav2.gif) repeat-x;
}
#aQuick3
{
    background:url(../images/bgNav3.gif) repeat-x;
}
#aQuick4
{
    background:url(../images/bgNav4.gif) repeat-x;
}
#aQuick5
{
    background:url(../images/bgNav5.gif) repeat-x;
}


/*QUICK LINKS END*******************************/

div.contactWrap
{
    float:left;
    width:328px;
    height:147px;
    padding-bottom:30px;
    position:relative;
}
div.contactWrap img
{
    padding:0 !important;
}
div.contactWrap p
{
    
}
div.contactWrap a
{
    position:absolute;
    top:0;
    right:0;
}