/*-----------------------------------------------------*\
 * Position and Layout Classes
\*-----------------------------------------------------*/

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/*Clears down on both sides  */
.clear {
	clear: both;
	}

/*Indents the navigation buttons in the header  */
div.indent_nav {
	padding-left: 3em;
}

/*-----------------------------------------------------*\
 * Default HTML tag behavior
\*-----------------------------------------------------*/

body {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000066;
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
	width: 100%;
	}

hr {
	color: gray; 
	height:1px;
	width: 100%;
	align: center;
	}
	
td { 
	font-family: Arial; 
	font-style: normal; 
	color: #000000;
	}
	
P  {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.8em;
	margin: 10px;
	}

DL	{
	margin-left: 10px;
	}	
	
	
DT	{
	 font-weight: normal;
	}	
	
LI  {
	font-family: Arial;
	font-style: normal;
	font-size: .8em;
	margin-left: 10px;
	margin-right: 5px;
	list-style-type: circle;
	font-weight: normal;
	}
	
/*-----------------------------------------------------*\
 * Page Heading Classes
\*-----------------------------------------------------*/

/*Use these 3 classes instead of the old Header, HeaderSmall and HeaderSmaller classes from the old CSS sheets  */
H1	{
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #C85A17;
	text-align: center;
	margin-top: 5px;
	}

H2 {
	font-family: Arial, sans-serif;
	font-size: .9em;
	font-weight: bold;
	font-style : normal;
	color: #214D9C;
	line-height: 2em;
	}

H3 {  
	font-family: Arial, sans-serif; 
	font-size: 0.8em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}
H4 {  
	font-family: Arial, sans-serif; 
	font-size: .6em; 
	font-weight: bold; 
	font-style : italic;
	color: #000000;
	text-align: left;
	}

/*-----------------------------------------------------*\
 * Table and Accessibility Classes
\*-----------------------------------------------------*/

/*Width setter class  */
table.100percent {
	width: 100%;
	}

table.full760 {
	width: 760px;
	background-color: #FFFFFF;
	}

/*Filipino Cebuano Business Club design specific classes  */

/*Makes the black header table with content that doesn't touch the edge of the browser  */
table.blackheader {
	width: 100%;
	padding: 10px 20px;
	background-color: #000000;
	}

/*Main Content Area with content that doesn't touch the edge of the browser  */
table.maincontent {
	width: 100%;
	padding: 10px 20px;
	background-color: #FFFFFF;
	}

/*Makes the black stripes in the footer  */
table.blackfooter {
	width: 100%;
	background-color: #000000;
	}
	
/*Makes the orange stripe in the footer  */	
td.orangeback {
	background-color: #FF9900;
	padding: 10px 20px;
	}

/*Makes the background in the Horizontal MENU  */	
td.hor_menu {
	background-color: #660000;
	color: #FFFFFF;
	}

/*Makes the background in the Vertical MENU  */	
td.ver_menu {
	width: 199;
	background-color: #E1EFFC;
	valign: top;	
	}
	
td.leftcolumn {
	background-color: #E1EFFC;
	vertical-align: top;
	}
	
td.tagline {
	width: 0px;
	height: 0px;
	padding: 3px;
	background-color: #666666;
	color: #66C5F5;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 1.2em;
	}

/*Makes the background in the footer  */	
td.footer {
	background-color: #FFFFFF;
	background-image: url(images/footer_bg.jpg);
	}
 
/*The next 4 "twotone" classes are to make data tables look pretty with every other line of data shaded for easy reading */
	
table.twotone {
	font-family: Times New Roman, serif; 
	font-size: .8em; 
	font-weight: normal; 
	color: #003399;
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 70%;
	}
	
th.twotone_header {
	font-family: Times New Roman, serif; 
	font-weight: bold; 
	color: #ffffff;
	background-color: #006633;
	margin: 0;
  	padding: 0;
	}
	
th.twotone_subheader {
	font-family: Times New Roman, serif; 
	font-weight: bold; 
	color: #003399;
	background-color: #E5DBC3;
	margin: 0;
  	padding: 0;
	}
	
.twotone_even {
	background-color: #D6F5DA;
	}
	
	
/*-----------------------------------------------------*\
 * Anchor Classes
\*-----------------------------------------------------*/

/*Normal link attributes*/
A:link {
	font-family: Arial;
	font-style: normal;
	font-size: 1em;
	color: #0000CC;
	text-decoration: none;
	}
	
	
A:visited { 
	font-family: Arial;  
	font-style: normal; 
	font-size: 1em; 
	color: #0000CC;
	text-decoration: none;
	}
	
A:active {
	font-family: Arial;
	font-style: normal;
	font-size: 1em;
	color: #FF6633;
	text-decoration: none;
	}
	
A:hover {
	font-family: Arial;
	font-style: normal;
	font-size: 1em;
	color: #FF6633;
	text-decoration: none;
	}
	
/*Use these for the Horizontal Menu Navigation  */	
A.navlink:link {
	font-family: Courier New, Courier, monospace;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #CC6600;
	line-height: 5em;
	text-decoration: none;
	letter-spacing: .01em;
	}
		
A.navlink:visited {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlink:active {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlink:hover {
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style : normal;
	color: #FF9999;
	line-height: 2em;
	text-decoration: none;
	}

/*Use these for the White page links under the Yellow Section Headings in the Navigation  */
A.navlinksmall:link { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em;
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlinksmall:visited { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em;
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlinksmall:active { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em;
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: none;
	}
	
A.navlinksmall:hover { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 0.9em;
	color: #FFFFFF;
	line-height: 2em;
	text-decoration: underline;
	}
	
	
 /*This is for the link in the Copyright so it matches*/
A.copyrightlink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.9em; 
	color: #FFFFFF;
	}
	
A.copyrightlink:visited { 
	font-family: Arial;  
	font-style: normal;
	font-weight: bold; 
	font-size: 0.9em; 
	color: #FFFFFF;
	}
	
A.copyrightlink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.9em; 
	color: #FFFFFF;
	}
	
A.copyrightlink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.9em; 
	color: #000000;
	}
	
/*MENU link rollovers*/
#navcontainer {
	margin: 0 0 0 0;
	padding: 0;
	background-color: #CCCCCC;
	list-style-type: none;
	}

#navcontainer ul
	{
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B1C5EA;
	font-size: 1.2em;
	}

#navcontainer li {
	margin: 0 0 1px 0;
	background-color: #B1C5EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	list-style-type: none;
}

#navcontainer a
	{
	display: block;
	margin: 0;
	padding: 3px 3px;
	width: 218px;
	background-color: #E2F0FD;
	border-bottom: 0px solid #FFFFFF;
	list-style-type: none;
	}

#navcontainer a:link, #navlist a:visited
	{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	font-style : normal;
	color: #666666;
	text-decoration: none;
	list-style-type: none;
	text-indent: 10px;
	}

#navcontainer a:hover
	{
	background-color: #CC6666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	}

#active a:link, #active a:visited, #active a:hover
	{
	background-color: #CC6633;
	color: #B1C5EA;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	}
/*Use for navcontainer_sub_menu */	
#navcontainer_sub {	
	margin: 0 0 0 0;
	padding: 0;	
	}

#navcontainer_sub ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}

#navcontainer_sub li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0px;
	background-image: url(images/menu_bg_over.jpg);
}

#navcontainer_sub a
	{
	display: block;
	margin: 0;
	padding: 3px 3px;
	width: 199px;
	background-color: #E2F0FD;
	border-bottom: 0px solid #FFFFFF;
	}

#navcontainer_sub a:link, #navlist_sub a:visited
	{
	font-family: Arial, sans-serif;
	font-size: .7em;
	font-weight: bold;
	font-style : normal;
	color: #000066;
	text-decoration: none;
	}

#navcontainer_sub a:hover
	{
	/*border: 1px solid #333;*/
	/*background-color: #E42F4A;*/
	background-image: url(images/menu_bg.jpg);
	color: #E42F4A;
	}
/*end of left menu link rollovers*/
	
/*-----------------------------------------------------*\
 * SPAN and Other  Misc. classes
\*-----------------------------------------------------*/
 
 /*This is for the dividers between navigation links so they match*/
.navtext {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	color: #C85A17;
	}

 /*This is for address header under logo*/
span.addressheader {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.0em;
	color: #000000;
	text-align: center;
	}
	
 /*This is the copyright text at the bottom of the page ONLY*/
span.copyright {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 0.7em;
	color: #FFFFFF;
	margin: 5px;
	}
	
 /*Good for Notices*/
.RedText { 
	font-family: Arial; 
	font-style: normal; 
	color: #990000;
	}
	
.floater {
	float: left;
	border: solid 1px black;
	padding: 5px;
	margin: 5px;
	width: 100px;
	height: 75px;
	}