/* CSS Document By Dieter Schneider 2006 | www.csstemplateheaven.com*/

* {margin: 0px;
   padding: 0px;
   font-size: 11px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;

}

#container {
	font-size: 1.1em;

}

#header {

	height: 155px;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;

}

#linkbar {
	background-image: url(images/linkbar_bg.jpg);
    height: 59px;
}

#left {
	background-image: url(images/content_top_bg.jpg);
	background-repeat: repeat-x;
	height: 417px;
	padding-left: 300px;
	padding-right: 100px;
	padding-top:50px;

}

#sub_left {width: auto;
    float: left;
    font-family: Verdana;
    color: #535b5e;
    text-align: justify
}



#left_topBox {
	height: 45px;
	padding-top: 1px;
	margin-bottom: 35px;
	color: #FFFFFF;
	font-size: 0.9em;
}

#right {
	background-image: url(images/main_graphics.jpg);
	position: absolute;
	top: 0;
	left: 0;
	width: 246px;
	padding-top: 284px;
	background-repeat: no-repeat;
	height: 492px;
}

#footer {
	clear: both;
	padding: 10px;
	text-align: right;
	border-top: 1px solid #CCCCCC;
}

/*table td, table th {
    color: #fff;
    border-right: 1px dotted #fff;
	border-bottom: 1px solid #fff;
	padding: 3px;
	line-height: 1.8em;
    vertical-align: top;
	width: 20%;
}*/

#pointer{
    font-weight: bolder;
    background-image: url(pointer.gif);
    background-repeat: no-repeat;
}

#arrow{
    padding-right: 15px;
    background-image: url(arrow.gif);
    background-repeat: no-repeat;
    _float:left;
    background-position: center;

}
#caption{
    color:#0626a0;
    padding-left: 20px;
    border-bottom:1px dotted #0626a0;
    text-transform: uppercase;
    font-weight: bolder;

}



/******************** Top Navigation ************************/

#navcontainer ul
{
    padding-left: 300px;
	background-color: #036;
	float: left;
	width: auto;
	font-family: verdana;
	background-image: url(images/linkbar_bg.jpg);
	background-repeat: repeat-x;
	height: 39px;
	border:none;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 21px 20px 0px 20px;
color: #fff;
text-decoration: none;
float: left;
border:none;
}

#navcontainer ul li a:visited
{
padding: 21px 20px 0px 20px;
color: #fff;
text-decoration: none;
float: left;
border:none;
outline:none;
}

#navcontainer ul li a:hover,
{
	background-image: url("images/hover_link_bg.jpg");
	background-repeat: repeat-x;
	height: 35px;
	color: #FFFFFF;
	border:none;
}

.current
{
    background-image: url("images/hover_link_bg.jpg");
	background-repeat: repeat-x;
	height: 35px;
	color: #FFFFFF;
	border:none;

}
#navcontainer ul li ul { display: block; }

#navcontainer ul li ul li {
padding: 21px 20px 0px 20px;
color: #fff;
text-decoration: none;
border:none;
display:block;
}
.vent{

  border-style: 2px;
  border-color: transparent;
  background-image: url(images/spacer.jpg);
  background-repeat: repeat-x;
  padding-right: 20px;
  padding-left: 20px;
}

/********************* End top navigation ***************************/


p {margin-bottom: 15px;
    margin-top: 0px;}

.ingress {margin-bottom: 15px;
    margin-top: 10px;}

.sign_up {
	font-weight: bold;
	color: #66FFCC;
}

h1 {
	font-size: 2em;
	padding-top: 50px;
	padding-left: 50px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}

h2 {
	font-size: 1em;
	padding-left: 50px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #666666;
	font-style: italic;
	font-weight: bold;
}


a:link {
	color: #0626a0;
	text-decoration: none;
	font-weight: bold;
	border:0px;
}     /* unvisited link */
a:visited {

	text-decoration: none;
	font-weight: bold;
	border:0px;
}  /* visited link */
a:hover {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	border:0px;
}   /* mouse over link */
a:active {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border:0px;
}   /* selected link */


.img_left {float: left;
            margin-right: 4px;}

 /***************************** sidebar navigation ****************************/

.navcontainer {
	width: 246px;
	background-image: url(images/right_navbar_bg.jpg);
	height: 250px;
	padding-top: 74px;
	background-repeat: no-repeat;
}

.navcontainer ul
{
list-style-type: none;
margin-left: 40px;
}

.navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #FFFFFF;

color: #0626a0;
}





.navcontainer a:link
{
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #0626a0;
color: #fff;
}




img {
   behavior: url("pngbehavior.htc");
}

/* ================================================================
submenu
=================================================================== */
/* style the outer div to give it width */
.menu {

padding-left:300px;
background-image: url(images/linkbar_bg.jpg);
background-repeat: repeat-x;
font-family: Verdana;
font-size:11px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
background-image: url(images/linkbar_bg.jpg);
background-repeat: repeat-x;


}
.menu ul ul {

background-image: url(images/linkbar_bg.jpg);
background-repeat: repeat-x;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;

position:relative;
background-image: url(images/linkbar_bg.jpg);
background-repeat: repeat-x;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
color:#fff;
width:auto;
w/idth:auto;
height:49px;
/*border:1px solid #fff;
border-width:1px 1px 0 0;*/
padding-right:20px;
padding-left:20px;
line-height:39px;
background-image: url(images/linkbar_bg.jpg);
background-repeat: repeat-x;
padding-top:10px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:120px;
w\idth:auto;
f\loat: left;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
    background-image: url("images/linkbar_bg.jpg");
	background-repeat: repeat-x;
    padding-top:10px;
	height: 35px;
	color: #FFFFFF;
	border:none;
    width: 140px;
    w/idth: 140px;
}

/* style the third level hover */
.menu ul ul ul a:hover {
 background-image: url("images/hover_link_bg.jpg");
 background-repeat: repeat-x;
 width: 140px;
}
.menu ul ul ul :hover > a {
 background-image: url("images/hover_link_bg.jpg");
 background-repeat: repeat-x;
 width: 140px;
}

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


}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:59px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:97px;
top:0;




}


/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background-color: #37496f;
color:#fff;
height:35px;
padding:10px 0px 10px 20px;
width:78px;
w/idth:65px;
/* yet another hack for IE5.5 */
}
/* * html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#fff;
background-image: url("images/hover_link_bg.jpg");
background-repeat: repeat-x;

}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#fff;
background-image: url("images/hover_link_bg.jpg");
background-repeat: repeat-x;
}

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

.menu2 {
z-index:1000;
width: 246px;
background-image: url(images/right_navbar_bg.jpg);
height: 250px;
padding-top: 78px;
padding-left:40px;
background-repeat: no-repeat;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {
padding:0;
margin:0;
list-style-type:none;
width:170px;
background-color:#e6f5fd;
}
/* hack for IE5.5 */
* html .menu2 ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu2 li {
position:relative;
height:22px;
}

/* get rid of the table */
.menu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu2 a, .menu2 a:visited {
display:block;
text-decoration:none;
height:18px;
line-height:18px;
padding: 3px;
width: 160px;
color: #0626a0;
}
/* hack for IE5.5 */
* html .menu2 a, * html .menu2 a:visited {width:160px; w\idth:159px;}
/* style the link hover */
* html .menu2 a:hover {background-color: #0626a0;color: #fff;}

.menu2 :hover > a {
background-color: #0626a0;
color: #fff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {
visibility:hidden;
overflow:hidden;
position:absolute;
}
/* make the second level visible when hover on first level list OR link */
.menu2 ul li:hover ul,
.menu2 ul a:hover ul {
visibility:visible;
top:0;
left:160px;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu2 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu2 ul :hover ul :hover ul :hover ul {
visibility:visible;
}

.banner{
z-index:1;
 width:257px;
 height:256px;
 border:none;
 position:absolute;
 top:610px;
}