﻿html { min-height: 100%; margin-bottom: 1px; }

body {
	margin-top:20px;	
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#bababa;
	font-family: Verdana; 
	font-size: 12px;
}
a {
	color:#696969;
	text-decoration:none;
}
a:hover {
	color:#696969;
	text-decoration:underline;
}

a.rel_link {
	color:#005fcb;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
}
a.rel_link:hover {
	color:#cc6522;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
}

a.default {
	color:#005fcb;
	text-decoration:none;
}
a.default:hover {
	color:#005fcb;
	text-decoration:underline;
}

h3{
	margin:20px 20px 0px 20px;
	color:#0247f2;
	font-size:15px;
}

h3.news {
	margin:20px 0px 0px 20px;
	color:#0247f2;
	font-size:15px;
}


p.normal {
	margin: 20px 20px 20px 20px;
}

p.thinner {
	margin: 20px 170px 20px 20px;
}

p.contact {
	margin: 10px 10px 10px 20px;
}

p.normalSmall {
	margin: 20px 20px 20px 20px;
	font-size:11px;
}

p.news {
	margin: 20px 20px 20px 20px;
	font-size:11px;
	line-height:14px;
}

p.date {
	margin: 0px 0px 20px 20px;
	font-size:11px;
	line-height:14px;
}

p.rel {
	margin: 20px 20px 20px 20px;
	font-size:11px;
	line-height:14px;
}

/* BACKGROUND FOR THE MASTER PAGES */
.save_bg {
	background-image: url(../images/save_piggy.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.what_bg {
	background-image: url(../images/what_walkthrough.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}


.bghome {
	padding:0px;
	margin:0px;
}

.bgrel {
	background-color:#ffffff;
	background-image: url(../images/bg_rel.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
}
.bgwho {
	background-color:#ffffff;
	background-image: url(../images/who_background.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.bgsendme {
	background-color:#ffffff;
	background-image: url(../images/bg_rel.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
}
.bghome ul {
	margin:0px;
	padding:0px;
}

.bghome ul li {
	list-style:none;
	background:url(../images/tickpoint.jpg) no-repeat 0px 9px;
	margin:0;
	padding:6px 6px 6px 25px;
	position:relative;
	left:10px;
	top:6px;
}

.smehome ul {
	margin:0px;
	padding:0px;
}

.smehome ul li {
	list-style:none;
	background:url(../images/crosspoint.jpg) no-repeat 0px 9px;
	margin:0;
	padding:6px 6px 6px 25px;
	position:relative;
	left:10px;
	top:6px;	
}
.home_bottom{
	background-image: url(../images/home_bbottom_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:70px;
	width:882px;
}
div#wrapper{
	width:882px;
	position:absolute;
	left:50%;
	margin-left:-441px;
}

div#text{
	background-image:url(../images/digi-bg.jpg);
	background-position:bottom;
	background-color:#ffffff;
	background-repeat:no-repeat;
	width:882px;
	float:left;
}

div#banner {
	background-image:url(../images/banner_new.jpg);
	background-position:0px 0px;
	background-color:#ff6600;
	background-repeat:no-repeat;
	width:882px;
	float:left;
}

div#bshadow {
	background-image:url(../images/bshadow.jpg);
	background-position:0px 0px;
	background-color:#ff6600;
	background-repeat:no-repeat;
	height:16px;
	width:882px;
	float:left;
}

div#demoBtn {
	position:absolute;
}

div#navbar {
	background-image:url(../images/nav_bar.jpg);
	background-position:0px 0px;
	background-color:#ff6600;
	background-repeat:no-repeat;
	height:45px;
	width:882px;
}

img.messagePNGsmall {
	position:absolute;
	top: 270px;
	left: 0px;
}

img.messagePNG {
	position:absolute;
	top: 300px;
	left: 0px;
}

div#mainbanner {
	background-color:#ff6600;
	width:882px;
}

div#content{
	background-color:#ffffff;
	width:882px;
	float:left;
}

div#footerbar {
	background-image:url(../images/footer-bar.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:882px;
	position:relative;
	float:left;	
}

#p7menubar {
	background-image:url(../images/nav_bar.jpg);
	background-position:0px 0px;
	background-color:#ff6600;
	background-repeat:no-repeat;
	height:40px;
	width:882px;
	float:left;
}
#p7menubar ul {
	margin:0;
	padding:5px 20px 0px 20px;
	list-style:none;
}
#p7menubar li {
	float:left;
	margin:0 1px -1px 0;
	padding:0px 2px 0px 2px;
	background-image: url(../images/type2_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#p7menubar a {

	float:left;
	display:block;
	padding:10px 20px 11px 15px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	background-image: url(../images/type2_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	
}
#p7menubar a:hover {
	color:#000000;
}
#p7menubar li:hover, #p7menubar li.p7hvr {
	color:#FFFFFF;
	background-image: url(../images/type2_left_on.jpg);
}
#p7menubar li:hover a, #p7menubar li.p7hvr a {
	background-position:right top;
	background-image: url(../images/type2_right_on.jpg);
	color: #FFFFFF;
}
#p7menubar .current {
	background-image: url(../images/type2_left_on.jpg) !important;
	color: #FFFFFF !important;
}
#p7menubar .current a {
	background-image: url(../images/type2_right_on.jpg) !important;
	color: #FFFFFF !important;
	cursor: default;
}


/* SUB MENU STYLES FOR RELATED LINKS */

.bgrel ul li {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	border:none;
}

.bgrel ul li a {
	position:relative;
	left:-20px;	background-image: url(../images/m_arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	color: #000000;	
	
	border-bottom:2px #CCCCCC dotted;	

	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;
}

.bgrel ul li a:hover {
	position:relative;
	left:-20px;	border-bottom:2px #CCCCCC dotted;	

	background-image: url(../images/m_arrow_w.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	
	color: #FF7E20;
	background-color:#f5f5f5;	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;	
}

.bgrel ul li a.bottom {
	position:relative;
	left:-20px;	background-image: url(../images/m_arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	color: #000000;	
	
	border-bottom:2px #CCCCCC dotted;	

	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;
}

.bgrel ul li a.bottom:hover {
	position:relative;
	left:-20px;	border-bottom:2px #CCCCCC dotted;	

	background-image: url(../images/m_arrow_w.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	
	color: #FF7E20;
	background-color:#f5f5f5;	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;	
}

.bgrel ul li a.top {
	position:relative;
	left:-20px;	background-image: url(../images/m_arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;

	color: #000000;	
	border-top:2px #CCCCCC dotted;
	border-bottom:2px #CCCCCC dotted;
	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;
}

.bgrel ul li a.top:hover {
	position:relative;
	left:-20px;	border-top:2px #CCCCCC dotted;
	border-bottom:2px #CCCCCC dotted;

	background-image: url(../images/m_arrow_w.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	color: #FF7E20;
	background-color:#f5f5f5;	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;	
}


/* SITEMAP */
.sitemap ul li {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	border:none;
}

.sitemap ul li a.norm {
	position:relative;
	left:-20px;	background-image: url(../images/m_arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	color: #000000;	
	
	border-bottom:2px #CCCCCC dotted;	
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	display: block;	
	padding: 15px 15px 15px 20px;
	text-decoration:none;
	font-size:11px;
}

.sitemap ul li a.norm:hover {
	position:relative;
	left:-20px;	
	border-bottom:2px #CCCCCC dotted;	
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	background-image: url(../images/m_arrow_w.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	
	color: #FF7E20;
	background-color:#f5f5f5;	
	display: block;	
	padding: 15px 15px 15px 20px;
	text-decoration:none;
	font-size:11px;	
}

.sitemap ul li a.bottom {
	position:relative;
	left:-20px;	background-image: url(../images/m_arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	color: #000000;	
	
	border-bottom:2px #CCCCCC dotted;	
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;
}

.sitemap ul li a.bottom:hover {
	position:relative;
	left:-20px;	
	border-bottom:2px #CCCCCC dotted;	
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	background-image: url(../images/m_arrow_w.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	
	color: #FF7E20;
	background-color:#f5f5f5;	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;	
}

.sitemap ul li a.top {
	position:relative;
	left:-20px;	background-image: url(../images/m_arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;

	color: #000000;	
	border-top:2px #CCCCCC dotted;
	border-bottom:2px #CCCCCC dotted;
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;
}

.sitemap ul li a.top:hover {
	position:relative;
	left:-20px;	
	border-top:2px #CCCCCC dotted;
	border-bottom:2px #CCCCCC dotted;
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	background-image: url(../images/m_arrow_w.gif);
	background-repeat: no-repeat;
	background-position: 6px 18px;
	
	color: #FF7E20;
	background-color:#f5f5f5;	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:11px;	
}

.sitemap ul li a.heading {
	position:relative;
	left:-20px;	
	
	background-color:#E6E6E6;
	font-weight:bold;
	color: #000000;	
	
	border-top:2px #CCCCCC dotted;
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:14px;
}

.sitemap ul li a.heading:hover {
	position:relative;
	left:-20px;	
	
	background-color:#F2F2F2;
	font-weight:bold;
	color: #000000;	
	
	border-top:2px #CCCCCC dotted;
	border-right:2px #CCCCCC dotted;
	border-left:2px #CCCCCC dotted;
	
	display: block;	
	padding: 15px 2px 15px 20px;
	text-decoration:none;
	font-size:14px;
}


/* SUBMENU - WEB ENQ - VIEW */

#subbar {
	background-image: url(../images/subbar_bg.jpg);
	background-repeat: repeat-x;
	background-color:#fc914b;
	height:20px;
	width:882px;
	float:left;
}

/* AJAX WINDOW */

#content #leftcolumn{
float:left;
width:170px;
padding: 8px 8px 8px 8px;
font-family:Verdana;
font-size:12px;
margin-left:10px;
}

#content  #leftcolumn a{
padding: 8px 8px 8px 18px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
color:#000;

background-image: url(../images/m_arrow.gif);
background-repeat: no-repeat;
background-position: 5px 12px;

background-color:#F8F8F8;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

#content #leftcolumn a:hover{
padding: 8px 8px 8px 18px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;

color:#FF7E20;

background-image: url(../images/m_arrow_w.gif);
background-repeat: no-repeat;
background-position: 5px 12px;

background-color:#ececec;


}

#content #rightcolumn{
border: 1px solid #ccc;
float:left;
width:316px;
min-height: 165px;
margin-top:8px;
margin-left: 18px;
padding: 10px 10px 10px 10px;
font-family:Verdana;
font-size:12px;
}

* html #content #rightcolumn{ /*IE only style*/

}