/* Generic Selectors */


body {

font-family: Baramond, Arial, Times, serif, "Times New Roman";

font-size: 16px;

margin: 1% 10% 1% 10%;  /*top right bottom left*/

border:0 solid #E6E6FA;

color: #333333;

/*background-color: #47AAAA;*/

background-image:url('images/teal.jpg')

}

p {

width: 85%;

}

li {

list-style-type: none;

line-height: 150%;

list-style-image: url(../images/arrowSmall.gif);

}

h1 {

font-family: Baramond, Georgia, "Times New Roman", Time, serif;

font-size: 16px;

font-weight: bold;

color: #000000;

}

h2 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  16px;

font-weight: bold;

color: #000000;

border-botton: 1px solid #C6EC8C;

}

h3 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  24px;

font-weight: bold;

color: #00002B;

border-botton: 1px solid #C6EC8C;

}

h4 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  16px;

font-weight: bold;

color: #483D8B;

border-botton: 1px solid #C6EC8C;

}

h5 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  16px;

font-weight: bold;

color: #483D8B;


}

h6 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  14px;

font-weight: italic;

color: #483D8B;

border-botton: 1px solid #C6EC8C;

}

h7 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  10px;

font-weight: bold;

color: #000000;

border-botton: 1px solid #C6EC8C;

}


/**************Pseudo classes**************/

a:link {

text-decoration:  none;

font-weight: bold;

}

li a: link {

text-decoration: none;

font-weight: bold;

}

a:visited {

text-decoration: none;

font-weight: bold;

}

li a:visited {

text-decoration: none;

font-weight: bold;

}

a:hover {

font-weight: bold;

text-decoration: none;

}

li a:hover {

display: block;

padding-botton: 0px;

font-weight: bold;

border-bottom-width: 0px;

border-bottom-style: none;

border-bottom-color: #C6EC8C;

}

a:active {

font-weight: bold;

}

/* link class for links pointing to external websites */

a.external:link {

color: #3399CC; 

font-size: 12pt; 

font-weight: bold; 

}

a.external:visited {

color: #894f7b; 

font-weight: bold; 

}

a.external:hover {

text-decoration: overline; 

background-color: #003399; 

}

a.external:active {

color: red; 

} 

a img {

border: none;

}

/***********************ID's***********************/

#top {

margin: 1em auto;
		
width: 95%;
		
height: 24%;

text-align: left;
		
background-color: #5F9EA0;		

border: 2px solid #588989;

background-image:url('images/sky.jpg')

}

#linkbar {

margin: 1em auto;
		
width: 100%;
		
height: 5px;

text-align: left;
		
background-color: #5F9EA0;		

border: 1px solid #DCDCDC;

}


#navigation {

position: absolute;

z-index: 20;

width: 210px;

height: 600px;

margin: 10px;

border-right: 1px solid #A9A9A9;

font-weight: normal;

}

#centerDoc {

position: absolute;

z-index: 35;

padding: 0 5 5px 5px; /*top right bottom left*/

margin-top: 2px;

margin-left: 230px;

}

#footer{

position: absolute;

z-index: 30;

padding: 2 2 0 0px; /*top right bottom left*/

bottom: 0;

width: 730px;

font-size: 14px;

/*margin-left: 230px; -4em;*/

text-align: center;
				
background-color: #9FD8D8;		

border: 2px solid #588989;

margin: 0px auto -12em 230px;

}

#footerx{

position: absolute;

z-index: 35;

padding: 2 2 0 0px; /*top right bottom left*/

bottom: 10;

width: 72%;

/*margin-left: 230px; -4em;*/

text-align: center;
				
background-color: #5F9EA0;		

border: 2px solid #DCDCDC;

margin: 0px auto -30em 230px;

}


#captl{

width: 36%;

margin-left: 2px;

text-align: left;
				
background-color: #9999FF;		

border: 2px solid #DCDCDC;

float: left;

}

#captt{

width: 80%;

margin-left: 0px;

text-align: left;
				
background-color: #ADD8E6;		

border:2px solid #66CDAA;

float: left;

}

#captr{

width: 72%;

margin-left: 2px;

text-align: left;
				
background-color: #9999FF;		

border: 2px solid #DCDCDC;

float: left;

}

#captx{

width: 85%;

margin-left: 0px;

text-align: left;
				
background-color: #C6EDED;		

border:1px solid #007575;

float: left;

}

#capty{

width: 45%;

margin-left: 0px;

text-align: left;
				
background-color: #CCCCCC;		

border:1px solid #DCDCDC;

float: left;
}

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #009999; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(images/bar.jpg) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 14px Baramond,"Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: white;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

</style>

<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}
</style>
<![endif]-->


img.floatLeft {
 
float: left;
 
margin: 4px;

display: inline;
 
}

img.floatRight { 

float: right;
 
margin: 4px;

}

img.floatRightClear { 

float: right;
 
clear: right;
 
margin: 4px;
 
}


img.floatLeftClear { 
    
float: Left; 
    
clear: Left; 
    
margin: 4px; 

}

.caption { 

margin: 2px; 

padding: 2px; 

border: solid 2px #E5E5FF; 

background: none; 

font-size:80%; 

color: black;

float: right;

} 

.captionl { 

margin: 2px; 

padding: 2px; 

border: solid 2px #E5E5FF; 

background: none; 

font-size:80%; 

color: black;

float: left;

} 

.caption p{ 

text-align: right;  

font-size:80%; 

color: black;

} 

p img.floatLeft {
 
float: left;

margin: 1px;

display: inline;
 
}

p img.floatRight {
 
float: right;
 
margin: 1px;

display: inline;
 
}

.para1 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  32px;

font-weight: normal;

color: 000066;

}

.para2 {

font-family:  Baramond, Georgia, "Times New Roman", Times, serif;

font-size:  18px;

font-weight: normal;

width: 85%;

color: 000066;

}

div.floatl {
  
float: left;
  
}

div.floatl p{
  
float: right;
  
}

div.floatr p{
  
float: right;
  
}
  
div.floatr p {

text-align: left;
 
}
 
 
  
  CancelCancel