body {

margin: 0px;

padding: 0px;

background-color: #000;

font-family: Arial, Helvetica, Verdana;

font-weight: normal;

font-size: 12px;

}


a {

color: #1b1885;

text-decoration: none;

}


a:active {

color: #1b1885;

text-decoration: none;

}


a:visited {

color: #1b1885;

text-decoration: none;

} 


a:hover {

color: #fff;

text-decoration: underline;

}


p { 

color: #fff;

text-align: justify;

line-height: 150%;

padding: 0px; /*----- paragraph padding -----*/

}


.center {

margin-left: auto;

margin-right: auto;

}


div.scroller { 

width: 780px; /*----- width of visible scoller area -----*/

height: 280px;

overflow: hidden;

border:0px solid #ccc;

}


div.scroller div.section {

width: 800px;

height: 280px;

overflow:hidden;

float:left;

padding:1em;

}


div.scroller div.content {

width: 10000px;

}


.opacity {

opacity: 0.07;

filter: alpha(opacity=10);

}


#biopic {

float: left;

}


#biotext { 

float: left;

width: 400px;

text-align: justify;

padding-left: 20px; 

line-height: 150%;

color: #333;

}


#contact {

margin-top: 0px;

}


#container {

width: 1080px;

height: 640px;

background-image: url(../img/bgmain.jpg);

background-color: #4D668f; 

margin-top: 0px;

padding: 0px;

}


#content {

float: left;

width: 505px;

height: 340px;

margin: 0px;

padding-left: 30px;

font-size: 13px;

}


#title {

float: left;

width: 350px;

height: 70px;

margin: 0px;

padding: 2px 0px 0px 22px;

}



/*----- BEGIN GALLERY -----*/


#FrogJS {

float: left;

width: 570px;

height: 313px;

margin: 15px 0px 0px 15px;

color: #333;

line-height: 140%;

border: 1px;

}

#FrogJSCredit {

text-align: right;

font-size: 80%;

color: #999;

padding: 1px;

}

#FrogJSCaption {

text-align: left;

line-height: 140%;

}

/*----- END GALLERY -----*/



#page {

width: 590px;

height: 640px;

margin-top: 0px;

padding: 0px;

}



/*----- BEGIN TOP NAV -----*/

#nav {

float: left;

width: 500px;

height: 35px; 

margin-left: 16px;

padding: 0px;

}


#nav ul {

list-style-type: none;

float: left;

width: 500px;

height: 35px; /*-----  height and width same as #nav container -----*/

margin: 0px;

padding: 0px;

}


#nav li {

display: inline;

line-height: 240%; /*----- vertical text adjustment for nav list -----*/

margin: 0px;

padding: 20px 11px 8px 11px;

}


#nav li.catoff {

font-family: helvetica, arial, sans-serif; 

font-size: 12px; 

color: #fff;

}
	

#nav li.catoff a {

text-decoration:none;

color: #fff;

}


#nav li.caton {

background-color:#6D83A7;

font-family: helvetica, arial, sans-serif; 

font-size: 12px; 

color: #fff;

}


#nav li.caton a {

text-decoration:none;

color: #fff;

}

/*----- END TOP NAV -----*/


#subtitle {

float: left;

width: 140px;

height: 20px;

margin: 0px;

padding: 45px 0px 0px 20px;

}


#text {

margin-left: auto;

margin-right: auto;

}