/* set all margins and pagging */
* {
margin: 0px;
padding: 0px;
}

body {
background-color: #fff;
color: #804914;
font-size: 0.9em;
font-family: "trebuchet ms", tahoma, "new gothic std", myriad, sans-serif;
font-weight: normal;
text-align: center;
}

p {
margin: 0px 0px 10px 0px;
}

/* define main page areas */
#container {
position: relative;
width: 780px;
margin: 0px auto 20px auto;
text-align: left;
background: #F6EFA0;
padding: 0px 0px 20px 0px;
}

#header {
position: relative;
height: 90px;
background: url('../images/header-bg.jpg');
overflow: hidden;
text-align: center;
}

#header img {
position: relative;
float: left;
margin: -5px 0px 0px -10px;
}

#header h1 {
color: #000;
margin: 5px 0px 0px 0px;
display: block;
position: relative;
left: -50px;
line-height: 1;
}

#mainbody {
position: relative;
width: 100%;
overflow: auto;
}

#content {
position: relative;
margin: 50px 80px 0px 180px;
/* text-align: justify; */
padding: 0px 0px 20px 0px;
}

#menuleft {
float: left;
width: 150px;
margin: 30px 0px 0px 5px;
}

#menuright {
float: right;
border: 1px solid #080;
width: 120px;
}

.pagename {
text-align: center;
margin: 5px 0px 0px 150px;
}

.aa {
float: right;
text-align: left;
width: 150px;
}

.ann {
margin: 20px 0px 0px 10px;
}

#footer {
text-align: center;
margin: 10px 0px 10px 0px;
}

/* menus as ul list so set-up look and feel */
#menuleft ul {
list-style-type: none;
margin: 0px 0px 10px 10px;
}

#menuleft ul li {
width: 150px;
margin-bottom: 5px;
}

#menuleft a:link {
text-decoration: none;
}

#menuleft a:visited {
text-decoration: none;
}

#menuleft a:active {
text-decoration: underline;
}

#menuleft a:hover {
text-decoration: underline;
}

.indentlist {
margin: 0px 0px 0px 30px;
}

.indentlist ul {
/* list-style-type: none; */
margin: 0px 0px 10px 20px;
padding: 0px;
}

.indentlist li {
margin: 0px 0px 6px 0px;
padding: 0px;
}

.indent {
margin: 0px 0px 0px 100px;
width: 80%}

.infoul  {
list-style-type: disc;
margin: 20px 0px 10px 20px;
padding: 0px;
}

.infoul li {
margin: 0px 0px 10px 0px;
padding: 0px;
padding-left: 20px;
}

.smaller {
font-size: 90%;
}

a {
color: #730B0A;
}

a:active {
color: #4D8040;
}

a:hover {
color: #4D8040;
}

table {
font-size:100%;
}

/* set all heading to same*/
h2, h3, h4, h5, h6 {
display:block;
font-weight: bold;
color: #730B0A;
font-size: 110%;
margin: 0px 0px 15px 0px;
}

/* specific heading settings */
h1 {
font-size: 180%;
}

h2 {
font-size: 140%;
}

.bold {
font-weight: bold;
}

.red {
color: #f00;
}

.centre {
text-align: center;
}

.imagefr {
float: right;
margin: 0px 0px 10px 20px;
}

.imagefl {
float: right;
margin: 0px 20px 10px 0px;
}

form {
display:inline;
}

input, textarea, select {
border: 1px solid #730B0A;
}

label {
font-weight: normal;
cursor: pointer;
}

.radio {
border: 0px;
}

.button {
cursor: pointer;
color: #000000;
font-size: 90%;
font-weight: bold;
border: 1px solid #730B0A;
background: #eee;
}

.mandatory {
color: #f00;
}

div.ptable {
overflow: auto;
width: 600px;
position: relative;
background: #cccccc;
border: 1px solid #730B0A;
color: #000000;
padding: 2px;
}

div.prow {
overflow: auto;
width: 100%;
margin: 0px 0px 0px 0px;
}

div.prow span.coll {
float: left;
width: 150px;
text-align: left;
}

div.prow span.colr {
float: right;
width: 430px;
text-align: left;
}