/* -- FOR TESTING -- */
/* table { border: 1px solid red; } 
table td {border: 2px solid white;} 
p {border: 1px solid black;} */


/* ------- MAIN STRUCTURE ------- */

body { background-color:#3399CC; margin:1em 0 0 0; padding:0; 
/* this is to overcome a IE5/Win bug, that doesn't support value `auto' on margin-left/right; also, on IE5/Mac I still need to replicate the align property on descendant elements (see below) */text-align: center; font-size: 12px;}


/* this way we center the images, ie the main structure */
#skel {width: 600px; margin-left: auto; margin-right: auto;}
.brochurelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


#title {margin:0; padding:0;}

#submenu {font:12px Georgia, "Comic Sans MS", Helvetica, sans-serif; margin-top:0; padding:0.2em 0; color:#bbbbce; background:url(wood1.png) center repeat; border-top:0px none black; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid black; text-align:center; text-transform:lowercase; letter-spacing:1px;}
#submenu a:link, #submenu a:visited {color:#bbbbce; text-decoration: none;}

/* general styles for HTML elements */
a:link {color: #ddffff;}
a:visited {color: #0000FF;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; }
div {margin: 1em 0;}
table {margin: 0; padding: 0;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
ul {margin: 0em 1em 1em 3.5em; padding:0;}
ul li {text-align:left; list-style-type: circle; padding-bottom: 0.4em; }
h1 {font: bold 22px Georgia, Verdana, Arial, Helvetica, sans-serif; margin: 1em 0; text-align: center;}
h2 {font: bold 20px Georgia, Verdana, Arial, Helvetica, sans-serif; margin: 0.8em 0; text-align: center;}
h3 {font: italic 18px Georgia, Verdana, Arial, Helvetica, sans-serif; margin: 0.6em 0; text-align: center;}
h4 {font: bold 14px Georgia, Verdana, Arial, Helvetica, sans-serif; margin: 0.4em 0; text-align: left; padding: 0.4em 0;}
h5 {font: bold 14px Georgia, Verdana, Arial, Helvetica, sans-serif; text-align:center;}

/* ------- CONTENT STYLING ------- */

/* takes care of the space between the rows of imgs and text */
#content table {margin: 1em 0;}

/* text paragraphs main rules (will be inherited) */
#content table p {margin:0; padding:0 0 1em 0;}

/* images inside the content 
   NB: leave the ``td#'' to make NS4 skip this rule 
   (it'd cause big problems in NS4) */
td#content img {
	border:1px solid black;
	text-align:center;
}


/* gives some padding to the imgs (and text)
   NB: the [td]#content specifier is required! */
#content .leftimg img {margin-top: 2px; margin-right: 12px;}
#content .rightimg img {margin-top: 2px; margin-left: 12px;}
#content .leftbutton {margin-top: 2px; margin-right: 12px;}

/* ``margin-right'' in NS4 doesn't work! workarounds: */
/*#content .righttxt p {margin-left: 12px;}
#content .lefttxt img {margin-left: 10em;}
#content .righttxt img {margin-left: 1em;} */
/* restore things for new browsers */
/*td#content .righttxt p {margin-left: 0;} */

/* rules for padding imgs inside text, new browsers */
td#content .lefttxt {float: left; margin-right: 12px; margin-left: 0;}
td#content .righttxt {float: right; margin-left: 12px; margin-right: 0;}


/* img1 <-> left image */
td#content .img1 {float:left;  margin:2px 12px 2px 0;}
td#content .img2 {float:right; margin:2px 0 2px 12px;}
td#content .button {border:0px solid black; float:none; margin-left:40px}


/* captions */
/* NOT IN USE NOW
#content .rightimg p {margin-left: 1.25em; margin-top: 0.2em; padding: 0; font-size: 85%;}
#content .leftimg p {margin-right: 1.25em; margin-top: 0.2em; padding: 0; font-size: 85%;}
*/


/* ------- GENERAL CLASSES ------- */

/* style for a block with images */
.imgblock {width: 600px; margin-left: auto; margin-right: auto; text-align: center;}

/* style for Block (imgs + text) titles */
.par1 h4 {margin-top:0; padding-top:0; border:1px solid black;}
.par2 h4 {margin-top:0; padding-top:0; border:1px solid black;}

/* general style for stand-alone images */
.standout_img {margin:14px;}

.isolated_text {text-align: center;}

.hilight {color: #0033FF;}

div.list {margin:0;}
.list p {margin:0; padding:0;}

.standout_list {border: 1px solid black; padding:1.2em; margin: 1em;}
.standout_list h4 {padding: 0 0 1em 0.8em;}

.itc {font-style:italic; color:#176006;}

.coming_soon {text-align:center; color:#903; margin:2em; line-height:150%;}


/* ------- FOOTER STYLES ------- */
#bottom_submenu {font: 15px Helvetica, sans-serif; text-align: center;}
#bottom_submenu a:visited {
	text-align: center;
	color: #0000FF;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
}

#newsreviews_submenu {
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}

#newsreviews_submenu a:visited {
	text-align: center;
	color: #0000FF;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
}

/* style for a notice that needs to stand out */
.important_notice {font: italic 16px Georgia, Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:1em 0; line-height: 120%; }

/* style for the logo at the bottom of every page */
#logo {margin-bottom: 1em; border-style: none;}
#logo img {border-style: none;}
#logo a:link {border-style: none; color: #3399CC;}
#logo a:visited {border-style: none; color: #3399CC;}
div#logo a:active {border-style: none; color: #3399CC;}

/* styling the bottom menu */
#bottommenu {margin: 0; padding: 0.8em 0; background-color: #2277cc; border-top: 1px dotted black; text-align: center; font-family: Helvetica, sans-serif; font-size: 15px; color: #003366;}
#bottommenu a:visited {color: #000066; font-weight: bolder; font-size: 15px;}

/* styling the bottom menu site map link*/
#sitemaplink {font-size: 12px;}
#sitemaplink a:visited {font-size: 12px;}


/* styling the copyright notice */
#copyright {font: 9px monaco, VT100, courier, monospace; color: #cccccc; margin: 0; padding: 0.6em 0; background-color: #1155aa; border-top: 1px dotted black; text-align: center;}
.standout_list2 {
	padding:1.2em;
	margin: 1em;
}