/* CSS Document */

/* CSS Document */
body {
	text-align:center;
	background-color: #444444;
	margin:5px 0 0 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg_small.gif);
	background-repeat: repeat-x;
	background-position: top;
}
 
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

p,ul,li,ol {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#wrapper { width:841px;	position:relative; margin:0 auto; padding:15px 0 0 0; text-align:left; }

/* ----- Layout Formatting ----- */

#header {
	float: left;
	width: 841px;
	padding: 0 0 0 0;
	
}

#logo {
	float: left;
	width: 200px;
	padding:17px 0 15px 0;
}

#global {
	float: right;
	width: 541px;
	padding: 40px 0 0 0;
	text-align: right;
}

#nav {
	float: left;
	width: 841px;
	padding:0 0 8px 0;
	overflow: hidden;
}

#message {
	float: left;
	width: 841px;
	height: 227px;
}

#message_content {
	float: left;
	width: 502px;
	height: 227px;
	background-image: url(../images/main_01.jpg);
}

#flash {
	float: right;
	width: 339px;
	height: 227px;
	background-image: url(../images/main_02.jpg);
}

#int_message {
	float: left;
	width: 841px;
	height: 171px;
}

#portals {
	float: left;
	width: 841px;
	padding: 22px 0 0 0;
}

#portal_left {
	float: left;
	width: 282px;
}

#portal_graphicdesign {
	float: left;
	width: 277px;
	height: 234px;
	background-image: url(../images/bg_portal.jpg);
}

#portal_right {
	float: right;
	width: 559px;
}

#portal_marketing {
	float: left;
	width: 277px;
	height: 234px;
	background-image: url(../images/bg_portal.jpg);
}

#portal_interactive {
	float: right;
	width: 277px;
	height: 234px;
	background-image: url(../images/bg_portal.jpg);
}

#content {
	float: left;
	width: 841px;
	padding: 22px 0 0 0;

}

#content_left {
	float: left;
	width: 165px;
}

#content_leftnav {
	float: left;
	width: 165px;
	height: 300px;
	background-image: url(../images/bg_sidenav2.jpg);
}

#content_right {
	float: right;
	width: 676px;
}

#content_info {
	float: left;
	width: 496px;

	
}

#content_other {
	float: right;
	width: 180px;
	background-image: url(../images/bg_sidenav2.jpg);
	padding: 0 0 16px 0;
}

#footer {
	float: left;
	width: 841px;
	text-align: center;
	padding: 0 0 12px 0;
}

/* ----- END Layout Formatting ----- */

/* ----- Nav Formatting ----- */

#nav ul  {
	position: relative;
	width:841px;
	height:27px;
	background-image: url(../images/menu.jpg);
	margin: 0;
	padding: 0;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#nav ul li, #nav a {
	display:block;
	height:27px;
	border-bottom:0;
}

#nav ul li a {
	text-indent:-9999px;
	text-decoration:none;
}

#n1 {left:0; top:0; width:64px;}
#n2 {left:64px; top:0; width:89px;}
#n3 {left:153px; top:0; width:83px;}
#n4 {left:236px; top:0; width:89px;}
#n5 {left:325px; top:0; width:114px;}
#n6 {left:439px; top:0; width:74px;}
#n7 {left:513px; top:0; width:64px;}
#n8 {left:577px; top:0; width:103px;}

#n1 a:hover {background: transparent url(../images/menu.jpg) 0 -27px no-repeat;border-bottom:0;}
#n2 a:hover {background: transparent url(../images/menu.jpg) -64px -27px no-repeat;border-bottom:0;}
#n3 a:hover {background: transparent url(../images/menu.jpg) -153px -27px no-repeat;border-bottom:0;}
#n4 a:hover {background: transparent url(../images/menu.jpg) -236px -27px no-repeat;border-bottom:0;}
#n5 a:hover {background: transparent url(../images/menu.jpg) -325px -27px no-repeat;border-bottom:0;}
#n6 a:hover {background: transparent url(../images/menu.jpg) -439px -27px no-repeat;border-bottom:0;}
#n7 a:hover {background: transparent url(../images/menu.jpg) -513px -27px no-repeat;border-bottom:0;}
#n8 a:hover {background: transparent url(../images/menu.jpg) -577px -27px no-repeat;border-bottom:0;}

#n1a {left:0px; width: 64px; background: transparent url(../images/menu.jpg) 0 -54px no-repeat;}
#n2a {left:64px; width:89px; background: transparent url(../images/menu.jpg) -64px -54px no-repeat;}
#n3a {left:153px; width: 83px; background: transparent url(../images/menu.jpg) -153px -54px no-repeat;}
#n4a {left:236px; width: 89px; background: transparent url(../images/menu.jpg) -236px -54px no-repeat;}
#n5a {left:325px; width: 114px; background: transparent url(../images/menu.jpg) -325px -54px no-repeat;}
#n6a {left:439px; width: 74px; background: transparent url(../images/menu.jpg) -439px -54px no-repeat;}
#n7a {left:513px; width: 64px; background: transparent url(../images/menu.jpg) -513px -54px no-repeat;}
#n8a {left:577px; width: 103px; background: transparent url(../images/menu.jpg) -577px -54px no-repeat;}

/* ----- END Nav Formatting ----- */

/* ----- Text Formatting ----- */

#global h1 {
	font-size: 10px;
	font-style: normal;
	color: #f5f5f5;
	margin:0 0 0 0;
	padding:0;
}

#global h1 a{
	font-size: 10px;
	font-style: normal;
	color: #f5f5f5;
	text-decoration: underline;
}

#global h1 a:hover{
	font-size: 10px;
	font-style: normal;
	color: #bc2c24;
	text-decoration: underline;
}

#message_content h1 {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	margin: 100px 35px 0 31px;
	padding:0;
	font-weight: normal;
}

#message_content h1 a{
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
}

#message_content h1 a:hover{
	font-size: 12px;
	font-style: normal;
	color: #bc2c24;
	text-decoration: underline;
}

#portals h1 {
	font-size: 13px;
	font-style: normal;
	color: #f4f4f4;
	margin:8px 20px 0 20px;
	padding:0;
	font-weight: bold;
}

#portals p {
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	margin:2px 20px 8px 20px;
	padding:0;
}

#portals p a{
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
}

#portals p a:hover{
	font-size: 11px;
	font-style: normal;
	color: #bc2c24;
	text-decoration: underline;
}

.featured_image {
	padding: 20px 0 0 18px;
	margin: 0 0 0 0;
}

.btn_moreinfo {
	padding: 3px 20px 0 0;
	margin: 0 0 0 0;
	float: right;
}

#content_info h1 {
	font-size: 16px;
	font-style: normal;
	color: #ffffff;
	margin:8px 20px 10px 20px;
	padding:0;
	font-weight: normal;
}

#content_info h2 {
	font-size: 14px;
	font-style: normal;
	color: #ffffff;
	margin:8px 20px 0 20px;
	padding:0;
	font-weight: bold;
}

#content_info h3 {
	font-size: 9px;
	font-style: normal;
	color: #ffffff;
	margin:8px 20px 10px 20px;
	padding:0;
	font-weight: normal;
}

#content_info h3 a{
	font-size: 9px;
	font-style: normal;
	color: #ffffff;
	font-weight: underline;
}

#content_info h3 a:hover{
	font-size: 9px;
	font-style: normal;
	color: #bc2c24;
	font-weight: underline;
}

#content_info p {
	font-size: 12px;
	font-style: normal;
	color: #dcdcdc;
	margin:2px 20px 8px 20px;
	padding:0;
}

#content_info p a{
	font-size: 12px;
	font-style: normal;
	color: #dcdcdc;
	text-decoration: underline;
}

#content_info p a:hover{
	font-size: 12px;
	font-style: normal;
	color: #bc2c24;
	text-decoration: underline;
}

#content_info ul {
	font-size: 11px;
	color: #dcdcdc;
	font-weight: normal;
	margin: 0 0 13px 10px;
    padding:0;
	list-style-type: none;	
	line-height: 14px;
	}
#content_info li {
	background: url(../images/misc/circle.gif);
	background-repeat: no-repeat;
    background-position: 0 0.4em;
	padding-left: 1em;
	margin : 0.6em 0em 0.6em 1em;
}
#content_info li a {
	display: inline;
	text-decoration: none;
	color: #dcdcdc;
	margin:0;
	padding:0;

}
#content_info li a:hover {
	display: inline;
	text-decoration: none;
	color: #bc2c24;
}

#content_leftnav ul {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}	

#content_leftnav li {
    background: url(../images/misc/text_hor.gif);
	background-position: bottom left;
	color: #f5f5f5;
	padding-bottom: 1px;
    margin: 0px 0px 0px 0px;
	border-left: 10px;
	border-right: 10px;
}

#content_leftnav li a {
	display: block;
	padding: 5px 0 5px 10px;
	color: #f5f5f5;
	text-decoration: none;
	margin: 0;
	background-position: 0.1em 0.9em;
	background-repeat: no-repeat;
}

html>body #content_leftnav li a {
	width: auto;
}

#content_leftnav li a:hover {
	color: #bc2c24;
}

#content_other h1{
	font-size: 16px;
	font-style: normal;
	color: #ffffff;
	margin:27px 20px 10px 20px;
	padding:0;
	font-weight: normal;
}

#content_other h2{
	font-size: 13px;
	font-style: normal;
	color: #ffffff;
	margin:5px 20px 0 20px;
	padding:0;
	font-weight: normal;
}

#content_other p {
	font-size: 12px;
	font-style: normal;
	color: #dcdcdc;
	margin:2px 20px 8px 20px;
	padding:0;
}

#content_other p a{
	font-size: 12px;
	font-style: normal;
	color: #bc2c24;
	text-decoration: none;
}

#content_other p a:hover{
	font-size: 12px;
	font-style: normal;
	color: #bc2c24;
	text-decoration: underline;
}

#footer h1 {
	font-size: 10px;
	font-style: normal;
	color: #f5f5f5;
	padding: 3px 0 3px 0;
	margin: 0 0 0 0;
}

#footer h2 {
	font-size: 10px;
	font-style: normal;
	color: #f5f5f5;
	padding: 25px 0 3px 0;
	margin: 0 0 0 0;
}

#footer h2 a{
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
}

#footer h2 a:hover{
	font-size: 10px;
	font-style: normal;
	color: #bc2c24;
	text-decoration: underline;
}

/* ----- END Text Formatting ----- */