body {
   font-family:Verdana, Helvetica, Arial, sans-serif;
   width: 771px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   background-color: #ffffff; 
   background-image: url(images/bg1.gif);  
}

#main_content {
   clear: both;
   background-color: white;
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
}
#logo {
   height: 90px;
   padding-left: 0px;
   padding-right: 0px;
}
#logosmall{
   width: 220px;
   float: left;
}
#search{
   width: 400px;
   float: right;
   margin-top: 10px;
   text-align:right;   
}
#but{
   width: 538px;
   float: right;
   margin-top: 40px;
   text-align:right;   
}
#grybox {
   height: 9px;
   padding-left: 0px;
   padding-right: 0px;
   background-color:#993366;
   
}
#box {
   padding-left: 0px;
   padding-right: 0px;
   
}


/* Menu */

#menu {
	width: 500px;
	height: 20px;
	margin-top: 10px;
	background-color:#ffffff;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	border-right: 1px solid #D5D9DF;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight:bold;
	color: #888888;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 20px;
}

#menu a:hover, #menu .active a {
	background-color: #842756;
	color: #ffffff;
}

#main_image {
   height: 85px;
   padding-left: 0px;
   padding-right: 0px;
   
}
/* Center */
#page {
	width: 770px;
	margin: 0 auto;
	border: 1px solid #CBCCCE;
}

/* Left */

#left {
	float: left;
	width: 148px;
	padding: 0px;
}

#left a {
	text-decoration: none;
	font-size: 11px;
}

#left a:hover {
	text-decoration: none;
}

/* Center */

#center {
	float: left;
	width: 475px;
	padding: 22px 34px 15px 38px;
}

#center_port {
	float: left;
	width: 395px;
	padding: 22px 30px 25px 38px;
}
#center_port_text {
	float: left;
	width: 100px;
	padding: 52px 25px 0px 0px;
}


/* Right */

#right {
	float: left;
	width: 201px;
	padding: 25px 0px 0px 0px;
	background-color:#ffffff;
}
#right_port {
	float: left;
	width: 152px;
	padding: 52px 0px 0px 0px;
	background-color:#ffffff;
}

#right ul {
	line-height: 1.82em;
}

#right li {
	padding-left: 10px;
	background: url(images/img04.gif) no-repeat left center;
}

#right a {
	text-decoration: none;
	font-size: .85em;
}

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

img.left {
	float: left;
	margin: 0px 14px 5px 0px;
}

/* bottam */

#bottam{
	width: 770px;
	margin: 0 auto;
	border: 0px solid #D5D9DF;
}
#bottam_link{
	float: left;
	width: 154px;
	padding: 0px;
}

#bottam_link_port{
	float: left;
	width: 174px;
	padding: 8px;
	background-color: #F4F4F4;
	border: 1px solid #ffffff;
}
.links {
	color:#999999;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
}
.links a {
	color:#999999;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	text-decoration: none;
}
.links a:hover {
	color:#993366;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	text-decoration: none;
}


/* footer */

#footer{
	width: 768px;
	margin: 0 auto;
	background-color:#EAEAEA;
	padding:3px;
}
.footer {
	color:#999999;
	font:10px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:center;
}
.footer a {
	color:#999999;
	font:10px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:center;
}
.footer a:hover {
	color:#993366;
	font:10px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:center;
	text-decoration: none;
}


#center ul{color:#666666;}



h1 {
	margin:0px 0px 0px 0px;
	padding:0px;
	text-transform: uppercase;
	font-size: 1em;
	color: #1C77A9;
	}
h2 {
	margin:0px 0px 0px 0px;
	color: #1C77A9;
	font:14px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	text-transform: uppercase;
	font-weight:bold;
	}

h3 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:16px;
	font-weight:200;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff;
	}
p {
	margin:0px 0px 0px 0px;
	color:#666666;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	font-weight:400;
}

p.red {
	margin:0px 0px 0px 0px;
	color:#FF0000;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	font-weight:600;
}

p.blue {
	margin:0px 0px 0px 0px;
	color:#333399;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	font-weight:600;
}

p.justify {
	margin:0px 0px 0px 0px;
	color:#666666;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:justify;
	font-weight:400;
}

p.indent {
	margin:0px 0px 0px 5px;
	color:#666666;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	font-weight:800;
}

p.right {
	margin:0px 0px 0px 0px;
	color:#666666;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:right;
	font-weight:800;
}

p.white {
	margin:0px 0px 0px 5px;
	color:#FFFFFF;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	font-weight:800;
}


li {
	margin:0px 0px 0px 0px;
	color:#333333;
	font:11px arial, helvetica, sans-serif;
	padding:0px;
}

li.image {
	list-style-image:url(tips-articles1\images\arrow.gif);
	margin:0px 0px 0px 0px;
	color:#333333;
	font:11px arial, helvetica, sans-serif;
	padding:0px;
}

li.image1 {
	list-style-image:url(images\box_arrow.gif);
	margin:0px 0px 0px 0px;
	color:#333333;
	font:11px arial, helvetica, sans-serif;
	padding:0px;
}


a {
	color:#555555;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:400;

	}
a:hover {color: #ED1B23; text-decoration: underline; font-weight:400}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}	

.content {
	margin:0px 0px 0px 0px;
	position:absolute; 
	background-color:#ffffff;
	width:450px;
	height:218px;
	top:325px;
	left:237px;
	min-width:367px;
	border:0px; 
	padding:0px;
	z-index:4; 
	overflow: auto;
	}


.style1 {
	color:#666666;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:3px;
	text-align:center;

}
.style2 {
	color:#333333;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
}
.style3 {
	color:#666666;
	font:9px Tahoma;
	padding:0px;
	text-align:center;

}
.style3 a {
	color:#666666;
	font:9px Tahoma;
	padding:0px;
	text-align:center;

}
.portfolio-bro {
	color:#666666;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:left;
	border: 1px solid #CCCCCC;
}
.port {
	display: block;
	float: right;
	width: 20px;
	height: 15px;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	color: #CCCCCC;
}
.port a {
	display: block;
	border: 1px solid #CCCCCC;
	float: right;
	width: 20px;
	height: 15px;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	color: #CCCCCC;
	font-weight: bold;
}


.hed {
	color:#333399;
	font:12px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
}

.hed-big {
	color:#666666;
	font:bold 13px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
}


.hed-red {
	color:#FF0000;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
}

.hed-blue {
	color:#333399;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	
}

.bottam {
	color:#666666;
	font:10px Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:center;
}

#home {
	margin:0px 0px 0px 0px;
	position:absolute;
	width:120px;
	top:0px;
	left:0px;
	height:20px;
	border:0px;
	padding:0px;
	z-index:7;
	voice-family: "\"}\"";
	voice-family:inherit;
	visibility: hidden;
}


#123 {
	position:absolute;
	width:250px;
	color:#ffffff;
	font:8px Trebuchet MS, arial, helvetica, sans-serif;
	top:74px;
	height:20px;
	left:568px;
	border:0px;
	padding:0px;
	z-index:3;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:270px;
}


.tablebg {
	BACKGROUND-COLOR: #e4eef3
	bsorder: 2px none #999999;
}
/*-------------sitemap menu begin------*/

.site_menu ul{
	list-style:none;
	font:12px Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
}
.site_menu li{display:block;
padding:2px;
}

#prleft {
	float:left;
	width:480px;
	margin-right:30px;
	height: 420px;
	}
#prright {
	float:left; width:275px;
	}

#prright img {
	padding:2px;
	margin-right:10px;
	margin-bottom:12px;
	border:1px solid #CCCCCC;
	}