* { margin: 0; padding: 0; }

body {
	background-image: url(gfx/background.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #fff;
	font: 12px Arial, Verdana,  Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	text-align: center;
}

img {
	border: 0;	
}


a {
	color: #646464;
}

h1, h2, h3 {
   margin-bottom: 10px;	
}

a:hover {
	color: #000;
}

p {
   margin-bottom: 10px;	
}

input, textarea {
   	background-color: #fff; 
   	border: #c8c8c8 solid 1px;
   	width: 300px;
}

select {
   	background-color: #fff; 
   	border: #c8c8c8 solid 1px;
	margin-right: 4px;
}

ul {
   margin-left: 20px;
   margin-bottom: 10px;	
}

#submit {
   width: 100px;
   text-align: center;
   margin: 0 auto; 	
}

#content li {
   margin-bottom: 5px;	
}

.margin {
   margin-left: 25px;	
}

.sub_ul {
   padding-top: 5px;	
}

/****************** CSS Driven Menu ***************/
		
/* hack to correct IE5.5 faulty box model */
* html #menu_left {
	float: left;
	height: 34px;
}

#menu_left a, 
#menu_left p,
#menu_left span {
   cursor: pointer;	
}


/* remove all the bullets, borders and padding from the default list styling */
#menu_left ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menu_left ul ul {
	width:184px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu_left li {
	float:left;
	width:184px;
	position:relative;
	background-image: url(gfx/button_off.jpg);
	background-repeat: no-repeat;
}

#menu_left li a.top_parent_current {
	background-image: url(gfx/button_on.jpg);
	background-repeat: no-repeat;
}

/* style the links for the top level */
#menu_left a, #menu_left a:visited {
	font: 12px Arial, Verdana,  Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	text-align: left;
	color:#000;
	width:184px;
	height:34px;
	margin: 0px;
	padding: 0px;
}

#menu_left span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 15px;
	top: 12px;
}

.longer_desc {
    top: 4px !important;	
}

.sub_link_left {
 	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 8px;
	top: 5px;	
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu_left a, * html #menu_left a:visited {
	width:184px;
}

/* style the second level background */
#menu_left ul ul a.drop, #menu_left ul ul a.drop:visited {
	
}

/* style the third level background */
#menu_left ul ul ul a, #menu_left ul ul ul a:visited {
	
}

/* style the third level hover */
#menu_left ul ul ul a:hover {
	
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_left ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top: 0px;
	left: 184px;
}

/* another hack for IE5.5 */
* html #menu_left ul ul {
	top:0px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu_left table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the second level links */
#menu_left ul ul a, #menu_left ul ul a:visited {
	background-image: url(gfx/button_off.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	height: 34px;
	width:164px;
	padding-left: 20px;
	text-align: left;	
}


/* yet another hack for IE5.5 */
* html #menu_left ul ul a, * html #menu_left ul ul a:visited {
	width:184px;
}

/* style the top level hover */
#menu_left a:hover {
	color:#246E96;
    background: url(gfx/button_on.jpg) no-repeat;
    width: 184px;
}

#menu_left :hover > a {
	color:#246E96;
	background: url(gfx/button_on.jpg) no-repeat;
}

#menu_left ul ul ul :hover > a {
	color:#246E96;
    background: url(gfx/button_on.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 184px;
}


#menu_left ul ul a:hover, #menu_left ul ul ul a:hover {
	color:#246E96;
    background: url(gfx/button_on.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 184px;
}

/* make the second level visible when hover on first level list OR link */
#menu_left ul li:hover ul,
#menu_left ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#menu_left ul :hover ul ul{
	visibility:hidden;
}
/* keep the forth level hidden when you hover on first level list OR link */
#menu_left ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu_left ul :hover ul :hover ul{
	visibility:visible;
}
/* make the forth level visible when you hover over second level list OR link */
#menu_left ul :hover ul :hover ul :hover ul{
	visibility:visible;
}

 
/* divs ------------------------------------------------------- */

#container {
	background-image: url(gfx/bottom_background.jpg);
	background-color: #fff;
	width: 767px;
	text-align: left;
	margin: 0px auto;
}

#top {
	position: relative;
	background-image: url(gfx/banner.jpg);
	background-repeat: no-repeat;
	height: 135px;
}

#top img {
   position: absolute;
   left: 58px;
   top: 2px;	
}

#menu_left {
   float: left;	
   width: 184px;
   padding-left: 20px;
   margin-top: 25px;
   border-right: #efefef solid 1px;
   padding-bottom: 150px;
}

#content {
   float: left;
   width: 510px;
   margin-top: 20px;
   margin-left: 20px;
}

#content_header {
   margin-top: 15px;	
}

#content_header h1 {
   color: #3D709B;
   font-size: 22px;	
   margin-bottom: 10px;
}

#content h3 {
   color: #3D709B;
   font-size: 16px;	
   margin-bottom: 10px;
}

#content h2 {
   color: #3D709B;
   font-size: 18px;	
   margin-bottom: 10px;
}

#horizontal_line {
   width: 99%;
   border-top: #efefef solid 1px;	
   margin-bottom: 10px;
}

#actual_page {
   float: right;	
   margin-top: 12px;
   margin-right: 10px;
   color: #8D8D8D;	
   font-size: 10px;
}

#contents {
   background-image: url(gfx/middle_background.jpg);
   background-repeat: no-repeat;
}


#pic_bottom {
    background-image: url(gfx/pic_bottom_1.jpg);
    background-repeat: no-repeat;
    background-position: 20px bottom;
}


#footer {
   background-image: url(gfx/shadow_bottom.jpg);	
   background-repeat: no-repeat;
   background-color: #fff;	
   height: 70px;
   padding-top: 20px;
   padding-right: 20px; 
}

#footer_logo {
   float: right;	
}

#footer_right {
   float: right;
   margin-right: 10px;	
}

#pictures img {
   padding: 1px;
}

#pictures_2  {
   float: right;
   width: 200px;
   padding-left: 5px;
}

#pictures_2 img {
   padding-bottom: 3px;	
}