body {
background: #215E21 url(/upper/images/gallery/georgian_veranda.jpg) no-repeat center; background-attachment: fixed;
font-family: arial, verdana, sans-serif;
font-size: 100%; 
}

.black {
background-color: #000000;
color: #ffffff;
}





.footer {  width: 100%; 
background-color: black; color: white; 
text-align: center; font-size: 90%; 
margin-top: 10px;
}
.title {



   text-align: left; 
font-size: 100%; 
margin-bottom: 280px;
padding-left: 60px;
padding-top: 50px;
}
.switch {background-color: #2F4F4F;
color: #FFFFFF;
text-align: left; vertical-align: bottom; border-width: 0px; border-style: solid; border-color: #3232CD; width: 90%; font-size: 100%;}




.contents {
font-size: 100%;background-color: black;
color: white;
text-align: left; vertical-align: top; float: left; display: inline; 
width: 50%;
padding: 30px; border-width: 2px; border-style: solid; border-color: #CD7F32;
margin-top: 0px; 

}






ul {
list-style-type: circle;
}


ol {
list-style: lower-roman;
}
ul li {
margin-left: 5px;
padding-left: 5px;
}


ul.nav {
list-style-type: none;
list-style-image: none;
padding-left: 0;
margin-left: 0;
text-decoration: none;  }


ul.nav li {
padding-bottom: 5px;
}


ol.upperalpha {
list-style-type: upper-alpha;
}


.center {
text-align: center;
}


.right {
text-align: right;
}


.left {
text-align: left;
}


.underline {
text-decoration: underline;
}


.bold {
font-weight: bold;
font-size: 120%;
}


.italic {
font-style: italic;
}


.nothere {
padding: 0px;
margin: 0px;
background-color: transparent;
}


.pagetitle {
width: 30%;
background-color: #555555;
color: #ffffff;
text-align: center;
}


.date {
text-align: right;
width: 70%;
background-color: #555555;
color: #ffffff;
}




.full {
width: 100%;

 text-align: center;  float: left; display: inline;}
.top {
vertical-align: top;
padding-top: 10px;}


.middle {
vertical-align: middle;
}


.bottom {
vertical-align: bottom;

padding-bottom: 10px;

}


.sidemenu {
width: 30%;

vertical-align: top; 
font-size: 100%;list-style: none; text-decoration: none;  
 margin-left: 1%; 
margin-right: 1%;
float: left; }


.noborder {
border: 0;
}



h1 {
font-family: Arial, sans-serif;
font-size: 160%;
color: #FFFFE5;background-color:#000000;   text-align: left; padding-left: 50px; background: url(/ncares/images/leaf.gif) no-repeat top left; }
h2 {
font-family: Arial, sans-serif;
font-size: 150%;
 text-align: left; }


h3 {
font-weight: bold;
font-size: 140%;
text-align: left; }



form {
padding: 0px;
margin: 0px;
border: 0px;
}


:link, :visited {
text-decoration: underline;
color: #ffff00; background-color: black; }


a:hover {
text-decoration: underline;
background-color: #3232CD; color: #FFFF00; }


:active {
text-decoration: underline;
}


input[button].invert {
font-weight: bold;
}




#navigation li
{
float: left;
margin-bottom: 0px;

list-style-image: none;
text-align: center;
font-size: 100%;
width: 100%;
}

#navigation a
{

display: block;
background-color: red;
color: white;

text-align: center;
font-size: 100%;
width: 100%;

}

#navigation a:hover
{
display: block;
color: black;
background-color: #E6E8FA;
text-decoration: none;
text-align: center;
font-size: 100%;
width: 100%;
}


img.floatLeft { float: left;
padding-right: 10px;

 }

img.floatRight { float: right;
margin-left: 2px;margin-bottom: 0; 

}

#navbar li
{
float: left;
margin-bottom: 5px;
list-style: none;
text-align: center;
font-size: 110%;
width: 110px;
}

#navbar a
{
display: block;
background-color: black;
color: white;
text-decoration: none;
text-align: center;
font-size: 100%;
width: 90%;

}

#navbar a:hover
{
display: block;
background-color: white;
color: black;

width: 90%;
text-decoration: none;
text-align: center;
font-size: 100%;

}
.skipContent {float: left; font-size: 90%; padding-left: 10px;display: inline; width: 30%;}
.skipMain {float: right; font-size: 90%; padding-right: 10px; display: inline; width: 30%; }
.switch {float: left; width: 30%; display: inline;  }
.accessnav {
text-align: center;
background-color: black;
color: white;
}

.logo {
position: absolute;
left:50px;
top: 100px;
}

.columns {
font-size: 100%;

text-align: center; 
vertical-align: top; 
float: left; 
display: inline; border-width: 0px; border-style: solid; border-color: #007FFF;
padding: 0px;
margin-top: 30px;
}
.column1 {width: 30%; 
text-align: left; 
float: left; 
display: inline; 
margin-left: 7%;
}
.column2 {width: 30%; 
text-align: left; 
float: right; 
display: inline; 

}
.column3 {width: 30%; 
text-align: left; 
float: right; 
display: inline; 
padding: 5px;

background-color: black;
color: white;
margin-right: 10%;
}

.hidden {
display: none;
}