* {
padding : 0;
margin : 0;
}

body {
background: #fff url(images/bgp.png) repeat-x center top;
color : #3D515C;
font-family : Georgia, Helvetica, Times, serif;
font-size : 16px;
line-height: 1.5em;
margin: 1.5em 0px;
}

h1, h2 { 
font-family: 'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;
color : #337;
letter-spacing: -1px;
margin-bottom : 10px;
margin-top : 20px;
}

h3, h4, h5, h6 { 
font-family:Georgia, Helvetica, Times, serif;
color : #3D515C;
margin-top : 20px;
margin-bottom : 0px;
}

img {
border: none;
}

hr{
margin: 20px 0;
}


ul {
list-style-type: square;
list-style-position: inside;
}

ol {
margin-left: 0;
padding-left: 1em;
}

a:link, a:active {
text-decoration: none;
color: #30f;
}

a:visited, a:hover {
text-decoration: underline;
color: #337;
}







#container {
width : 950px;
margin : 0 auto;
background-color : #fff;
/*border : 1px solid #ccc;*/
}

#header {
height : 200px;
background-color : #ffffff;
background-image : url(images/logo.gif);
background-repeat : no-repeat;
margin-bottom : 1px;
}
#header img{
float: right;
}

#head1 {
height : 50px;
background-color : #ffffff;
color : #371995;
background-image : url(images/head.jpg);
background-repeat : no-repeat;
margin-bottom : 1px;
}
#head1 h2{
text-align : center;
padding-top :13px;
}

#main_content {
display : inline;
padding : 20px 0px 20px 20px;
width : 700px;
float : left;
min-height : 300px;
background-color : #f2f2f2;
}




#left_side { 
margin : 0;
display : inline;
width : 230px;
float : left;
background-color : #fff;
min-height : 300px;
} 
* html #left_side { 
height : 300px;
} 
#left_side p { 
padding : 10px;
margin-top : 10px;
margin-bottom : 15px;
text-align : justify;
background-color : #f2f2f2;
}





#nav {
margin:0;
padding:0;
list-style-type:none;
display:block;
font:16px Helvetica, Verdana, Arial, sans-serif;
line-height:165%;
width:230px;
}
#nav ul li {
border-bottom:1px solid #444;
list-style: none;
}
#nav ul li a {
display:block;
text-decoration:none;
color:#fff;
background:#25135f;
padding:0 0 0 20px;
width:210px;
}
#nav li a:hover {
background:#ffc06f url("images/arrow.gif") no-repeat 7px 9px;
font-size : 1.2em;
color:#222;
}
#nav li a.current,ul.nav li a.current:hover{
background:#25135f url("images/arrow.gif") no-repeat 0 9px;
}

#nav ul ul li {
list-style: none;
}
#nav ul ul li a {
display:block;
text-decoration:none;
color:#fff;
background:#25135f;
padding:0 0 0 20px;
width:210px;
	text-indent: 20px;
}
#nav ul ul li a:hover {
background:#ffc06f url("images/arrow.gif") no-repeat 7px 9px;
}






#footer { 
background-color : #ffffff;
display : inline;
float : left;
width : 100%;
height : 50px;
background-image : url(images/footer.jpg);
background-repeat : no-repeat;
background-position : bottom;
text-align : center;
padding-top : 25px;
} 

#footer p { 
padding-top : 15px;
}

#footer a { 
color : #371995;
}








/*==============================================*/

.clearboth {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.buto2
{
float: left;
width: 320px;
margin: 5px 10px 5px;
padding: 0 1px 5px;
line-height: 1.5em;
}
.buto2 img
{
float: left;
padding: 0 15px 5px 0;
}

.pr
{
}
.pr img
{
float: right;
padding: 0 0 10px 15px;
}

.tabel
{
margin-top: 0.5em;
padding: 1.25em 1em 0.25em;
}
.tabel table th
{
text-align: left;
font-weight: bold;
padding: 0.5em;
color: #444;
}
.tabel table td
{
padding: 0.5em;
}

.rowA
{
background-color: #efefef;
}
.rowB
{
background-color: #fafafa;
}




/*
* {border: 1px solid #f00; }
*/