/* ====================================================================== */
/* ==| AUTHOR  : Madara Ranawake                                      |== */
/* ==| PROJECT : COLON CANCER CHECK E-CARDS                           |== */
/* ==| URL     : http://www.. 					  |== */
/* ==| DATE    : 2008 JUNE 27                                         |== */
/* ==| MODIFY  : 2008 JUNE 27                                         |== */
/* ==| NOTE    : All the attributes are editable,                     |== */
/* ==|           do NOT change the class names or IDs                 |== */
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* = Rules defined for apply GLOBALLY begins from this point forward    = */
/* ---------------------------------------------------------------------- */

body { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #FFFFFF; margin-top: 0; }
form { padding:0px; margin: 0px; margin-top:0px; margin-bottom: 15px; }
p { margin-top:0px; margin-bottom: 15px; line-height: 16px; }
a:link, a:visited { color: #517F79; text-decoration:none; }
a:hover, a:active { color: #7CAAA5; text-decoration:underline; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; }
h1 { color:#437F7D; font-size:17pt; margin:0 0 15px 0; }
h2 { color:#A0A09F; font-size:12pt; margin:0 0 15px 0; }
h3 { color:#437F7D; font-size:10pt; margin:0 0 10px 0; }
table { margin-bottom:15px; }

/* ---------------------------------------------------------------------- */
/* = The style rules defined for HTML element IDs begins here           = */
/* ---------------------------------------------------------------------- */

#divBody { width:612px; height:auto; margin:auto; }

#divMasthead {
	width: inherit;
	height:93px;
	clear:both;
	margin-bottom:15px;
}

#divContent, #divContentSub { width:572px; height:auto; clear:both; padding:0 20px; }
#divContentFlash { width:600px; height:400px; clear:both; margin:auto; margin-bottom:15px; }
#divBottomLine { width:inherit; height:1px; border-top:10px solid #437F7D; font-size:1px; margin-bottom:15px; }

#divSubTitle { width:572px; height:40px; clear:both; }
#divSubTitleL { width:402px; height:inherit; float:left; text-align:left; }
#divSubTitleR { width:170px; height:inherit; float:left; text-align:right; }

#divFooter { width:592px; height:auto; clear:both; background-color:#9CA299; padding:10px; text-align:center; font-weight:bold; }
#divFooter a:link, #divFooter a:visited { color: #000000; text-decoration:none; }
#divFooter a:hover, #divFooter a:active { color: #000000; text-decoration:underline; }

/* ---------------------------------------------------------------------- */
/* = Definitions for classes begins which must be called separately     = */
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* = Definitions for any element begins                                 = */
/* ---------------------------------------------------------------------- */

.smallText { font-size:8pt; }
.zeroBottomMargin { margin-bottom:0; }
.legalText { font-size:8pt; color:#A6A5A5; }
.red { color:#FF0000; }
.error { font-weight:bold; color:#FF0000; padding:5px; border:1px solid #FF0000; }