* html { margin: 0; padding: 0; }
body { font-size: 100%; font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
/*Tabel ID */
#resource_content h3, a { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#resource_content p { font-size: 10px; line-height: 1.3; margin: 0 8px 3px 10px; padding-top: 0; }
#resource_content ul { margin: 0; padding: 15px 0 0; }
#resource_content li { color: #fe0000; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5; vertical-align: 50%; margin-bottom: 5px; margin-left: 30px; padding-left: 8px; list-style-image: url(images/yellow_arrow_reg.gif); }
#resource_content a:link, a:visited { color: #f63701; text-decoration: none; }
#resource_content a:hover { color: #313952; text-decoration: underline; }
.readtag { width: 70px; height: 15px; float: right; margin-bottom: 5px; padding-top: 0; padding-right: 5px; padding-bottom: 0; }
img { margin-bottom: 0; padding-bottom: 0; }
/* Main Column */
#main_content h2 { font-size: 95%; font-weight: normal; line-height: 1.5; text-align: left; word-spacing: 0.4px; margin: 0 0 8px; }
#main_content p { font-size: 80%; line-height: 1.5; text-align: left; margin-top: 0; margin-bottom: 1em; margin-left: 10px; padding-right: 10px;}
#form p { font-size: 80%; line-height: 1; text-align: left; margin-top: 5px; margin-bottom: 5px; }
#form h3 { font-size: 80%; font-weight: normal; line-height: 1; margin-top: 5px; margin-bottom: 5px; }
#form h2 { font-size: 100%; font-weight: normal; line-height: 1; margin-top: 5px; margin-bottom: 5px; color: #f63701;}
#contact_content h2 { font-size: 95%; font-weight: normal; line-height: 1.5; text-align: left; word-spacing: 0.4px; margin: 0 0 8px; }
#contact_content p { font-size: 80%; line-height: 1.5; text-align: left; margin-top: 0; margin-bottom: 1em; margin-left: 10px; padding-right: 10px; }
#contact_content a { color: #f63701; }
#main_content a:link, a:visited { color: #f63701; text-decoration: none; }
#main_content a:hover { color: #313952; text-decoration: underline; }
#main_content a:active { color: #f63701; text-decoration: none; }
/* Right Hand Column */

#right_column h1 { color: #ffffff; font-size: 80%; font-weight: normal; text-align: center; word-spacing: 0.8px; margin-top: 3px; margin-bottom: 8px; }
#right_column h2 { color: #d9c08a; font-size: 130%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: center; margin-top: 3px; margin-bottom: 3px; }
#right_column h3 { color: #ffffff; font-size: 80%; font-weight: normal; text-align: left; word-spacing: 0.8px; margin: 3px 12px 8px; }
#right_column p { color: #ffffff; font-size: 70%; line-height: 1.5; text-align: left; margin: 0 12px 7px; }
#right_column a { color: #f63701; }
/* START OF THE FORM CSS */
#formcontainer {width: 180px;}
#formcontainer form  { margin-left: 11px; } /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
#formcontainer div.clearfix { vertical-align:top; padding: 2px 0 4px; } /* adds the line above each section and provides vertical spacing */
#formcontainer form label { width: 100px; float: left; font-size: 75%; color: #fff; margin-top: 0; margin-bottom: 3px; }
#contactform { text-align: center; width: 500px; margin-right: auto; margin-left: auto; }
#contactform form label { color: #000; font-size: 75%; margin-top: 0; margin-bottom: 5px; width: 400px; }
/* this is the text label on the left of each input */
/* END OF THE FORMS CSS*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */