/* CSS Document */

body
{
  background-image: url("background3.jpg");
  background-attachment: fixed
}



h1 { color: #ffffff; font-family: verdana; font-size: 10px; font-weight: bold; text-align: centre; }

h2 { font-size: 10px; font-family: verdana; color: #ffffff; text-align: left; font-weight: normal;}

h3 { font-size: 13px; font-family: verdana; color: #F01150; text-align: left; font-weight: bold;}


.maintext { color: #ffffff; font-family: verdana; font-size: 13px; font-weight: normal; text-align: justify}
.y { color: #F01150; font-family: verdana; font-size: 13px; font-weight: normal; }
.r { color: #FFCC33; font-family: verdana; font-size: 13px; font-weight: normal; }

.nav:link {color: #ffffff; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none}
.nav:visited {color: #ffffff; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none}
.nav:hover {color: #ffffff; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: underline}

.resources:link {color: #CED122; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.resources:visited {color: #CED122; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.resources:hover {color: #CED122; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: underline}

.contemporary:link {color: #5AC9C9; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.contemporary:visited {color: #5AC9C9; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.contemporary:hover {color: #5AC9C9; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: underline}

.red:link {color: #F01150; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none}
.red:visited {color: #F01150; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: none}
.red:hover {color: #F01150; font-family: verdana; font-size: 10px; font-weight: bold; text-decoration: underline}

.home:link {color: #F01150; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.home:visited {color: #F01150; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.home:hover {color: #F01150; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: underline}

.about:link {color: #FFCC33; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.about:visited {color: #FFCC33; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: none}
.about:hover {color: #FFCC33; font-family: verdana; font-size: 13px; font-weight: bold; text-decoration: underline}



.illus {
border-style: solid;
border-color: #C67C03;
border-width:1px;
}



#head {
width: 700px;
height: 150px;
}

.titlecontainer {
   position: relative;
   height: 63px;
    background-color: #ffffff;
   }
   

   
#tab {
width: 700px;
height: 35px;
background-image: 
 url('tab.jpg');
background-repeat: no-repeat;
}

.logo {
   position: absolute;
   left: 50;
   width: 50%;
   }

.title {
   position: absolute;
   right: 50;
   width: 50%;
   text-align: right; /* depends on element width */
   }

   
.maincontent {
 background-color: #ffffff;
padding-left: 70px;
padding-right: 70px;
font-family: verdana;
color: #C67C03 ;
font-size: 80%;
text-align: left;

}

.disclaimer {
height: 50px;
 background-color: #ffffff;
padding-left: 50px;
padding-right: 50px;
background-image: 
 url('disclaimer.jpg');
background-repeat: no-repeat;
font-family: verdana;
color: #000000 ;
font-size: 70%;
}


.caption {
font-family: verdana;
color: #C67C03 ;
font-size: 70%;
}