/* tap tips Stylesheet */

/* ====================================================================== <<<< Global Definitions */
* {
	margin:0;
	padding:0;
}
.l{float:left}
.r{float:right}
.c{text-align:center}
.imgRHS{margin:10px; float:right}
.imgLHS{margin:10px; float:left}
img { display: block; border:0; }
body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:70%; background: #CBD9ED url(../img/pagebg.gif) repeat-x; color:#000; margin:0 auto; text-align: center; }
.clear { width:100%; font-size: 1px; line-height: 1px; height:1px; clear:both; }
a { color: #439491; }
a:HOVER { color:#669999; text-decoration:none; }
/* ====================================================================== >>>> Global Definitions */

/* ====================================================================== <<<< Wrapper */
#framer { margin:0 auto; background: url(../img/sidesbg.gif) repeat-y;		position: relative;	overflow: auto; width:748px;  voice-family:"\"}\""; voice-family:inherit; width:732px; }
.dummy { }
.wrap { float: left; width: 6px; }
#framerInside { width:720px; float: left; background: #fff; text-align:center;}
/* ====================================================================== >>>> Wrapper */

/* ====================================================================== <<<< Header */
#header { width:720px; margin: 0 auto 17px auto; text-align: left; height:105px; }
#logo { float: left; width:200px; height:88px; }
/* ====================================================================== >>>> Header */


/* ====================================================================== <<<< Top Menu */
#topmenu { width:500px; height: 43px; float: left; }
#topmenu ul { list-style: none;  }
#topmenu li { float:left; }
#topmenu img { float:left; margin:0 -3px;  voice-family:"\"}\""; voice-family:inherit; margin:0; }
.dummy { }


/* ====================================================================== >>>> Top Menu */

/* ====================================================================== <<<< Small Menu */
#smallmenu { height: 45px; width:228px; float: right; }
#smallmenu ul { list-style: none; margin:0 20px 0 0; }
#smallmenu li { float:left; }
#smallmenu img { float:left; margin:0 -3px;  voice-family:"\"}\""; voice-family:inherit; margin:0; }
.dummy { }

div#header #smallmenu ul {
	float: right;
}

div#header #smallmenu ul li {
	display: inline;
	margin: 0 0 0 18px;
	padding: 0 0 4px 22px;
	font-size: 1.3em;
	background-repeat: no-repeat;
}
div#header #smallmenu ul li.get_in_touch {
	background-image: url("../images/bullets/get-in-touch.gif");
}

div#header #smallmenu ul li a {
	text-decoration:none;
}
div#header #smallmenu ul li a:hover {
text-decoration:underline;}
/* ====================================================================== <<<< Small Menu */


/* ====================================================================== <<<< center Frame */
#centerFrame { width:680px; margin:0 auto; text-align:left; }
/* ====================================================================== >>>> center Frame */

/* ====================================================================== <<<< home box ad main */
#homeboxflash{margin:0; padding:0; width:650px; border:1px solid #ff6670}

#homebox { margin:0 0 18px 0; }
#homeboxend { height:56px; }
#hbox_tagline { float:left; margin:0 -3px;  voice-family:"\"}\""; voice-family:inherit; margin:0; }
.dummy { }
#hbox_arrow { float: right; }
/* ====================================================================== >>>> home box ad main  */

#home_banner{margin:0 0 0 36px; padding:0; width:242px; height:43px; float:left;}

/* ====================================================================== <<<< home box small */
.smallbox { width:330px; }
.sboxMidWrap { float:left; width:195px; }
.sboxMid { padding:0 0 0 10px; height:89px; background: url(../img/homebox/boxbg.gif) no-repeat; }
#middle .sboxMid p { line-height:1.4em; padding:0; }
.sboxMidWrap a { float:left; }
.sboxMidPic { float:right; margin:0 -3px;  voice-family:"\"}\""; voice-family:inherit; margin:0; }
.dummy { }
.boxarrow, .boxmore { float:left; }
.inthehousebox { float:left; }
.atworkbox { float:right; }
/* ====================================================================== >>>> home box small  */

/* ====================================================================== <<<< middle */
#middle h1 { padding:14px 0 6px 18px;  background: url(../img/titlebg.gif) no-repeat;    }
#middle h2 { padding:0 18px; margin:0 0 15px 0;}
#middle h3 { font-size:1.3em; margin:0 0 10px 0; color:#0E746E; background:#E8F6FB; padding:10px; }
#middle h4 { font-size:1.1em; margin:0 0 10px 0; color:#0E746E; }
#middle h5 { font-size:1.1em; margin:0 0 10px 0; color:#0E746E; }
#middle h6 { font-size:1em; margin:0 0 10px 0; color:#0E746E; }

#content { padding:0 20px; _height:200px; /* _ hack for IE , MOZ can't see it*/ min-height:200px; }

#middle p { padding:0 10px 10px 0; line-height:1.5em; }
#middle acronym, #middle abbr { border-bottom:1px dotted #669999; }

#middle ul { margin:0 0 15px 18px; }
#middle ul li { margin:0 0 8px 0; }
#middle ol { margin:0 0 15px 25px; }
#middle ol li { margin:0 0 8px 0; }
#middle ol li .emp { font-weight: bold; font-size: 1.2em; }

#middle dl { margin:0 0 10px 0; }
#middle dt { font-weight: bold; }
#middle dd { margin:0 0 5px 0; }

#middle blockquote { margin:0 0 10px 0; padding:10px 20px; border-left:2px solid blue; }

#middle fieldset { border:1px solid #D3EBF3; padding:10px 0; margin:0 0 10px 0; }
#middle legend { font-size:1.2em; margin:0 0 10px 0; color:#0E746E; padding:0 5px; font-weight: bold;}

.formtable { width:610px;  margin:0 10px; border-collapse:collapse; border:1px solid #D3EBF3; border-width:1px 0;}
.formtable td { padding:5px; font-size:0.7em; voice-family:"\"}\""; voice-family:inherit; font-size:1em;  }
.dummy { }
.formtable .lbl { width: 260px; padding:8px 10px 2px; vertical-align: top; }
.formtable .inp { width: 340px; padding:5px; vertical-align: top; }
.formtable .alt { background:#E8F6FB; }
#middle .formtable .action td { background:#D3EBF3; border-top:2px solid #ABD9E3; text-align:center;  }

.formtable input, .formtable select, .formtable textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:5px; border:1px solid #8FCED7; }
.formtable select { padding:0; }
.formtable input:focus, .formtable select:focus, .formtable textarea:focus { border:1px solid #0E746E; font-weight: bold; color:#0E746E; }
.formtable .nb { border: 0; }
.formtable .submitButton { background: #0E746E; color: #fff; font-weight: bold; border:2px outset #ABD9E3; padding:2px 5px; }
.formtable .submitButton:focus { border:2px inset #ABD9E3; color:#D3EBF3; }
#middle .formtable .note { font-size:0.9em; color:#0E746E; display:block; margin:3px 0; }

.datatable { width:635px;  margin:0 0 10px 0; border:1px solid #8FCED7; border-collapse:collapse; }
.datatable caption { text-align:left; padding:0 0 5px 0; color:#0E746E; font-weight: bold; font-size:1em; voice-family:"\"}\""; voice-family:inherit; font-size:1.3em;  }
.dummy { }
.datatable td { border:1px solid #8FCED7; padding:4px 5px; font-size:0.7em; voice-family:"\"}\""; voice-family:inherit; font-size:1em;  }
.dummy { }
.datatable th { border:1px solid #8FCED7; background:#8FCED7; color:#0E746E; text-align:left; padding:4px 5px; font-size:0.8em; voice-family:"\"}\""; voice-family:inherit; font-size:1.1em;  }
.dummy { }
.datatable .alt { background:#D3EBF3; }
.datatable .total { background:#ABD9E3; color:#0E746E; font-weight: bold;}

/* links */
.logolink {	margin:0 0 10px 0; padding:5px; border-bottom:1px solid #ABD9E3; clear: both;  }

#middle a.logopic { border: 4px solid #fff; display:block; float:left; margin:0 10px 0 0;}
#middle a.logopic:hover { border: 4px solid #ABD9E3;  }
.backtotop { width:680px; height:30px; }

.backtotop img { float:left; margin:0 -3px;  voice-family:"\"}\""; voice-family:inherit; margin:0; }
.dummy { }

/* wallpaper */
.wallpaper { float:left; width: 400px; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #8FCED7; }
#middle .wallpaper h4 { font-size:1.3em; }
.wallpaper img { float:left; border:4px solid #ABD9E3 }
.wallpaper .choose {	float:left; margin:0 0 0 20px; }
#middle .wallpaper ul { margin:0; }
.wallpaper li { background: url(../img/wallpaper/wall_icon.gif) no-repeat; margin:0 0 4px 0; padding:0 0 10px 20px; list-style: none; font-weight: bold; }
#middle .wallpaper p{margin:5px 0 0 0; padding:0; width:170px}

#middle #wallinst { float:right; width:220px; }
#middle #wallinst p { margin:4px 0 10px 0; }


#middle #rhsPanel {margin:0; padding:10px 5px 5px 5px; float:right; width:180px; background:#E8F6FB}
#middle #rhsPanel p { margin:4px 0 4px 0; line-height:1.2em;}
#middle #rhsPanel ul.download{margin:5px 5px 5px 10px; padding:3px 0 3px 0; font-weight:normal; border:0; list-style:none}
#middle #rhsPanel ul.download li{margin:10px 0 0 0; padding:0 0 5px 40px; background:url(../img/icon_pdf.gif) no-repeat; font-weight:normal}
#middle #rhsPanel ul.download li a{font-weight:normal; color:#000099}
#middle #rhsPanel ul.download span.info{font-size:0.8em; color:#999;}

#middle #lhsPanel{float:left; width: 400px; padding:0 0 10px 0; margin:0 0 10px 0;}

#middle .headerImg{margin:10px; padding:0; float:left;}

#middle table.logos{margin:20px 0 20px 90px; padding:0; border-collapse:collapse}
#middle table.logos td{padding:10px; border:1px dashed #ccc; }

/* ====================================================================== >>>> middle */


/* ====================================================================== <<<< footer */
#footer { background: #D3EBF3; color:#439491; font-size:0.8em; margin:20px 20px 0 20px; height:30px; }
#footer a:link { color:#439491; }
#footer p { padding:0 10px;  }
#footer1 { float:left; width:200px; text-align:left;}
#footer2 { float:right; width:400px; text-align: right; }
/* ====================================================================== >>>> footer */

/* ====================================================================== <<<< accessibility menu */
#access {
	display:none;
	}

#accesslink {
	font-weight: bold;
}
/* ====================================================================== >>>> accessibility menu */

#middle  #compwinners { background:#E8F6FB; color:#073936; border:1px solid #ABD9E3; font-size:1em; margin:0; padding:0.5em 1em; }