html { 
min-height: 100%; 
margin-bottom: 1px; 
}
body {
background:#ffffff;
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
color: #000000;
}


A:link {color: #b4975a; text-decoration: none;}
A:visited {color: #b4975a; text-decoration: none;}
A:hover {color: #727074; text-decoration: underline;}
A:active {color: #b4975a; text-decoration: none;}

.mainmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height: 23px;
color: #e2d6bf;
display:block;
padding-right:15px;
}
A.mainmenu:link {color: #e2d6bf; text-decoration: none;}
A.mainmenu:visited {color: #e2d6bf; text-decoration: none;}
A.mainmenu:hover {color: #b4975a; text-decoration: none;}
A.mainmenu:active {color: #e2d6bf; text-decoration: none;}
.mainmenuselected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height: 23px;
color: #b4975a;
display:block;
padding-right:15px;
}
A.mainmenuselected:link {color: #b4975a; text-decoration: none;}
A.mainmenuselected:visited {color: #b4975a; text-decoration: none;}
A.mainmenuselected:hover {color: #b4975a; text-decoration: underline;}
A.mainmenuselected:active {color: #b4975a; text-decoration: none;}
.submenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 15px;
color: #c7c6c7;
display:block;
padding-right:15px;
}
A.submenu:link {color: #c7c6c7; text-decoration: none;font-weight: normal;}
A.submenu:visited {color: #c7c6c7; text-decoration: none;font-weight: normal;}
A.submenu:hover {color: #727074; text-decoration: none;font-weight: normal;}
A.submenu:active {color: #c7c6c7; text-decoration: none;font-weight: normal;}

.submenuselected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 15px;
color: #727074;
display:block;
padding-right:15px;
}
A.submenuselected:link {color: #727074; text-decoration: none;font-weight: normal;}
A.submenuselected:visited {color: #727074; text-decoration: none;font-weight: normal;}
A.submenuselected:hover {color: #727074; text-decoration: underline;font-weight: normal;}
A.submenuselected:active {color: #727074; text-decoration: none;font-weight: normal;}

.main {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 16px;
color: #000000;
}
.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height: 18px;
color: #b4975a;
}
.subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height:18px;
color: #727074;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 16px;
color: #000000;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height: 18px;
display:inline;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height: 18px;
color: #727074;
display:inline;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 24px;
line-height: 24px;
color: #FFFFFF;
letter-spacing:1px;
display:inline;
}

.inputbox1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
color: #000000;
width:130px;
height:20px;
padding-left: 3px;
margin-right:10px;
border-left: 1px solid #7f9db9;
border-right: 1px solid #7f9db9;
border-top: 1px solid #7f9db9;
border-bottom: 1px solid #7f9db9;
background: #ffffff;
}
.topbar {
background: #e2d7c0;
}
.bottombar {
background: #cbeaf1;
}
.logo{
position:absolute;
left:30px;
top:42px;
z-index:500;
width:244px;
height:80px;
background: url('../images/logo_iop.gif');
}
.homepic{
position:absolute;
left:262px;
top:-32px;
z-index:100;
width:479px;
height:532px;
background: url('../images/pic_home.png');
}
.pagepics{
position:absolute;
left:213px;
top:-56px;
z-index:100;
width:698px;
height:231px;
z-index:50;
}
.pagecontent{
padding-left:212px;
padding-right:148px;
padding-top:175px;
text-align:justify;
}
.sidemenu{
position:absolute;
left:-20px;
top:148px;
width:148px;
z-index:200;
}
.sidebutts{
position:absolute;
left:737px;
top:16px;
z-index:200;
}
.hometext {
padding-top:325px;
padding-left:135px;
padding-right:54px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 16px;
color: #ffffff;
letter-spacing:0px;
}
.table1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 16px;
color: #727074;
background: #ffffff;
padding-left:5px;
padding-right:5px;
}
.table2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: 16px;
color: #b4975a;
background: #ffffff;
padding-left:5px;
padding-right:5px;
}
.tabledots{
background: url('../images/dots.gif') center repeat-x;
}
.image {
border-left: #e2d6bf 1px solid;
border-right: #e2d6bf 1px solid;
border-top: #e2d6bf 1px solid;
border-bottom: #e2d6bf 1px solid;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}