/*
	Theme Name: QIDS
	Description: 
	Author: 
	Author URI: 
	Version: 1.2
*/

html, body { margin: 0pt; padding: 0pt; }
body { 
	font: normal 10pt Arial, sans-serif;
	text-align: center;
	background: #502515 url(graphics/bg.jpg) repeat-x top;
	margin-top:50px;
}


/* CONTAINER */
div#container { text-align: left; background: #f7f2d4;}
div#container { margin: 0pt auto; width: 784px; padding: 0px; }

/* HEADER */
div#header {
	position: relative;
	background: #ffffff url(graphics/header.jpg) no-repeat top center;
	height: 175px;
	padding: 0;
	margin:0;
}
div#header h1 {
	width:784px;
	height: 175px;
	padding: 0;
	margin: 0;
}
div#header span {
	display:none;
}
div#header a, div#header p {
	padding: 0;
	margin: 0;
}

/* MENU */
#navlist
{
	position: relative;
	height:25px;
	padding: 5px;
	padding-left: 43px !important;
	background: #003300;
	text-align: center;
	margin-bottom: 50px !important;
}

ul#navlist a {
	text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#navlist li {  float:left }

ul#navlist li a {
	display: block;
	color: #cc9933;
	font: bold 10px Verdana, Helevtica, sans-serif;
	text-transform: uppercase;
	padding: 7px 10px 6px 10px;
}

ul#navlist li a:hover {
	color: #003300;
	background-color: #99cc33;
}

ul#navlist li a:active {
	color: #003300;
	background-color: #99cc33 !important;
}

ul#navlist li:hover, ul#navlist li.hover  {
	color: #003300;
	background: #99cc33;
}

ul#navlist li:hover a, ul#navlist li.hover a{
	color: #003300;
	background: #99cc33;
}

ul#subnavlist {
	visibility: hidden;
	position:absolute;
	background: #99cc33;
}
ul#subnavlist li {
	float: left;
	text-transform: lowercase !important;
}

ul#subnavlist li a
{
	padding: 5px;
	margin: 0px;
	color: #003300;
}

ul#navlist li:hover ul#subnavlist, ul#navlist li.hover ul#subnavlist
{
	visibility: visible;
	position: absolute;
}

ul#navlist li:hover ul#subnavlist li a, ul#navlist li.hover ul#subnavlist li a
{
	display: block;
	border: none;
	padding: 5px 10px;
	font: normal 11px Verdana, Helevtica, sans-serif !important;
	text-transform: none !important;
}

ul#navlist li:hover ul#subnavlist li a:hover, ul#navlist li.hover ul#subnavlist li a.hover
{
	background: #ccff99;
}

#navlist li:hover ul,
#navlist li.msieFix ul {
	visibility: visible;
}


/* ARTWORKS */
div#meat-welcome {
        background: url(graphics/healthcare.jpg) no-repeat top left;
}
div#meat-about #navigation {
        background: url(graphics/nanay.jpg) no-repeat top left;
}
div#meat-operations #navigation {
        background: url(graphics/tatay.jpg) no-repeat top left;
}
div#meat-studies #navigation {
        background: url(graphics/patintero.jpg) no-repeat top left;
}
div#meat-papers #navigation {
        background: url(graphics/pitikbulag.jpg) no-repeat top left;
}
div#meat-surveys #navigation {
        background: url(graphics/preso.jpg) no-repeat top left;
}
div#meat-data #navigation {
        background: url(graphics/welcome.jpg) no-repeat top left;
}
div#meat-about #navigation, div#meat-operations #navigation, div#meat-studies #navigation, div#meat-papers #navigation, div#meat-surveys #navigation, div#meat-data #navigation {
	padding-top: 330px !important; }

	

/* CONTENT */
div#content {
	float: right;
	width: 440px;
	padding: 0 30px 10px 0px;
}
div#content p { line-height: 1.4;
        text-align: justify; }
div#content h2, div#content-photos h2,div#content-photosmod h2 {
	font: bold 18pt Verdana, Arial, helvetica, sans-serif;
	color: #99cc33;
	text-transform: lowercase;
	padding: 0 0 10px 0;
	margin: 0;
}

div#content h3, div#content-photos h3, div#content-photosmod h3 {
	font: bold 14pt Verdana, Arial, helvetica, sans-serif;
	color: #006600;
	text-transform: lowercase;
	border-bottom: 1px dashed #006600;
	padding: 0;
}

div#content h4 {
	font: bold 12pt Verdana, Arial, helvetica, sans-serif;
	color: #cc6600;
	text-decoration: underline;
	padding: 0;
}
div#content a, div#content a:link, div#content-photos a, div#content-photosmod a, div#content-photos a:link, div#content-photosmod a:link {
	color:#006600;
}

div#content a:visited, div#content-photos a, div#content-photosmod a {
	color: #666666; 
}
div#content a:hover, div#content-photos a:hover, div#content-photosmod a:hover {
	color: #000000;
}
div#content .backtop a {
	text-decoration: none;
	color: #99cc33;
}
div#content-photos {
	float: left;
	width: 780px;
	padding: 0 10px 10px 10px;
	text-align: center;
}
div#content-photosmod {
	float: right;
	width: 440px;
	padding: 0 120px 10px 0px;
	}
div#content-photos ul {
     margin:0 auto;
     padding:0;
     width: 635px;
     display:block;
}
div#content-photos ul li {
     list-style: none;
     margin: 5px;
     text-align: center;
     display: block;
     float: left;
     border: 0 !important;
}
div#content-photosmod ul {
     margin:0 auto;
     padding:0;
     width: 635px;
     display:block;
}
div#content-photosmod ul li {
     list-style: none;
     margin: 5px;
     text-align: center;
     display: block;
     float: left;
     border: 0 !important;
}
/* NAVIGATION*/
div#navigation { 
	float: left;
	width: 300px;
	padding-left: 5px;
	text-align: center;
    display: block;       
}
div#navigation ul, div#navigation ul li {
	list-style-type: none;
}
div#navigation li {
    padding: 5px 0;
}
div#navigation a {
	text-decoration: underline;
	color: #ff6600;
	font-weight: bold;
}
div#navigation-papers {
	float: left;
	width: 180px;
	padding: 0 0px 0px 5px;    
    font-size: 80%;
    text-align: left;
}
div#navigation-papers ul, div#navigation-papers ul li {
	list-style-type: none;
}
div#navigation-papers a {
	text-decoration: underline;
	color: #ff6600;
	font-weight: bold;
}

/* EXTRA */
div#extra {
	clear: both;
	padding: 0 40px 0 30px;
        text-align: justify;
}
div#extra p { line-height: 1.4; }
div#extra h3 {
	font: bold 14pt Verdana, Arial, helvetica, sans-serif;
	color: #006600;
	text-transform: lowercase;
	border-bottom: 1px dashed #006600;
	padding: 0;
}
div#extra a {
        color: #ff6600;
text-decoration: none;
}
div#extro {
	clear: both;
	padding: 0 40px 0 30px;
        text-align: right;
}div#extro a {
        color: #cccccc;
text-decoration: none;
font: 10px Tahoma;
letter-spacing: .2em;

}
/* FOOTER */
div#footer {
	background: #cc9966;
	color: #ffffff;
	border: 5px solid #f7f2d4;
	text-align: center;
	clear: both;
}
div#footer { margin: 30px 5px 5px 5px; padding: 10px; }


/* OTHERS */
fieldset {
	border: none;
}