body {
background-color:#369;
font-family:  Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0px auto;
text-align: left;
width: 717px;
}

/********************** Header ***************************/
#header {
	position:relative;
	margin:0px auto;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:170px;
	padding:0px;
	border: 1px black solid;
	border-bottom:0px !important;
	}

#header h1 {
display:none;
}


/********************** Menus ***************************/
.nav {
margin: 0px auto;
height:35px; 
background: url(images/pro_line_0.gif) repeat-x; 
position:relative; 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px; 
width:700px; 
z-index:500;
text-align:center;
border: 1px black solid;

}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}
.nav ul {
display:inline-block;
display:inline;}

.nav ul li {float:left;}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url(images/pro_line_0.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(images/pro_line_2.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;

}

.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(images/pro_line_2.gif) right top;
color:#FFE1FF;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(images/pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(images/pro_line_1.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/********************** Content ***************************/
#construction {
background-color:white;
width:700px;
}

#left {
position:relative;
float:left;
width:450px;
position:relative;
magin: 30px 10px 10px 10px;
padding: 30px 10px 30px 20px;
display:inline;
border-right: #FFF 3px solid;
}

#left h2{
color:#006699;
font-size:14px;
}

#left p {
text-align:justify;
}


#content {
padding: 0px;
height: auto !important;
}

#content h1, #content h2,	
#content p, #content pre, #content blockquote, 
#content ul, #content ol, #content form,
#content #searchform {
margin-bottom: 5x;
}

#content h2 {
position: relative;
display: block;
height: 35px;
padding: 0px 20px;
margin-bottom: -10px;
font: bold 20px/40px  Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
background: url(images/heading_bg.gif);
background-repeat:no-repeat;
color:#FFFFFF;
cursor: pointer;
overflow: hidden;
clear: both;
font-size:medium;
} 

em {
font-size:medium;
color:#000033;
}

#content h2 span {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 400px;
  height: 10px;
  color: #222;
  font: normal 14px/40px  Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  text-align: right;
}

#content h3, #content h3 a {
  font: bold 20px/28px  Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #fff;  
  padding: 0 20px;
}

#content h3 a {
  padding: 0;
}

#content p, #content form{
  text-align: justify;
  padding: 10px 20px 0px 20px;
}

#content blockquote {
  margin: 15px 20px 25px 20px;
  min-height: 40px;
  height: auto !important;
  height: 40px;  
}

#content pre {
  font:normal 12px/14px  Geneva, Arial, Helvetica, sans-serif;
  border: 0.5px solid #6ed611; 
  background: #111;
  margin: 20px;
  padding: 10px;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;       /* Opera 4-6 */
  white-space: -o-pre-wrap;       /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
#content code{
font:normal 12px/14px  Geneva, Arial, Helvetica, sans-serif;
}

#content ul, #content ol {
  padding-left: 60px;
  padding-right: 60px;
}

#content ul li , #content ol li {
  text-align: left;
}

#content ul li ul, #content ol li ol {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
}

.programs{
list-style-image:url(images/top_pointer.jpg);
list-style-position:outside;
}

.sub {
list-style:circle;
}

#right {
border-left: #FFF 3px solid;
}

#right img {
margin:5px 5px 3px 7px;
}

/********************** Footer ***************************/
#bottom {
position:relative;
padding:0; 
margin:0 auto; 
width:100%;
background-image: url(images/bg01.jpg);
background-repeat:repeat-x;
background-color:#42556C;
overflow:hidden;
background-color:#42556C;
	}

#footerline {
clear:both;
background-image:url(images/footer_bg.jpg);
font-size:1px;
height:10px;
}

#footer {
clear:left;
margin:-12px auto; 
width:700px;
height:54px;
background-image:url(images/bg02.jpg);
background-repeat:no-repeat;
padding: 0px 0px 0px 20px;
}

#footer p {
text-align:center;
padding: 15px 0px;
color:#FFFFFF;
}