body
{ 
	margin: 0; 
	padding: 0; 
	background: #fff url(images/bg.gif) repeat-x; 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
	overflow:scroll;
    overflow:-moz-scrollbars-vertical;

}

/* LINKS AND HEADINGS STYLING */

a
{
	color: #0000FF;
	background: inherit;
	text-decoration: none;
	font-weight: bold;
}
td img {
border:none;}

a:hover
{
	color: #FF0000;
	background: inherit;
	text-decoration:none;
}

h1
{
	font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif;
	margin: 0;
	color: #fff;
	background-color:transparent;
}

h2
{
	font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif;
}

h3
{
	clear: both;
	font-size: 1.1em;
	color: #000;
	background: #fff url(images/h3bg.gif) no-repeat center left;
	padding: 0 14px;
	margin: 0;
}

.last
{
	color: #546F92;
	background: inherit;
}

/* CONTENT WRAPPER */

#wrap { 
	width: 1000px; 
	margin: 25px auto 0 auto; 
	background-color: transparent;
	background-repeat:  no-repeat;
	background-position: 260px 82px;
	z-index:900;
	/*background-position: 122px 15px;*/
}

html>body #wrap {
        background-position: 260px 84px;
      }

/* TOP LEFT LOGO */

#logo
{ 
	float: left; 
	padding: 10px 0 10px 0px;
	text-align: right;
}

#logo h1
{
	color: #000;
	background: #fff;
}

#logo h2
{
	margin: 5px 0 0 0;
	color: #000;
	background: #fff;
}

/* TOP RIGHT HORIZONTAL MENU */
	
#menu
{ 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 45px 1px 11px 0; 
	margin: 0; 
}

#menu li
{ 
	padding: 14px 18px 14px 18px; 
	color: #444; 
	background: #fff url(images/bar.gif) no-repeat bottom left; 
	display: inline; 
}

#menu li.active
{ 
	background: #fff url(images/baractive.gif) no-repeat bottom left; 
	color: #8D9CAF; 
	font-weight: bold; 
	padding: 14px 18px 14px 18px; 
	margin: 0 1px 0 0; 
}

#menu li a
{ 
	background: #f8f8f8; 
	color: #808080; 
	text-decoration: none; 
} 	

#menu li a:hover
{ 
	color: #000; 
	background: #f8f8f8; 
} 	

/* RIGHT INTRO SIDE */

#intro-right-border
{
	float: right;
	height: 199px;
	width: 740px;
	color: #547592;
	margin: 0 0 6px 0;
	border: 2px solid #e2e2e2;
}
	
#intro_right
{
	/*background-color: #8D9CAF;*/
	background-repeat: no-repeat;
	background-position: 122px 15px;
	height: 195px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 2px;
}

#intro_right h1
{
	margin: 0 0 20px 0;
}

#intro_right .white
{
	color: #FFF;
	background-color:transparent;
}
	
/* LEFT INTRO SIDE */	

#intro_left_border
{
	clear: left;
	float: left;
	width: 250px;
	color: #E5EAF2;
	margin: 0 0 6px 0;
	height: 199px;
	border: 2px solid #e2e2e2;
}

#intro_left
{
	height: 195px;
	margin: 2px;
	background-color: #BCCEDA;
	background-repeat: no-repeat;
	background-position: center center;
}

#intro_left img
{
	margin: auto;
border-style: solid;
}
#intro_left a
{
	color: #fff;
	background: inherit;
}

#intro_left p
{
	padding: 14px 15px;
	margin: 0;
}

/* LEFT VERTICAL MENU */
	
#menu_left
{ 
	width: 250px; 
	float: left;
	margin: 0 0 6px 0; 
	padding: 0 0 1px 0; 
}

#menu_left li
{
	list-style: none;
}

#menu_left li a
{ 
	display: block; 
	color: #3F5B7F; 
	background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
	width: 200px; 
	padding: 7px 23px 7px 23px; 
	margin: 0 0 1px 0; 
	font-weight: bold; 
	text-decoration: none; 
}	

#menu_left li a.nav-x1
{ 
	background-image: none; 
	padding: 7px 33px 7px 33px; 
	margin: 0 0 1px 0; 
}	

#menu_left li a:hover, #menu_left li a.on, #menu_left li a.nav-x1on
{
	background: #9EB1C9 url(images/arrow.gif) no-repeat center left;
	color: #fff;
}

#menu_left li a.nav-x1, #menu_left li a.nav-x1on
{ 
	background-image: none; 
	padding: 7px 23px 7px 33px; 
	margin: 0 0 1px 0;
	width: 190px;
}	

#menu_left li a.nav-x1:hover
{
	background-image: none;
}

#menu_left li a.nav-x2
{ 
	background-image: none; 
	padding: 7px 33px 7px 45px; 
	margin: 0 0 1px 0; 
}	

#menu_left li a.nav-x2on
{
	background: #9EB1C9 url(images/arrow.gif) no-repeat center left;
	color: #fff;
}

#menu_left li a.nav-x2, #menu_left li a.nav-x2on
{ 
	background-image: none; 
	padding: 7px 23px 7px 45px; 
	margin: 0 0 1px 0;
	width: 178px;
}	

#menu_left li a.nav-x2:hover
{
	background-image: none;
}

/* LEFT SIDE */
	
#left
{
        width: 993px;
        border: 2px solid #e2e2e2;
        padding: 2px;
        clear: both;
}

#left:after
{
        clear:both;
        content:'.';
        display:block;
        visibility:hidden;
}

.box
{
	float: right;
	padding: 10px 10px 10px 35px;
	margin: 0 0 10px 0;
	width: 695px;
	min-height: 300px;
}

/* FOOTER */

#footer
{
	clear: both;
	padding: 2px;
	border-top: 1px solid #ccc;
}

/* FLOAT */

#floatright, #floatright30, #floatright40
{
	float: right;
	margin: 20px 20px 20px 20px;
}

#floatleft, #floatleft30, #floatleft40
{
	float: left;
	margin: 20px 20px 20px 0;
}

#floatright30, #floatleft30
{
	width:30%;
}

#floatright40, #floatleft40
{
	width:40%;
}

#floatright img, #floatleft img
{
	border: 2px solid;
	border-color: #444 #AAA #444 #AAA;
}