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

body {
	font-family: "century gothic", futura, tehoma, myriad, sans-serif;
	background-color: #676767;
	color: #000;
	font-size: .8em;
	font-weight: normal;
	text-align: center;
}

a {
color: #aa0d0d;
}

a:active {
color: #aa0d0d;
}

a:hover {
color: #aa0d0d;
}

table {
font-size:100%;
}

/* set all heading to same*/
h1, h2, h3, h4, h5, h6 {
display:block;
font-weight: bold;
color: #aa0d0d;
font-size: 110%;
}

/* specific heading settings */
h2 {
font-size: 130%;
margin: 0px 0px 20px 0px;
}

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

.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;
}


.smaller {
font-size: 90%;
line-height: 1;
}


/* define main page areas */
#container {
position: relative;
text-align: left;
margin: 30px auto 30px auto;
width: 1230px;
}

#header {
position: relative;
height: 170px;
background: #9a9a9a  ;
margin: 0px;
z-index: 100;
}

#headerhome {
position: relative;
height: 170px;
background: #9a9a9a  url('../photos/home_page_top.jpg') 0px 0px no-repeat ;
margin: 0px;
z-index: 100;
}


#heading {
color: #333;
position: absolute;
top: 70px;
right: 65px;
font-size: 130%;
font-weight: normal;
width: 20em;
}

h1 {
font-size: 185%;
font-weight: normal;
text-align: justify;
margin: 0px 0px -5px 0px;
letter-spacing: .05em;
}

#heading span {
margin-top: -5px;
letter-spacing: .01em;
}

#header ul, #headerhome ul {
list-style-type: none;
position: absolute;
bottom: 8px;
left: 210px;
}

#header ul li, #headerhome  ul li{
float: left;
display: block;
text-align: center;
}

#header a, #headerhome a {
margin: 0px 53px 0px 0px;
text-decoration: none;
font-weight: normal;
font-size: 100%;
color: #aa0d0d;
}

#menuhome a {
font-weight: normal;
}

#mainbody {
position: relative;
background: #4c4c4c;
margin: 0px;
height: 616px;
width: 100%;
}

#visualizer {
position: absolute;
right: 0px;
top: 255px;
z-index: 100;
}

#mainbodyhome {
position: relative;
background: #4c4c4c url('../photos/home_page_bottom.jpg') 0px 517px no-repeat ;

margin: 0px;
height: 616px;
width: 100%;
}

#homepageimgr {
float: right;
position: relative;
left: 35px;
}


#content {
position: relative;
margin: 0px 0px 0px 0px;
width: 1040px;
height: 517px;
background: #fff;
overflow-y: hidden;
overflow-x: hidden;
}

#contenthome {
position: relative;
margin: 0px 0px 0px 0px;
width: 1230px;
height: 517px;
background: #fff;
overflow-y: hidden;
overflow-x: hidden;
}

#contentcontact {
position: relative;
margin: 0px 0px 0px 0px;
width: 1230px;
height: 517px;
background: #fff ;
/* background: #4c4c4c url('../photos/map_saikalisweb.jpg') no-repeat; */
overflow-y: hidden;
overflow-x: hidden;
}

#imgmain {
position: relative;
float:right;
display: inline;
margin: 0px 0px 0px 0px;
width: 388px;
}

#imgmain2 {
position: relative;
float:right;
display: inline;
margin: 0px 0px 0px 0px;
width: 473px;
}

#mirror {
position: absolute;
bottom: 0px;
left: 567px;
}

#contenttable {
position: relative;
width: 360px;
float: right;
overflow-y: auto;
height: 490px;
margin: 0px 0px 0px 0px;
font-size: 90%;

/* IE only scrollbar colours */
scrollbar-highlight-color: #9a9a9a;

scrollbar-shadow-color: #9a9a9a;
/* lighter shade of gold */
scrollbar-track-color: #4c4c4c;
scrollbar-arrow-color: #4c4c4c;
scrollbar-darkshadow-color: #666;
scrollbar-3dlight-color: #666;
scrollbar-face-color: #9a9a9a;

}

#contenttable2 {
position: relative;
width: 470px;
overflow-y: auto;
height: 517px;

margin: 20px 0px 0px 210px;
}

#contenttable2 a {
text-decoration: none;
color: #4c4c4c;
font-weight: bold;
}

#contenttable table {
margin: 0px 10px 0px 0px;
}

#contenttable span {

display: block;
margin: 0px 0px 20px 0px;
}

#contenttable h2.projectsh2 {

display: block;
margin: 20px 0px 5px 0px;
}


#contenttable td {
margin: 0px;
padding: 0px;
}

#contenttable a {
text-decoration: none;
color: #000;
font-weight: bold;
}

#contenttable a:hover {
text-decoration: none;
color: #000;
font-weight: bold;
}

#contenttable h2 {
color: #4c4c4c;
font-weight: normal;
margin: 20px 0px 0px 0px;
}

#contenttable .yearcol {
color: #4c4c4c;
width: 70px;
}

#contenttable .yearcolpp {
color: #4c4c4c;
width: 80px;
}

#contenttable span {
position: relative;
margin: .2em;
}

.res {
color: #6B8E00;
padding: 10px 0px 0px 0px;
}

.pub {
color: #FFC530;
padding: 10px 0px 0px 0px;
display: block;
}

.stu {
color: #FF6100;
padding: 10px 0px 0px 0px;
display: block;
}

.dtt {
color: #6B8E00;
margin: 15px 0px 0px 0px;
display: block;
}

.dtf {
color: #FFC530;
margin: 15px 0px 0px 0px;
display: block;
}

.dtm {
color: #FF6100;
margin: 15px 0px 0px 0px;
display: block;
}

#contenttabledt {
position: relative;
width: 360px;
float: right;
overflow-y: auto;
margin: 0px 0px 0px 0px;
font-size: 90%;
}

#contenttabledt div {
position: relative;
width: 340px;
overflow: hidden;
}


#contenttexttable {
position: relative;
left: 210px;
height: 440px;
margin: 30px 0px 0px 0px;
border-collapse: collapse;
}

#contenttexttable td {
vertical-align:bottom;
width: 357px;
height: 440px;
}


#contenttabledt li a {
position: relative;
text-decoration: none;
color: #000;
line-height: 1.2em;
display: block;
}

#contenttabledt li a:hover {
text-decoration: none;
color: #000;
font-weight: bold;
}


#contenttabledt li {
line-height: 1em;
}

*html #contenttabledt a {
display: inline;
}

#contenttexttd{
position: relative;
overflow-y: auto;
font-size: 90%;

/* IE only scrollbar colours */
scrollbar-highlight-color: #c0c0c0;

scrollbar-shadow-color: #c0c0c0;
/* lighter shade of gold */
scrollbar-track-color: #aaa;
scrollbar-arrow-color: #aaa;
scrollbar-darkshadow-color: #999;
scrollbar-3dlight-color: #999;
scrollbar-face-color: #c0c0c0;
}

#contenttext {
position: relative;
margin: 20px 20px 0px 0px;
;
padding-right: 5px;
text-align: left;
max-height: 460px;
}


#saikalisquote {
position: absolute;
bottom: 5px;
font-size: 90%;
width: 540px;
text-align: right;
font-style: italic;
color: #000;
}

#saikalisquotepp {
position: relative;
font-style: italic;
margin: 0px 0px 10px 0px;
}

#saikalisquotepp span {
font-style: normal;
display: block;
text-align: right;
}

#quotehome {
position: absolute;
bottom: 0px;
left: 220px;
z-index: 100;
}

#projectslink {
float: left;
margin: 10px 0px 0px 0px;
}

#projectslink a {
text-decoration: none;
color: #000;
font-size: 90%;
font-weight: bold;
}

.dtlink  {
text-decoration: none;
color: #000;
font-size: 90%;
font-weight: normal;
}

.returnarrow {
position: relative;
top: 5px;
margin: 0px 5px 0px 0px;
}


.projectslink {
float: left;
margin: 10px 0px 0px 0px;
font-weight: bold;
font-size: 100%;
}

.projectslink a {
text-decoration: none;
color: #000;
font-size: 90%;
font-weight: bold;
}


.dtspan {
display: block;
margin: 0px 0px 10px 0px;
font-weight: bold;
}

#dtlist {
margin: 0px 0px 150px 0px;
}

#dtlist a {
color: #000;
font-weight: normal;
}

.clink {
cursor: pointer;
}

/* for IE6 */
*html #contenttexttd {
height:460px;
}


#menuright {
position: relative;
float: right;
width: 85px;
overflow-x: hidden;
overflow-y: scroll;
height: 517px;
margin: 0px;
display:inline;

background: #676767;
/* IE only scrollbar colours */
scrollbar-highlight-color: #9a9a9a;

scrollbar-shadow-color: #9a9a9a;
/* lighter shade of gold */
scrollbar-track-color: #4c4c4c;

scrollbar-arrow-color: #4c4c4c;

scrollbar-darkshadow-color: #666;

scrollbar-3dlight-color: #666;
scrollbar-face-color: #9a9a9a;

}

#menuright img {
float:right;
display: block;
margin: 0px;
border: 0px;
}

#ppright {
position: relative;
float: right;
width: 473px;
overflow-x: hidden;
overflow-y: auto;
height: 517px;
margin: 0px;
display:inline;

background: #4c4c4c;
/* IE only scrollbar colours */
scrollbar-highlight-color: #9a9a9a;

scrollbar-shadow-color: #9a9a9a;
/* lighter shade of gold */
scrollbar-track-color: #4c4c4c;

scrollbar-arrow-color: #4c4c4c;

scrollbar-darkshadow-color: #666;

scrollbar-3dlight-color: #666;
scrollbar-face-color: #9a9a9a;

}

#pprighttext {
margin: 10px 10px 0px 10px;
color: #fff;
font-size: 90%;
}

#pprighttext h2 {
font-weight: normal;
font-size: 1.2em;
}

#ppheading {
color: #fff;
font-size: 130%;
margin: 20px 0px 20px 0px;
display: block;
}

#teamright {
position: relative;
float: right;
width: 250px;
overflow-x: hidden;
overflow-y: auto;
height: 517px;
margin: 0px 20px 0px 0px;
background: #fff;

/* IE only scrollbar colours */
scrollbar-highlight-color: #9a9a9a;

scrollbar-shadow-color: #9a9a9a;
/* lighter shade of gold */
scrollbar-track-color: #4c4c4c;

scrollbar-arrow-color: #4c4c4c;

scrollbar-darkshadow-color: #666;

scrollbar-3dlight-color: #666;
scrollbar-face-color: #9a9a9a;

}


.teamname {
display: block;
margin: 20px 0px 5px 0px;
font-weight: bold;
color: #000;
width: 200px;
}

#signature {
margin: 10px 0px 0px 210px;
}

.contactrow {
position: relative;
width: 300px;
overflow: auto;
margin: 0px;
padding: 0px;
}

.contactrow span {
margin: 0px;
padding: 0px;
}

.contactl {
position: relative;
display: inline;
width: 70px;
float: left;
margin: 0px;
padding: 0px;
}

.contactr {
position: relative;
display: inline;
width: 210px;
float: right;
margin: 0px;
padding: 0px;

}

.font1 {
font-family: arial;
}

.font2 {
font-family: tahoma;
}

.font3 {
font-family: "century gothic";
}

.font4 {
font-family: verdana;
}


#footer {
text-align: center;
margin: 10px 0px 10px 0px;
border: 1px solid #159;
}

/* 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: 100px;
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;
}