@charset "iso-8859-1";

body {
text-align: center;
background-color: #000000; 
background-image:url();
background-attachment:fixed;
}

#container {
width:890px;
padding: 0px;
margin: 0 auto;   
text-align: center;
background-color: #f0f0f0; 
border: 0px solid #90A2FF;
}					  

#logo {
width:890px;
margin: 0 auto;   
text-align: center; 
background-color: #ffffff; 
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 1px solid #000000;
}

#menu {
position: absolute;
left: 760px;
top: 125px;
width: 400px;
height: 20px;
border: 0px solid #000000;
text-align: left;
color: #0066FF;
margin-left: -50px;
margin-top: -10px;
}

#content {

min-height: 300px; /* for not-IE */
float: left;
width: 650px;
margin: 0;
padding: 1em;
background-color: #ffffff;
border:0px solid green; 
}

#middle { 
float: left;
width: 650px; 
margin-top: 0px;
padding: 0em;
line-height: 60px;
background-color: #ffffff;
border:0px solid #000000;
}

#middle1 { 
float: left;
width: 650px; 
margin-top: 0px;
padding: 0em;
background-color: #ffffff;
border:0px solid #000000;
}

#sidemenu {
height: 0px; /* for IE */
min-height: 50px; /* for not-IE */
margin-left: 700px;
vertical-align:text-top;
text-align:center;
border-left: 0px solid gray;
padding-top: 5px;
background-color: #F0F0F0;
max-width: 36em;
border:0px solid green;
}

#info1 {
height: 50px;
clear: both;
margin: 0;
padding: .5em;
background-color: #F0F0F0;
border-top: 1px solid #000000;
} 
  
#footer	{
height: 40px;
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #F0F0F0;
border-top: 1px solid #000000;
}

#contactform {
position: absolute;
left: 30px;
top: 5px
}
/* ------------------------------- end divisions --------------------- */

/* ------------------------------- start fonts --------------------- */
h1 {
text-align: justify;
vertical-align: top;
font-family: arial, verdana, sans-serif;
font-variant: normal;
font-size:14px;
line-height: 23px;
font-weight:normal;
color: #000000;
} 

h2 {
text-align: justify;
vertical-align: top;
font-family: arial, verdana, sans-serif;
font-size:12px;
line-height: 18px;
font-weight:400;
margin-bottom:0;
color: #000000;
}

h3 {
text-align: left;
vertical-align: baseline;
font-family: arial, verdana, sans-serif;
font-size:11px;
line-height: 13px;
font-weight:100;
margin-top:2px;
margin-bottom:2px;
color: #000000;
}

h4 {
text-align: left;
vertical-align: top;
font-family: arial, verdana, sans-serif;
font-size:9px;
line-height: 13px;
font-weight:100;
margin-bottom:0;
color: #000000;
} 

h5 {
text-align: justify;
vertical-align: top;
font-family: arial, verdana, sans-serif;
font-variant: normal;
font-size:18px;
line-height: 23px;
font-weight:normal;
color: black;
} 
 
h6 {
text-align: left;
vertical-align: top;
font-family: arial, verdana, sans-serif;
font-size:9px;
line-height: 14px;
font-weight:normal;
margin-bottom: 2pt;
margin-top: 2pt;
color: #000000;
}
/* ------------------------------- end fonts --------------------- */

/* ------------------------------- ul start --------------------- */
ul.tick {
list-style-type: none;
padding-left:0;
margin-left:20px;
margin-bottom:0px;
margin-top:30px;
}

li.ticklist {
margin-bottom:8px;
margin-right:20px;
line-height:2.0em;
font-family: arial, verdana, sans-serif;
font-size:12px;
list-style: none; 
color:#000000;
font-style: normal;
line-height: 2em;
font-weight: 400;
font-variant: normal;
text-align:left;
}

li.list3 {
list-style: square inside; 
color:black;
font-family: arial, verdana, sans-serif;
font-size:10px;
text-align:left;
}
/* ------------------------------- ul end --------------------- */

 


.rollover a { display:block; width:32px; background-color: #FFFFFF}
.rollover a:hover { background-color: #008001}

a.one:link {color: #000000} 
a.one:visited {color: #708090} 
a.one:hover {color: #000000} 

a.two:link {color: #0404B4}
a.two:visited {color: #0000ff}
a.two:hover {color: #000000}

A.three:link {text-decoration: none}
A.three:visited {text-decoration: none}
A.three:active {text-decoration: none}
A.three:hover {text-decoration: underline; color: red;}

A.three1:active {COLOR: #000000; TEXT-DECORATION: none; padding-bottom: 13px; FONT-FAMILY: Verdana, arial; FONT-SIZE: 11px;}
A.three1:visited {COLOR: #000000; TEXT-DECORATION: none; padding-bottom: 13px; FONT-FAMILY: Verdana, arial; FONT-SIZE: 11px;}
A.three1:hover {COLOR: #3894E5; TEXT-DECORATION: none; padding-bottom: 13px; FONT-FAMILY: Verdana, arial; FONT-SIZE: 11px;}
A.three1:link {COLOR: #000000; TEXT-DECORATION: none; padding-bottom: 13px; FONT-FAMILY: Verdana, arial; FONT-SIZE: 11px;}

a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}

a.five:link {color: #0000A0;}
a.five:visited {color: #0000A0; text-decoration: none}
a.five:hover {color: red; text-decoration: underline}

li.list2 {
list-style: square inside; 
color:black;
font-family: arial;
font-size:10px;
vertical-align:middle;
} 

.top{
vertical-align:top;
}	  
   


.image {
	position:relative;
	float:left; /* optional */
}
.image .text {
	position:absolute;
	top:0px; /* in conjunction with left property, decides the text position */
	left:5px;
	width:575px; /* optional, though better have one */
}
  
.image1 {
	position:relative;
	float:left; /* optional */
}
.image1 .text {
	position:absolute;
	top:20px; /* in conjunction with left property, decides the text position */
	left:25px;
	width:550px; /* optional, though better have one */
}

.image2 {
	position:relative;
	float:left; /* optional */
}
.image2 .text {
	position:absolute;
	top:20px; /* in conjunction with left property, decides the text position */
	left:0px;
	width:550px; /* optional, though better have one */
}
  



/* ------------------------------- start side menu --------------------- */

#image_map{
width:150px;
height:270px;
background:url(images/menu_new_right.gif) no-repeat;
border:0px solid green;
position:relative;
}
#image_map a{
display:block;
position:absolute;
} 
#image_map a#link1{
width:50px;
height:50px;
top:50px;
left:15px;
} 
#image_map a#link2{
width:50px;
height:50px;
top:130px;
left:15px;
}
#image_map a#link3{
width:50px;
height:50px;
top:210px;
left:15px;
}
#image_map a#link4{
width:50px;
height:50px;
top:50px;
left:90px;
}
#image_map a#link5{
width:50px;
height:50px;
top:130px;
left:90px;
} 
#image_map a#link6{
width:50px;
height:50px;
top:210px;
left:90px;
}
/* ------------------------------- end side menu --------------------- */

/* ------------------------------- start side menu_2 --------------------- */

#image_map_2{
width:158px;
height:697px;
background:url(images/menu_new_right_2.gif) no-repeat;
position:relative;
}
#image_map_2 a{
display:block;
position:absolute;
} 
#image_map_2 a#link1{
width:50px;
height:50px;
top:50px;
left:20px;
} 
#image_map_2 a#link2{
width:50px;
height:50px;
top:150px;
left:20px;
}
#image_map_2 a#link3{
width:50px;
height:50px;
top:225px;
left:20px;
}
#image_map_2 a#link4{
width:50px;
height:50px;
top:300px;
left:20px;
}
#image_map_2 a#link5{
width:50px;
height:50px;
top:390px;
left:20px;
} 
#image_map_2 a#link6{
width:50px;
height:50px;
top:470px;
left:20px;
}
#image_map_2 a#link7{
width:80px;
height:80px;
top:580px;
left:40px;
}

/* ------------------------------- end side menu_2 --------------------- */



/* ------------------------------- start top menu --------------------- */
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none; }

#nav li {
float: left; }
	
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc; 
border-top: 1px solid #ccc; }
	
#nav li a {
display: block;
padding:8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc; }	
		
#nav li a:hover {
color: #c00;
background-color: #fff; }
		
#nav {
width: 100%;
float: right;
margin: 0 0 0.75em 0;
padding: 0;
list-style: none;
background-color: #ebf5f6;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px solid #ccc; }

#nav li {
float: right; }

#nav li a {
display: block;
padding: 0.5px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc; }

#nav li a:hover {
color: #c00;
background-color: #fff; }
/* ------------------------------- stop top menu --------------------- */

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

#nav-menu li
{
float: left;
margin: 0 0.15em;
} 

#nav-menu li a
{
background: url(images/background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
font-family: arial, verdana, sans-serif;
font-size:10px;
font-weight: 600;
float: left;
width: 6em;
display: block;
border: 0.1em solid #dcdce9;
color: #000000;
text-decoration: none;
text-align: center;
} 



/* ------------------------------- start curved box --------------------- */

.corner_tl, .corner_t, .corner_tr, .corner_l, .corner_r, .corner_bl, .corner_b, .corner_br, .corner {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.corner_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".corner" and change the padding
    */
    background-color: #ffffff;
    background-image: url("images/corner_border.png");
    background-repeat: repeat-x;
    background-position: top;
}
.corner_tl {
    height: 100%;
    background-image: url("images/corner_topleft.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.corner_tr {
    height: 100%;
    background-image: url("images/corner_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.corner_bl {
    height: 100%;
    background-image: url("images/corner_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.corner_br {
    height: 100%;
    background-image: url("images/corner_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.corner {
    height: 100%;
    /* change this if you want to change the distance distance to text/content */
    padding: 15px 16px 15px 16px;
}

.corner_l {
    height: 100%;
    background-image: url("images/corner_border.png");
    background-repeat: repeat-y;
    background-position: left;
}
.corner_r {
    height: 100%;
    background-image: url("images/corner_border.png");
    background-repeat: repeat-y;
    background-position: right;
}
.corner_b {
    height: 100%;
    background-image: url("images/corner_border.png");
    background-repeat: repeat-x;
    background-position: bottom;
}
/* ------------------------------- end curved box --------------------- */