body
{
background-image: url(bg/blue.jpg);
background-repeat: repeat;
}

div {
position: relative;
width: 800px;
height: auto;
text-align: center;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}

#content {
width: 800px;
height: auto;
margin: 0px auto;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}

#header {
width: 800px;
position: absolute;
top: 0px;
left: 0px;
border-top: 0px solid #999966;
border-bottom:0px solid #FFFFFF;
border-left:0px solid #999966;
border-right: 0px solid #999966;
}


#logo {
position: absolute;
top: 30px;
left: 0px;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #000000;
border-left: 0px solid #999966;
border-right: 0px solid #999966;
}

#decotitle {
position: absolute;
top: 150px;
left: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #999966;
border-right: 0px solid #999966;
}

#topmain {
position: absolute;
top: 180px;
left: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #999966;
border-right: 0px solid #999966;
}

#main {
position: absolute;
top: 220px;
left: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #999966;
border-right: 0px solid #999966;
}

#mainwide {
position: absolute;
top: 520px;
left: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #999966;
border-right: 0px solid #999966;
}

#copyright {
position: absolute;
top: 530px;
left: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #999966;
border-right: 0px solid #999966;
}

#footer {
position: absolute;
top:560px;
left: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #999966;
border-left: 0px solid #999966;
border-right: 0px solid #999966;
}

.layout01 {
width: 150px;
height: 30px;
background-image: url(UNIITEimages/mainlayout_01.jpg);
}

.layout02 {
width: 650px;
height: 30px;
background-image: url(UNIITEimages/mainlayout_02.jpg);
text-align: center;
color: #ffffff;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
background-color: transparent;
padding: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 9pt;
}

.layout01 td {
width: 150px;
}

.layout02 td {
width: 108px;
height: 24px;
padding: 2px;
border-left: 0px solid #666666;
border-bottom: 0px solid #666666;
border-top: 0px solid #666666;
border-right: 0px solid #666666;
}

.layout02 a:link {
color:#FFFFFF;
text-decoration: none;
}

.layout02 a:visited {
color:#99CCFF;
text-decoration: none;
}

.layout02 a:hover {
color:#FF9900;
text-decoration: none;
}

.logo {
width: 800px;
height: 120px;
background-image: url(UNIITEimages/mainlayout_03.jpg);
}

.decotitle1 {
width: 450px;
height: 30px;
background-image: url(UNIITEimages/mainlayout_04.jpg);
}

.decotitle2 {
width: 350px;
height: 30px;
background-image: url(UNIITEimages/mainlayout_05.jpg);
text-align: center;
color: #999999;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
background-color: transparent;
padding: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 8pt;
}

.topmain1 {
width: 130px;
height: 40px;
background-image: url(UNIITEimages/mainlayout_06.jpg);
}

.topmain2 {
width: 320px;
height: 40px;
background-image: url(UNIITEimages/mainlayout_07.jpg);
}

.topmain3 {
width: 350px;
height: 40px;
background-image: url(UNIITEimages/mainlayout_08.jpg);
}

.topmain3 p {
text-align: center;
color: #333333;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
font-size: 9pt;
}

.topmain3 a {
font-family: Arial, Verdana, Helvetica, san-serif;
text-decoration: none;
}

.topmain3 a:link {
color: #999999;
text-decoraton: none;
}

.topmain3 a:visited {
color: #999966;
text-decoraton: none;
}

.main3 a:hover {
color: #3399CC;
text-decoraton: none;
}

.main1 {
vertical-align: top;
width: 130px;
height: 300px;
background-color: #B78220;
text-align: center;
color: #333333;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 9pt;
}

.main1 p {
text-align: center;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
font-size: 8pt;
}

.main1 td {
background-image: url(UNIITEimages/buttonmenu.jpg);
width: 130px;
height: 28px;
border-left: 0px solid #000000;
border-bottom: 1px solid #333333;
padding: 2px;
}

.main1 a {
font-family: Arial, Verdana, Helvetica, san-serif;
text-decoration: none;
}

.main1 a:link {
color: #FFFFFF;
text-decoraton: none;
}

.main1 a:visited {
color: #CCCCCC;
text-decoraton: none;
}

.main1 a:hover {
color: #FF9900;
text-decoraton: none;
}

.main2 {
width: 320px;
height: 300px;
background-color: #B2C5D4;
vertical-align: top;
}

.main2 p {
text-align: center;
color: #FFFFFF;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
font-size: 9pt;
}

.main2 a {
font-family: Arial, Verdana, Helvetica, san-serif;
text-decoration: none;
}

.main2 a:link {
color: #666666;
text-decoraton: none;
}

.main2 a:visited {
color: #999966;
text-decoraton: none;
}

.main2 a:hover {
color: #3399CC;
text-decoraton: none;
}

.main3 {
width: 350px;
height: 300px;
background-color: #E9EFF3;
vertical-align: top;
}

.main3 p {
text-align: left;
color: #333333;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
font-size: 9pt;
}

.blue {
text-align: left;
color: #3566c1;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
font-size: 10pt;
}

.main3 a {
font-family: Arial, Verdana, Helvetica, san-serif;
text-decoration: none;
}

a img { border: 0 }

.main3 a:link {
color: #999999;
text-decoraton: none;
}

.main3 a:visited {
color: #999966;
text-decoraton: none;
}

.main3 a:hover {
color: #3399CC;
text-decoraton: none;
}

.mainwide1 {
width: 130px;
height: 10px;
background-color: #B78220;
vertical-align: top;
}

.mainwide1 p {
text-align: center;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
font-size: 8pt;
}

.mainwide2 {
width: 670px;
height: 10px;
background-color: #CCCCCC;
vertical-align: top;
}

.mainwide2 p {
text-align: center;
color: #666666;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
font-size: 9pt;
}

p.photo {
text-align: center;
color: #666666;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 9pt;
}

.mainwide2 note {
text-align: center;
color: #666666;
font-family: Arial, Helvetica, Times New Roman, sans-serif;
padding: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
font-size: 8pt;
}

.mainwide2 a {
font-family: Arial, Verdana, Helvetica, san-serif;
text-decoration: none;
}

.mainwide2 a:link {
color: #FFFFFF;
text-decoraton: none;
}

.mainwide2 a:visited {
color: #999966;
text-decoraton: none;
}

.mainwide2 a:hover {
color: #3399CC;
text-decoraton: none;
}

.copyright1 {
width: 130px;
height: 30px;
background-image: url(UNIITEimages/copyright1.jpg);
}

.copyright2 {
width: 670px;
height: 30px;
background-color: #666666;
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
color : #cccccc;
font-size: 8pt;
text-align: center;
}

.footer1 {
width: 130px;
height: 40px;
background-image: url(UNIITEimages/copyright2.jpg);
}

.footer2 {
width: 670px;
height: 40px;
background-color: #333333;
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
color : #cccccc;
font-size: 8pt;
text-align: center;
}

.footer2 a {
font-family: Arial, Verdana, Helvetica, san-serif;
text-decoration: none;
}

.footer2 a:link {
color: #999999;
text-decoraton: none;
}

.footer2 a:visited {
color: #999966;
text-decoraton: none;
}

.footer2 a:hover {
color: #FF9900;
text-decoraton: none;
}

ul {
text-align: left;
color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 5px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 20px;
font-size: 9pt;
}

a.blue:link {color: #0066cc; background: #; font-weight: normal; margin-left: 0px; margin-right: 0px; text-align: left}
a.blue:active {color: #0066cc; background: #; font-weight: normal; margin-left: 0px; margin-right: 0px; text-align: left}
a.blue:visited {color: #4573a0; background: #; font-weight: normal; margin-left: 0px; margin-right: 0px; text-align: left}
a.blue:hover {color: #0279f0; background: #; font-weight: bold; margin-left: 0px; margin-right: 0px; text-align: left}