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

/*above the title stuff*/
.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;
left: 20px;
/*height: 100px;*/
width: 90%;
border: #D91A80 medium solid;
background-color: white;
/*text-align: right;
font-family: Arial, Verdana, Helvetica, san-serif;
font-size: 12pt;*/
color: #000000;

/*note color to hide*/
}



.floating-boxbig {
    float: left;
    width: 400px;
    height: 100px;
    margin: 10px;
    /*border: 3px solid #73AD21;*/  
}

.floating-box {
float: right;
width: 230px;
height: 75px;
margin: 10px;
/*border: 3px solid #73AD21; */ 
}

img.imageAddv
{
position: absolute;
top: 0px;
left: 0px;
zoom: 1;
width: 250px;
}


.AddvBox
{
float: left;
zoom: 0.6;


}

.smallprint
{
font-size: 10pt;


}

.donate
{

zoom: 0.8;

}


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


/*end of above the title stuff*/




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

.topbarbreadsurvey
{position: relative;
top: 5px;
left: 270px;
width: 68%;
font-family: Arial, Verdana, Helvetica, san-serif;
font-size: 17pt;
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;}


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

.whiterectangle
{
position: relative;
zoom: 1;
top: 0px;
left: 0px;
width: 98%;
height: 150px;
overflow: auto;

background-color: #FFFFFF;
margin-top: 5px;
padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;
border-top: #FFCC66 medium solid;
border-bottom: #FFCC66 medium solid;
border-left: #FFCC66 medium solid;
border-right: #FFCC66 medium solid;
font-size: 12pt;
}

.recleft
{
position: absolute;
float:left;
width: 230px;
}



.recright
{
position: absolute;
float:right;
left: 230px;
overflow: auto;
}




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

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

.mainmobileinfo
{
font-family: Arial, Verdana, Helvetica, san-serif;
background-color: #FFFFE6;
font-size: 30px;
}

.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; font-weight: bold;}
.main a:visited {color: #000000; font-weight: bold;}
.main a:hover {color: brown; text-decoration: none; font-weight: bold; }
.main a:active {color: red; text-decoration: none;}




input.MyButton {
width: 300px;
padding: 20px;
font-family: Arial, Verdana, Helvetica, san-serif;
font-weight: bold;
font-size: 150%;
background: #993300;
color: #FFFFFF;
cursor: pointer;
border: 1px solid #999999;
border-radius: 10px;
-webkit-box-shadow: 6px 6px 5px #999999;
-moz-box-shadow: 6px 6px 5px #999999;
box-shaddow: 6px 6px 5px; #999999;
}
input.MyButton:hover {
color: #FFCC66;
background: #993300;
border: 1px solid #A3A3A3;
-webkit-box-shadow: 2px 2px 5px #666666;
-moz-box-shadow: 2px 2px 5px #666666;
box-shaddow: 2px 2px 5px; #666666;
}

input.MyButton:active {
color: #FFFFFF;
background: #993300;
border: 1px solid #A3A3A3;
-webkit-box-shadow: 2px 2px 5px #666666;
-moz-box-shadow: 2px 2px 5px #666666;
box-shaddow: 2px 2px 5px; #666666;
}





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