﻿* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif;font-size: 13px; background-image:url('images/bg3.png'); background-repeat:repeat; color:#333}

#wrapper {  margin: 0 auto; width: 922px;}
#maincontent {margin-bottom: 0px; overflow: auto;  width: 922px; overflow:hidden; height:625px; 
              background-image:url('images/main_back.gif'); background-repeat:repeat;}
#header { color: #333; width: 922px; height: 150px; background-image:url('images/banner.jpg')}

h1{ font-size: 1.5em; text-indent: 0.5em; margin-top:15px;}
h2{ background-image:url('images/h2.gif'); background-repeat:repeat-x; height:35px}
h3 { text-indent: 0.5em; margin: 15px 10px 15px 10px; background-color:#333; color:#fff; line-height:30px}
h4 { font-size: 1.3em; text-indent: 0.5em; margin-bottom:10px;}

p { margin: 0.5em;}
hr { margin: 0.5em; margin-bottom:15px}
li { list-style:circle; list-style-position:inherit;}
ol {
	list-style: lower-alpha;
	list-style-position: inherit;
}
#divli { padding-left:20px}

#divbox { width: 100%; float:left; background-color:ThreeDLightShadow; height:323px}
#divbutton { vertical-align:bottom}

#navigation { background: #ABBEBE;}
/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
.blue #slatenav ul li a:hover{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

#rightcolumn {  display: inline; color: #333; margin:10px; padding:0; width: 439px; float: right;}
#leftcolumn {  float: left; color: #333; margin:10px; padding:0; width: 439px; display: inline; position: relative;}

#column1 {  display: inline; color: #333; margin-left:35px; padding:0; width: 28%; float: left;}
#column2 {  display: inline; color: #333; margin-left:35px; padding:0; width: 28%; float: left;}
#column3 {  display: inline; color: #333; margin-left:35px; padding:0; width: 28%; float: left;}
#column4 { color: #333; padding:0; width: 100%; float: left; height:80px}

#divlefty  {   padding:0; width: 50%; float:right; font-size:1.em; line-height:25px }
#divleft  {   padding:0; width: 50%; float:right; font-size:1.3em; line-height:30px }
#divright  { padding:0; width: 50%; float:left }
#divbottom {  display: inline; color: #333; padding:0; width: 100%; }

#footer { text-align:center; width:902px; clear: both; color: #fff; background-image:url('images/footer.jpg'); 
          margin: 0px 0px 10px 0px; padding: 10px; font-weight:bold}

.clear { clear: both; background: none; }

#button1 {width:240px; height:100px;background:url(images/govern.gif); float:left; margin-left:50px; margin-top:5px;}
#button1:hover{width:240px;height:100px;background:url(images/govern2.jpg); }
#button2 {width:240px; height:100px;background:url(images/corporates.gif);float:left; margin-left:50px;margin-top:5px;}
#button2:hover{width:240px;height:100px;background:url(images/coporate2.jpg);}
#button3 {width:240px; height:100px;background:url(images/smallbus.gif); float:left;margin-left:50px;margin-top:5px;}
#button3:hover{width:240px;height:100px;background:url(images/smallbus2.jpg);}
.divcontent { height:120px; width:100%;}
