body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size: 80%; text-align:left;
}

p {
margin:0.2em 0 0.6em 0
; padding:0.3em;
}

h1 {
padding:0; margin:0em;
font-size: 23px; font-style:italic; 
color: #0C6B9B;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-transform: uppercase;}

h2 {
color: #008080; font-size: 18px;  
font-style: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-bottom: 1px #cccccc dashed;
font-weight: bold;} 

div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color: #0000FF;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#8CD749; text-decoration:underline;}

.container {margin-top:0px;
 margin:0 auto 0 auto; padding:0; width:100%;}

.titleblock {
text-align:left; margin:-16 0 0 0; padding:0;
height: 140px;
background-color: #2288BB;}

.titleblock p {
color: #8ba249;
text-transform: lowercase;
text-indent: 1em;
font-style: normal;
font-size: 14px;
}



/*** Nav Bar Top ***/
ul.navbar {text-align:center; 
list-style-type:none; float:left; display:block; width:100%; height: 34px; line-height: 2em ;
clear:both; margin:0;padding:0;
margin:0; padding-top:3;
background-image: url(images/menubk.gif);
background-repeat: repeat-x;
background-position: top;
}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width: 125px; height: 34px; margin:0; 
text-decoration:none ;color: #000000;
font-weight: bold;
font-size: 0.8em;}

a.nav:hover {
display:block; float:left; width: 125px; height: 34px; margin:0; 
text-decoration:none;
color:#0C6B9B;
font-weight: bold;
}

a.paper:link, a.paper:visited {
text-decoration:none;}

a.paper:hover {
text-decoration:none;}

a.nav:active {
display:block; float:left; width: 125px; margin:0; 
text-decoration:none; color:#FFFFFF;}



/*** Nav Bar Side ***/
ul.navbarside { position:relative; top: 10px; left: 0px;
list-style-type:none; float:left; display:block; width:155px; height: 30px; line-height: 1em ;
clear:both; margin:0;padding:0;
border-bottom: 1px #FFFFFF solid;
}

ul.navbarside li {
display:inline;}

a.navside:link, a.navside:visited {padding:6px 6px 6px 0;
display:block; float:left; width: 155px; height: 30px; margin:0; 
text-decoration:none ;color: #000000;
font-weight: bold;
font-size: 0.8em;}

a.navside:hover {padding:6px 6px 6px 0;
display:block; float:left; width: 155px; height: 30px; margin:0; 
text-decoration:none;
text-decoration:none ;color: #FFFFFF;
background-color: #2288BB;
font-weight: bold;
}

a.paper:link, a.paper:visited {
text-decoration:none;}

a.paper:hover {
text-decoration:none;}

a.navside:active {padding:6px 6px 6px 0;
display:block; float:left; width: 155px; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}



/*** Nav Bar Side IPUC ***/
ul.navbaripuc {
list-style-type:none; float:left; display:block; width:155px; height: 30px; line-height: 1em ;
clear:both; margin:0;padding:0;
border-bottom: 1px #FFFFFF solid;
}

ul.navbaripuc li {
display:inline;}

a.navipuc:link, a.navipuc:visited {padding:6px 6px 6px 0;
display:block; float:left; width: 155px; height: 30px; margin:0; 
text-decoration:none ;color: #000000;
background-color: #BBDDEE;
font-weight: bold;
font-size: 0.8em;}

a.navipuc:hover {padding:6px 6px 6px 0;
display:block; float:left; width: 155px; height: 30px; margin:0; 
text-decoration:none;
text-decoration:none ;color: #FFFFFF;
background-color: #2288BB;
font-weight: bold;
}

a.paper:link, a.paper:visited {
text-decoration:none;}

a.paper:hover {
text-decoration:none;}

a.navipuc:active {padding:6px 6px 6px 0;
display:block; float:left; width: 155px; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}


/*** OTHERS ***/
.content { position:absolute; top: 195px; left: 160px;
display:block; float:center; width: 64.5%; margin:0;
clear:left; text-align:left; margin:0px 0px 0px 0px; padding: 0em 0ex 0em -20ex}

.content h2 {text-indent:3em;}

.exspon { position:absolute; top: 214px; left: 81%;
display:block; float:center; width: 18.5%; margin:0;
clear:left; text-align:left; margin:0px 0px 0px 0px; padding: 0em 0ex 0em -20ex}

.content2 {
clear:left; text-align:left; margin:1em 1em 0 0; padding: 0em 1ex 1em 1ex}

.horizontal { 
background-image: url(images/panel-background.gif);
background-repeat: repeat-x;
background-position: top;
} 

#regbar
{
	width: 140px;
	position: absolute;
	left: 420px;
	top: 8px;
	padding: 1px;
	letter-spacing: 0.1px;
	line-height: 20px;
	margin-top: 5px;
	margin-left: 0px;
	height: auto;
}

#regbar h3
{
	border-bottom: 1px solid black;
	margin-bottom: 4px;
	margin-top: 16px;
	clear: both;
}

#regbar ul
{
	margin-left: 1em;
	padding-left: 0px;
}

#regbar p
{
	margin-bottom: 8px;
}


#regbar a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#regbar a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#onlbar
{
	width: 140px;
	position: absolute;
	left: 420px;
	top: 38px;
	padding: 1px;
	letter-spacing: 0.1px;
	line-height: 20px;
	margin-top: 5px;
	margin-left: 0px;
	height: auto;
}

#onlbar h3
{
	border-bottom: 1px solid black;
	margin-bottom: 4px;
	margin-top: 16px;
	clear: both;
}

#onlbar ul
{
	margin-left: 1em;
	padding-left: 0px;
}

#onlbar p
{
	margin-bottom: 8px;
}


#onlbar a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#onlbar a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/*** regbar menu ***/

.navreg {

	background:#fafafa;
	border:1px solid #b0b0b0;
	display:block;
	margin-top:8px;
	margin-left:-10px;
	padding:4px 2px 2px 7px;
	position:relative;
	width:220px;
	height:auto;
	font-size: 9px;
	text-decoration:none;
	color: #000000;

}

.navreg:hover,.active {
	background:#2288BB;
	border:1px solid #909090;
	text-decoration:none;
	color: white;
}

.subreg {
	font-size:0.8em;
	letter-spacing:1px;
	margin:3px 0 2px 10px;
	padding:4px 2px 2px 8px;
	width:125px;
}