.table_1 {       
	width: 100%;
	height: 64px;
        background: #FFFFFF;
        border-left: solid 0px #666666;
        border-right: solid 0px #666666;
        border-bottom: solid 1px #cccccc;
	
}

div.news {
	border: thin dotted #003300;
	background-color: #006699;
}

.style1 {
	color: #53586D;
	font-weight: bold;
}

.style2 {font-size: 13px}
.style3 {font-size: 16px}
.style4 {font-size: 24px}

.main_image {
	width: 70px;
	height: 64px;
        text-align:right;
        
}

/* --- Cell Holding Left Side Modules ---*/
.left_modules {
	width: 130px;
	padding-top: 5px;
	background: #f5f5f5;
	border-left: solid 0px #666666;
	/*border-right: dashed 1px #666666;*/
	/* border-top: solid 0px #f5f5f5; */
	/* border-bottom: solid 0px #f5f5f5; */
}
.leftable {
	background-color: #f5f5f5;
}



/* --- Cell Holding Top and Bottom Modules and the Main Body ---*/
.main_content {
	background: #ffffff;
	padding: 5px;
	border: 0px solid #666666;
	width: 450px;
}

/* --- Cell Holding Right Side Modules ---*/
.right_modules {
	width: 180px;
	padding-top: 5px;
	/* background: #f5f5f5; */
	/* border-left: solid 1px #cccccc; */
	border-right: solid 0px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

/* --- Table Holding the Footer ---*/
.table_bottom {
	width: 100%;
	border-left: solid 0px #666666;
	border-right: solid 0px #666666;
	border-top: solid 1px #666666;
	border-bottom: solid 0px #666666;
	background-color: #B1C3D9;
}

/* --- Cell Holding the footer ---*/
.footer {
  /* height: 20px;*/
}

/* -------------------------------------------------------------------*/
/* ---------------- Mambo Styling Classes ----------------------------*/
/* -------------------------------------------------------------------*/

/* ---------------- General Body Styling----------------------*/
    /* These are normal css setup reccommended for your
      HTML template although they are not neccessary */
 
body {
	margin-left: auto;
	margin-right: auto;
       width: 800px; 
	background-color : #ffffff;
	/* color : #465675; */
}

td,tr,p,div {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: left;
	}

div.main_outline {
	text-align: left;	
	border: 1px solid #cccccc;
	padding: 2px;
	background: #ffffff;   
}

a:link, a:visited {
	font-size: 13px;
	/* color: #98A258; */
        color: #3D4E6D;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	}

a:hover {
	/*color: #9999FF;*/	
  text-decoration: underline;
	}

.siteheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #53586D;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	margin-left: 30px;
    }

.back_button {
	/* this style applies to the back button button generated by
	   Mambo. Change its format here*/
	float: left;
  font-size: 13px;
  color: #FFFFFF; 
  background: #f5f5f5;
  font-weight: bold;
  text-align: center;
  padding: 4px;
	border: 1px solid #000066;
  cursor:  pointer;
}

.pagetext {
	/* this style is used to style the content of the editing form
	   contents (where HTMLArea sits and all its forms + contents) in
	   the frontend Administration interface */
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}


/* ---------------- Mambo Menu Styling ----------------------*/
    /* You can control the way menu behave and look 
    by using the CSS settings below */

a.mainlevel:link, a.mainlevel:visited {
	/* this styling is for the MAIN items in the menu */
	color: #3D4E6D;
	background: none;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
	}

a.mainlevel:hover {
	/* same as above, but when hovering */
	/*color: #98A258;*/
        color: #6699CC;
	width: 100%;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
	}
	
a#active_menu {
	/*color: #3D4E6D;*/
color: #333399;
	}

a.readon:link, a.readon:visited {
	/* For formatting the "Read on..." link for blogs and on frontpage. */
	color: #98A258; 
	text-decoration: none;
	font-weight: bold;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	}

a.readon:hover {
	/* Pfft..! */
	color: #23598d;	text-decoration: none;
	font-weight: bold;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	}


/* --------- Mambo Modules formatting ---------*/
  /* These stylings are to format the way modules are 
  displayed. It mainly deals with the format of its 
    table. I think this doesn't need too much explaining. */
	
table.moduletable {
	/* styling the module table */
	width: 90%;
	margin: 0px 0px 0px 7px;
	border-left: solid 0px #666666;
	border-right: solid 0px #666666;
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
}

table.moduletable th {
	/* styling the module header, and the module titles */
	background: none;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	text-indent: 0px;
	width: 100%;
	height: 24px;
	border-bottom: solid 1px #666666;
	text-transform: uppercase;
}

table.moduletable td {
	/* well.. for formatting the table cells of the module table */
	font-size: 12px;
	background: none;
	padding: 5px;
	font-weight: normal;
}

table.moduletable ul {
	color: #ff0000;
}	


.table_2 {
	/* background: #f5f5f5;*/
        background: #ffffff;
	border-left: solid 0px #666666;
	border-right: solid 0px #666666;
	/*margin: 0px 0px 0px 0px;*/
}

/*  Weblinks */

a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" 
	   section on the frontend */
	color: #405115; text-decoration: none; font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}

a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000099;	text-decoration: underline;
	}
.sitename {
	margin-left: 10px;
}
div.news {
	border: thin dotted #003300;
	background-color: #006699;
}
.news {
	border: thin none #003300;
	background-color: #FFFFCC;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.newsflashes {
	font-size: 16px;
	color: #53586D;
	font-weight: bold;
}
.newsflashtable {
	padding-bottom: 10px;
}
.maintext {
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.newsblock {
	padding-bottom: 5px;
}
.hr {
	text-align: center;
	width: 50px;
	color: #6699CC;
}
.h1 {
	font-size: 24px;
	color: #53586D;
}


.footer {
	text-align: center;
}
.paypallogo {
	text-align: center;
}
.downloadtable {
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.downloadrect {
	border: 1px solid #006699;
}
.smallfont {
	font-size: 10px;
}
.hr2 {
	height: 1px;
	width: 50px;
	color: #999999;
}
.divmain {
	width: 430px;
}
.f1 {
	font-size: 16px;
	font-weight: bold;
	color: #53586D;
}
