/* Styles for pearl-beach.com web pages */

body {
	background-image: url(pb_bg_body.gif);
	margin-top: 6px;
	margin-bottom: 6px;
	background-color: #eee;
/*	overflow-y: scroll;   adds scrollbar to Firefox */
}
.p {
	font-size: 12px; color: #330033; font-weight: bold; font-family: arial, helvetica, sans-serif
}
.p-sub {
	font-size: 14px; color: #330033; font-weight: bold; font-family: arial, helvetica, sans-serif
}	
.p-09 {
	font-size: 9px; color: #330033; font-family: arial, helvetica, sans-serif
}
.p-09w {
	font-size: 9px; color: #f5f5f5; font-family: arial, helvetica, sans-serif
}
.title {
	font-size: 18px; color: #ff530e; font-family: arial, helvetica, sans-serif
}
.title-10 {
	font-size: 10px; color: #ff530e; font-family: arial, helvetica, sans-serif
}
.title-12 {
	font-size: 12px; color: #ff530e; font-family: arial, helvetica, sans-serif
}
.title-14 {
	font-size: 14px; color: #ff530e; font-family: arial, helvetica, sans-serif
}
.heading {
	font-size: 18px; color: #f69900; font-family: arial, helvetica, sans-serif
}
.heading-16 {
	font-size: 16px; color: #f69900; font-family: arial, helvetica, sans-serif
}
.heading-14 {
	font-size: 14px; color: #f69900; font-family: arial, helvetica, sans-serif
}
.heading-14-green {
	font-size: 14px; color: #008080; font-family: arial, helvetica, sans-serif
}
.heading-36 {
	font-size: 36px; color: #f69900; font-family: arial, helvetica, sans-serif
}
.heading-mid {
	font-size: 16px; color: #008080; font-weight: bold; font-family: arial, helvetica, sans-serif
}
.heading-sub {
	font-size: 12px; color: #008080; font-weight: bold; font-family: arial, helvetica, sans-serif
}
.page {
	font-size: 12px; color: #330033; font-family: arial, helvetica, sans-serif
}
.menu {
	font-size: 14px; color: #330033; font-family: arial, helvetica, sans-serif; text-decoration: none
}
.field400 {
	font-size: 9pt; width: 400px; color: #000000; font-family: arial, helvetica, sans-serif
}
.field200 {
	font-size: 9pt; width: 200px; color: #000000; font-family: arial, helvetica, sans-serif
}
.field50 {
	font-size: 9pt; width: 50px; color: #000000; font-family: arial, helvetica, sans-serif
}
.field100 {
	font-size: 9pt; width: 100px; color: #000000; font-family: arial, helvetica, sans-serif
}
.formbutton {
	font-weight: bold; font-size: 10px; color: #000000; font-family: arial, helvetica, sans-serif
}
.pathway {
	font-size: 12px; color: #f69900; font-family: arial, helvetica, sans-serif
}
.headbg {
	background-color: #c8d5e6;
}
a:link {
	color: #f69900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3a899c;
}
a:hover {
	text-decoration: none;
	color: #ffa200;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #ff530e;
}
a.external:link {
	color: #0257ad; font-size: 14px; font-family: arial, helvetica, sans-serif; text-decoration: none 
}
a.external:visited {
	color: #3a899c; font-size: 14px; font-family: arial, helvetica, sans-serif; text-decoration: none 
}
a.external:hover {
	color: #f69900; font-size: 14px; font-family: arial, helvetica, sans-serif; text-decoration: underline; 
}
a.pathway:active {
	color: #f69900; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none 
}
a.pathway:link {
	color: #f69900; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none 
}
a.pathway:visited {
	color: #f69900; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: none ;
}
a.pathway:hover {
	color: #ffa200; font-size: 12px; font-family: arial, helvetica, sans-serif; text-decoration: underline; 
}
ul { 
	list-style:none; 
}
ul.disc {	
	list-style-type: disc;
}
ul.circle {	
	list-style-type: circle;
}
ul.square {	
	list-style-type: square;
}
ul.image {
	list-style-image: url(/_theme/blackorange.gif);
}
hr {
	color: #330033;
}
a.milonic:link {
	color: #f69900; 
	font-size: 9px;
	font-weight: bold;	 
	font-family: arial, helvetica, sans-serif;
}
a.milonic:visited {
	color: #60c6a4; 
	font-size: 9px; 
	font-weight: bold;	 
	font-family: arial, helvetica, sans-serif;
}
a.milonic:hover {
	color: #f0c36d; 
	font-size: 9px; 
	font-weight: bold;	 
	font-family: arial, helvetica, sans-serif;
	text-decoration: underline;
}
a.milonic:active {
	color: #ffc870; 
	font-size: 9px; 
	font-weight: bold;	 
	font-family: arial, helvetica, sans-serif;
}

input.clickable {
   
	color : #ffffff;
   	background-color: #808080;
   	border-left: 2px solid #beb8e2;
	border-top: 2px solid #beb8e2;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	text-align:center;
	font-weight: bold;
 	padding: 2px;
	cursor: pointer;
}
.tablecolor {
	background-color:#ffffff;
}
a.mainlevel {
	padding-right: 0px; display: block; padding-left: 5px; font-weight: bold; margin-bottom: 1px; padding-bottom: 2px; padding-top: 2px; font-size: 12px; color: #f69900; font-family: arial, helvetica, sans-serif
}
a.sublevel:link {
	padding-left: 10px; font-weight: bold; text-decoration: none
}
a.sublevel:visited {
	padding-left: 10px; font-weight: bold; text-decoration: none
}
a.mainlevel:hover {
	text-decoration: underline
}
a.sublevel:hover {
	text-decoration: none
}
.td.sub { 
	background: url(../_theme/blackorange.gif);
}
.r-menu {
	color: #f69900; font-size: 10px; font-family: arial, helvetica, sans-serif; text-decoration: none; font-weight: bold;
}
.shaded {
	background: #e0e0e0;
}
.tr-list { 
	border-top: 1px solid #ccc; 
	border-bottom: 2px solid #ccc;
	background: #e0e0e0; 
}
.td-list { 
	border-top: 1px solid #ccc; 
	border-bottom: 2px solid #ccc; 

}
.td-img1 {
	background-image: url('../gen_info/1.png')
}
.td-img2 {
	background-image: url('../gen_info/2.png')
}
.borderright {
	border-right: #ffffff 2px solid
}
.borderleft {
	border-left: #999999 1px solid
}
.bordertop {
	border-top: #999999 1px solid;
}
.borderbottom {
	border-bottom: #999999 1px solid
}