/** { border: 1px solid red; } /* use for debugging */

/* :root { position: relative; border: 1px solid red; } */

html, body {
 height: 100%;
 font-family: helvetica, arial, sans-serif ;
 font-size: 12px;
 margin: 0px;
 background-color: #2E6884;
 min-width: 800px;
 padding: 0px;
}

table, tr, td, p, div {
    font-family: inherit !important;
    font-size: inherit !important;
}

p.upgrade { display: none; }

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #B2C6D5;
}

a:hover { color: #2E6884; }

img { border: 0px; }

div#design img {
	position: relative;
	left: 270px;
    z-index: 0;
}

div#logo img {
	position: absolute;
    top: 82px;
    left: 35px;
	z-index: 1;
}

div#front_menu_box {
   	margin-top: 150px;
	padding-top: 20px;
	height: 200px;
	background-color: #528099;
	color: #B2C6D5;
	font-size: 20px !important;
	font-weight: bold;
	text-align: center;
}

div#front_menu_box img {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: text-top;
}

div#front_menu_box .contact_us {
	position: relative;
	top: 10px;
	left: -90px;
	color: #89A8BD;
	font-size: inherit !important;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
}

/* ******************************************************** */
/* ************* stuff for contact pages ****************** */
/* ******************************************************** */

div#content_box a,
div#content_box a:link,
div#content_box a:visited,
div#content_box a:active {
	color: #2E6884;
    text-decoration: underline;
}

div#content_box a:hover { color: #528099 }

div#img_sub {
	width: 583px;
    height: 94px;
    margin-left: auto;
	margin-right: 25px;
    overflow: visible;
	align: right;
}

div#who_we_are {
	position: relative;
    top: 90px;
    left: 35px;
    width: 300px;
}

div#first_paragraph {
	position: relative;
    top: 75px;
    left: 209px;
    width: 250px;
    color: #fff;
}

div#content_box {
	/*margin-top: 85px;*/
    position: relative;
    top: 85px;
    width: 100%;
	height: 280px;
	background-color: #fff;
}

div#left {
/*	position: absolute;
    left: 35px;
    top: 300px;*/
    float: left;
    margin-left: 25px;	width: 150px;
}

div#left pre {
	color: #2E6884;
	font-family: helvetica, arial, sans-serif;
	font-style: normal;
	font-size: smaller;
}

div#center {
	/*position: absolute;
    top: 300px;
	left: 219px;*/
    float: left;
    margin-left: 34px;
    width: 250px;
    /*display: none;*/
}

div#right {
	float: left;
margin-left: 25px;
    max-width: 300px; /* ie does not recognize kind of fixed float problem */
}

div#right p,
div#center p {
	color: #2E6884;
}

div#contact_us {
	 top: 475px;	position: absolute;  
    left: 35px;
}

/* ******************************************************** */
/* ************* stuff for content pages ****************** */
/* ******************************************************** */

div#content_page_box {
	/*margin-top: 85px;*/
    position: relative;
    top: 185px;
    width: 100%;
	height: 180px;
	background-color: #fff;
	text-align:center;
}

div#content_page_box img {
	padding: 6px 10px;
}

div#menu {
	position: relative;
	/* border: 2px solid red; */
	top: 200px;
   	color: #B2C6D5;
	font-size: 20px !important;
	font-weight: bold;
	text-align: center;
}

div#menu img {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: text-top;
}

div#menu .contact_us {
	position: relative;
	top: 10px;
	left: -90px;
	color: #89A8BD;
	font-size: inherit !important;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
}

div#menu a:hover { color: #fff; }