/* roln editable css form */
html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-size: 76%;
}



p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}

div, p, table, td, th {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	font-size: 1em;
	color: #99oooo;
}

span.pathway {
	display: block;
	margin-bottom: 15px;
}



table.moduletable {
  width: 100%;
  margin-bottom: 15px;
}

table.moduletable td {
	padding: 8px 0;
}

div.moduletable {
  margin-bottom: 15px;
}

.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}



div.mosimage_caption {
  font-size: .90em;
  color: #666;
}

div.center {
  text-align: center;
  align: center;
}

/** some content stuff **/



div.search input {
	width: 145px;
	border: 1px solid #41e10b;
	margin: 15px 0 10px 0;
	
}

/** roln css buttons **/
#css_buttons {
	width: auto;
	white-space: nowrap;
	float: right;
	margin-top: 85px;
	margin-right: 20px;
}

#css_buttons a {
	margin-right: 1px;
}



BODY {SCROLLBAR-FACE-COLOR: #004284; SCROLLBAR-HIGHLIGHT-COLOR: #004b97; SCROLLBAR-SHADOW-COLOR: #000066; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #000066; SCROLLBAR-TRACK-COLOR: #cccccc; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }
#left_outer{float: left; margin-top: 2px; width:165px;}
#left_inner{border: 1px solid #ffffff; padding: 2px float: none !important; float: left;}
#right_outer{float: left; margin-top: 2px; width:165px;}
#right_inner{border: 1px solid #ffffff; padding: 2px float: none !important; float: left;}
.user1_inner{border: 1px solid #000066; float: none !important; float: left; margin: 0px; padding: 2px;}
.user2_inner{border: 1px solid #000066; float: none !important; float: left; margin: 0px; padding: 2px;}
.back_button{float: left; text-align: center; font-size: 11px; font-weight: bold; border: 3px double #000066; width: auto; background: url(../images.png) repeat-x; padding: 0px 10px; line-height: 20px; margin: 1px;}
#buttons_inner{border: 1px solid #000066; height: 21px;}
#buttons>ul#mainlevel-nav li a{width: auto;}
#buttons_outer{width: 635px; margin-right: margin-botton: 2px; float: left;}
#buttons{float: left; margin: 0px; padding: 0px; width: auto;}
#content_inner{float: none !important; float: left; padding: 0; padding-top: 2px; margin: 0;}
#content_outer{ padding: 0px; margin-top: 0px; margin-left: 2px; /*border: 1px solid #cccccc; **/float: left; width: 600px;}
ul#mainlevel-nav li {background-image: none; padding-left: 0px; padding-right: 0px; float: left; margin: 0; font-size: 11px; line-height: 21px: white-space: nowrap; border-right: 1px solid #41e10b;}
ul#mainlevel-nav{list-style: none; padding: 0; margin: 0; font-size: 0.8em;}
ul#mainlevel-nav li a{display: block; padding-left: 15px; padding-right: 10px; text-decoration: none; color: #41e1o; background: transparent;}
ul#mainlevel-nav li a:hover{color: #41e10b; background: #c64934;}
#buttons{float: left; margin: 0px; padding: 0px; width: auto;}
table.moduletable th, div.moduletable h3{background: url (.../image.png) repeat-x; color:#41e10b; text-align: left; padding-left: 4px; height: 21px; line-height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; margin: 0 0 2px;}
.highlight{background-color: #41e10b; color: blue; padding: 0;}
.mosimage{border: 1px solid #41e10b; margin: 5px}
.mosimage_caption{margin-top: 2px; backgroung: #efefef; padding: 1px 2px; color: #41e10b; text-transform: normal; font-size: 10px; border-top: 1px solid #41e10b;}
.maintitle{color:#0000ff; fon-size: 40px; padding-left: 15px; padding-top: 20px;}
.error{font-style: italic; text-transform: uppercase; padding: 5px; color: #cccccc; font-size: 10px; font-weight: bold;}
.pagenavbar{margin-right: 10px; float: right;}
#footer{text-align: center; padding: 3px;}
code{background-color:#ddd; border: 1px solid#bb;}
form{/*remove space below form elements*/margin: 0; padding: 0;}
div.mosimage{ border: 1px solid#ccc;}
ul{margin:0; padding:0; list-style: none;}
li{line-height: 15px; padding-left: 15px; padding-top: 0px; background-image: url(../images.png); background-repeat: no-repeat; background-position: 0px 2px;}
a:link, a:visited {
	color: ##004b97; text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #004b97;	text-decoration: underline;
	font-weight: normal;
}
h3, .componentheading, table.moduletable th {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica ,Arial,sans-serif;
  font-size: 1em;
  border-bottom: 1px solid #004b97;
  color: #990000;
  padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}

a.mainlevel:link, a.mainlevel:visited {
	padding-left: 17px;
	font-weight: bold;
	background: url(../images.png) no-repeat
}

a.mainlevel:hover {
	font-weight: bold;
}

h1 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #004b97;
	text-align: left;
	width: 100%;	
}

h2, .contentheading {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1em;
	font-weight: bold;
	vertical-align: bottom;
	color: #1B57B1;
	text-align: left;
	width: 100%;
	}
h4 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: bottom;
	color: #004b97;
	text-align: left;
	width: 100%;	
}
h5 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: bottom;
	color: #D6DFF7;
	text-align: left;
	width: 100%;	
}

#leftcolumn {
	padding: 0;
	margin: 0;
	width: 20%;
	float:left;
}

#maincolumn {
	margin-left: 20%;
	float: none;
	padding-left: 25px;
	width: auto !important;
	width: 100%;
}
.button {/* class="button" */
color:#990000;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
font-weight:bold;
border:3px double #990000;
width:auto;
background:#ffffff;
padding:0px 5px;
line-height:18px !important;
line-height:16px;
height:26px !important;
margin:1px;
}
.inputbox{/* class="inputbox" */
padding: 2px;
border:solid 1px #990000;
background-color:#999999;
}

#buttons_inner{/* <div id="buttons_inner"> Submint buttons </div> */
border:1px solid #cccccc;
height:21px;
}
#pathway_text{/* <td colspan="3"> <div id="pathway_text"> Your text here </div></td> */
overflow: hidden;
display:block;
height:25px:
line-height:25px !important;
line-height:22px;
padding-left:4px;
border:1px solid #ccc;
margin-bottom:2px;
}
.lgaTable {/*example: <table class="lgaTable"> </talbe>*/
border-color:#000000;
border-style:solid;
border-width:2;
font-size:11px;
display:block;
}
.lgaTable td{
border-width:1;
border-color:#9900000;/*this is the borderline color*/
border-style:solid;
background-color:##215dc6;

}.navmenu a
{
display:block;/*mao kini ang naka pa square sa button nga han-ay*/

color:#004b97;/*ma-o usab kini ang color sa anchor text*/
background:#D6DFF7;/*ma-o usab kini ang color sa ibabaw o surface ni-ining block nga button*/
font-size:11px;/*ma-o usab kini ang text font sa letra*/
font-weight: bold;/*ma-o usab kini ang font sa text o letra*/
border-bottom:1px solid #156baf;/*kahayag o color kini sa ilum sa button*/
border-top:1px solid #D6DFF7;/*kahayag o color ibabaw niining button*/
border-left: 2px solid #99CCFF;/*ga maintain sa color sa kilid sa wala*/
border-right: 3px solid #666666;/*ga maintain sa color sa kilid sa tuo*/
text-align: left;

padding:4px;
padding-left:15px;
text-decoration:none;
}

.navmenu a:hover
{
background:#adc6fa;
border-top:1px solid #D6DFF7;/*ma-o kini ang mupuli sa kahayag sa ibabaw ni-ining button*/
border-bottom:1px solid #D6DFF7;/*ma-o kini ang mupuli sa kahayag sa ilalum ni-ining button*/
text-decoration:none;
}
a:hover {
	color: #ffffff;/*ma-o usab kini ang hover color sa anchor text inside the block*/}
#nav1:hover, #nav2:hover {border-right:2px solid #9999ff; border-left: 2px solid #9999ff;}/*brown ang color sa left kung ma hover*/
#nav3:hover {border-right:5px solid #fac373;border-left: 2px solid #9999ff}/*maintain ang color sa left kay same man siya sa border-left sa navmenu*/
#nav4:hover {border-right:5px solid #19c813 ; border-left: 2px solid #9999ff;}/*nagkalain-laing  effect sa right side kung ehover sa sa ubos*/
#nav5:hover {border-right:5px solid #990000;border-left: 2px solid #9999ff;}/*for nav use id="nav1 or nav...."*/
#nav6:hover {border-right:5px solid #2271b3;border-left: 2px solid #9999ff;}
#nav7:hover {border-right:5px solid #4cb9c9;}
#nav8:hover {border-right:5px solid #e00;}
#nav9:hover {border-right:5px solid #bdfcf4;}
#nav10:hover {border-right:5px solid #ccc;}

/**frances new anchor text ***/
/*<div id only*/
#frances{
	padding: 0px;
	right: 550px;
	font-size: 11pt;
	text-align: left;
	margin-left: 2px;
}

#frances a {
	color: #005fa9;
	text-indent: 0px;
	list-style-position: outside;
	padding-left: 0px;
}

#frances a:hover {
	color: maroon;
	text-decoration: none;
}
 
 /*
 <STYLE type=text/css>
 
 //content

</STYLE>

//also this one

<LINK href="css/mystyle.css" type=text/css rel=stylesheet>
*/