/*Style for Root Index*/
/* Main layout DESCRIBE*/ 
body
{
font-family: Arial, Verdana, Helvetica, san-serif;
color: #000000;
background-color: #FFFFE6;
}

/*NOTES TO ME: ADD SOME YELLOW BORDERS PERHAPS
CHANGE HOVER TO YELLOW? GET RID OF UNDERLINE
why no dot before img.image left?
*/

table
{
border-collapse: collapse;
border: none;
}

td
{
border: 2px solid #FFCC66;
padding: 5px;
background-color: white;
}


.abovethetitle
{
position: absolute;
zoom: 1;
top: 5px;
left: 0px;
width: 100%;
height: 108px;
margin-top: 5px;
padding-top: 0px;
}

.Addv
{
position: absolute;
zoom: 1;
top: 10px;
right: 0px;
width: 50%;
height: 108px;
text-align: right;
font-family: Arial, Verdana, Helvetica, san-serif;
font-size: 12pt;
}





img.imageAddv
{
position: absolute;
bottom: 0px;
right: 0px;
zoom: 1;
height: 80px;
padding-top: 0px;
margin-right: 33px;
}


img.imageleft
{
position: absolute;
top: 0px;
left: 0px;
zoom: 1;
height: 98px;
padding-top: 0px;
margin-right: 33px;
}



.topbar
{
position: absolute;
zoom: 1;
top: 130px;
left: 0px;
width: 100%;
height: 108px;
background-color: #FFFFFF;
margin-top: 5px;
padding-top: 0px;
border-top: #FFCC66 medium solid;
border-bottom: #FFCC66 medium solid;
}







.topbarwriting1
{
position: relative;
top: 5px;
left: 290px;
width: 100%;
font-family: Courier, monospace;
font-size: 28pt;
font-weight: bold;
color: #000000;
}



.topbarwriting2
{
position: relative;
top: 10px;
left: 290px;
width: 100%;
font-family: Arial, Verdana, Helvetica, san-serif;
font-size: 24pt;
color: #000000;
}








.topbarbreadcrumbs
{position: relative;
top: 5px;
left: 270px;
width: 68%;
font-family: Arial, Verdana, Helvetica, san-serif;
font-size: 14pt;
font-weight: bold;
color: #000000;
}

.topbarbreadcrumbs a:link {color: #000000; text-decoration: none;}
.topbarbreadcrumbs a:visited {color: #000000; text-decoration: none;}
.topbarbreadcrumbs a:hover {color: brown; text-decoration: underline; text-weight: bolder; }
.topbarbreadcrumbs a:active {color: orange; text-decoration: underline;}

.toolwrapper
{
position: relative;
top: 0px;
left: 10%;
}






.topbarwritingright
{
position: absolute;
top: 5px;
right: 5px;
width: 20%;
height: 65%
font-family: Arial, Verdana, Helvetica, san-serif;
/*font-size: 12pt;
color: #000000;*/
}

.ucwarning
{
position: absolute;
zoom: 1;
top: 0px;
left: 0px;
width: 95%;

background-color: #FFD7E2;
margin-top: 5px;
padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;
border-top: #D03961 medium solid;
border-bottom: #D03961 medium solid;
border-left: #D03961 medium solid;
border-right: #D03961 medium solid;
}

.feedbackbox
{

width: 95%;
background-color: #F0FFF0;
margin-top: 5px;
padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;
border-top: #29A329 medium solid;
border-bottom: #29A329 medium solid;
border-left: #29A329 medium solid;
border-right: #29A329 medium solid;
}





.infobutton {

background-color: #000000;
font-family: Courier, monospace;
font-size: 14pt;
font-weight: bold;
color: #FFFFFF;
  }


.infobutton a:hover {color: orange; text-decoration: underline; text-weight: bolder; }
.infobutton a:active {color: orange; text-decoration: underline;}

/*the two navigation tables left and right*/

.navigation
/*this sets up the kind of style this list has, ie no bullets*/
{
list-style-type: none;
padding: 0px;
margin: 0px
}



/*left hand side box for navigation within the site*/

.navigation_in
/*this is the block on the left for internal links*/
{
position: absolute;
top: 270px;
width: 25%;
margin: 0px;
background-color: #ffffff;
border-right: #FFFFE6 thin solid;
border-bottom: #FFFFE6 medium solid;
font-family: Arial, Verdana, Helvetica, san-serif;
font-size: 12pt;
}
.navin
/*this describes the shape etc of each link's box*/
{
padding-left: 15px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FFFFE6;
text-align: left;
}
li.navin a:link {color: #000000; text-decoration: none;}
li.navin a:visited {color: #000000; text-decoration: none;}
li.navin a:hover {color: #000000; text-decoration: none; font-weight: bold; }
li.navin a:active {color: orange; text-decoration: underline;}

/*end of left hand box stuff*/


/*right hand box for navigation outside the site*/

.navigation_out
/*this is the block on the right for external links*/
{
position: absolute;
top: 270px;
right: 1px;
width: 21%;
background-color: #ffffff; /*in practice this should be hidden, for checking only*/
border-right: #FFFFE6 thin solid;
border-bottom: #FFFFE6 medium solid;
font-family: Arial, Verdana, Helvetica, san-serif;
font-size: 14pt;
}
.navout
/*this describes the shape etc of each link's box*/
{
padding-left: 15px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #FFFFE6;
text-align: left;
}
li.navout a:link {color: #000000; text-decoration: none;}
li.navout a:visited {color: #000000; text-decoration: none;}
li.navout a:hover {color: #000000; text-decoration: none; font-weight: bold; }
li.navout a:active {color: orange; text-decoration: underline;}

/*end of right hand box*/

a img {
 border: none;
}

.me-photo
{
margin: 5px;
}

.main
{
position: absolute;
top: 270px;
margin-left: 24%;
width: 52%;
font-size: 12pt;
color: #000000;
}




.mainhome
{
position: absolute;
top: 270px;
margin-left: 24%;
width: 52%;
font-size: 14pt;
color: #000000;
}

.mainhome a:link {color: #000000; text-decoration: none;}
.mainhome a:visited {color: #000000; text-decoration: none;}
.mainhome a:hover {color: brown; text-decoration: underline;}
.mainhome a:active {color: orange; text-decoration: underline;}

.footer
{
position: absolute;
top: 530px;
left: 25px;
width: 18%;
font-size: 10pt;
color: #000000;
}

/*links not in navigation lists or topbar*/
.main a:link {color: #000000; text-decoration: underline; }
.main a:visited {color: #000000; text-decoration: underline; font-weight: normal;}
.main a:hover {color: brown; text-decoration: underline; font-weight: bold; }
.main a:active {color: red; text-decoration: underline; font-weight: bold;}











/*links not in navigation lists or topbar*/
/*
a:link {color: #000000; text-decoration: underline; font-weight: bold;}
a:visited {color: #000000; text-decoration: underline; font-weight: bold;}
a:hover {color: #000000; text-decoration: underline; font-weight: bolder; } 
a:active {color: orange; text-decoration: underline; font-weight: bold;}
*/

/*BELOW HERE IS REDUNDANT CODE*/
/*

a:link {color: #000000; text-decoration: underline; font-weight: bold;}
a:visited {color: #000000; text-decoration: underline; font-weight: bold;}
a:hover {color: #000000; text-decoration: underline; font-weight: bolder; } 
a:active {color: orange; text-decoration: underline; font-weight: bold;}
/*BELOW HERE IS REDUNDANT CODE*/
.maintext
{
position: absolute;
top: 120px;
left: 215px;
font-family: "Times New Roman", georgia, Times, serif;
color: #000000;
}
*/

.nav
/*redundant*/
{
padding-left: 20px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}