/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end of reset */

body 	{ margin: 0 auto; font-family: "Tahoma"; max-width: 1000px;}
body 	{background:Bisque  ; }	/* background:#36688B; */
h1		{ text-align: center; font-weight: bold; font-size: 1.2em; color: #0C2E82; margin-top: 2.0em; }
h2		{ text-align: center; font-weight: bold; font-size: 1.0em; color: #000080; margin-top: 3em; }
.home h2		{ margin-left: 10px; text-align: left; font-weight: bold; font-size: 1.1em; color: #000080; margin-top: 3em; }
h3		{ text-align: center; font-weight: bold; font-size: 1.1em; }

p 	{ color: #0C2E82; margin: 4px 10px 1px 10px; text-align: justify; line-height: 1.2em; padding-top: 0.6em;}
.home p 	{ color: DimGray; margin: 4px 10px 1px 10px; font-size: 1.0em; text-align: justify; line-height: 1.2em; padding-top: 0.6em;} 
.cimpic	{ display:inline; float:left; margin: 10px;}
.cim 		{ display:inline; text-align: center; font-size: 1.0em; color: #0C2E82; }

td			{ font-family: "Arial CE"; font-size: 0.8em; font-weight: bold }

.smallwarn	{ font-size: 0.9em; color: brown; }
.warn			{ color:#FFCC33; }
.warrn		{ color: red; }
.sup {
    vertical-align: super;
    font-size: smaller;
}

.advicemain { color: brown; text-align: center; font-size: 1.0em; }
.advice		{ color: brown; text-align: center; font-size: 0.8em; }
.keywords	{ color: darkgrey; text-align: center; font-size: 0.7em; }
.hlite	{ font-style: italic; color:#FFCC33; }

.altop       { position: relative; left: 0; top: 6px; z-index: 4 }
.basefont 	{ font-family: "Tahoma"; color: #000080; }

.center		{ text-align: center }
.centering	{ margin: 0 auto; }
.bold		{ font-weight: bold }
.italic		{ font-style: italic; }
.em			{ text-emphasis: circle; }
.small		{ font-size: 0.8em }
.med		{ font-size: 1.0em }
.large		{ font-size: 1.1em }
.grooveborder { border:5px groove #8EBAFA }
.left		{float:left;}


.fullwidth	{ max-width: 920px; }
.frame 		{width: 100%; margin: 0 auto; border:5px groove #8EBAFA; background-color:#FFFFFF}

.mainframe	{ width: 100%; overflow: hidden; text-align: center; margin: 0 auto; border:5px groove #8EBAFA; background-color:#FFFFFF}
.mainframe	p { text-align: center; }
.mainframe	h4 { text-align: center; text-decoration: underline; font-weight: bold;}
.mainframe	.value { text-align: center; font-weight: bold;}
.third		{ width: 32%; float: left; background-color:#FFFFFF; text-align: center; }
.widframe	{ width: 100%; margin: 0 auto; border:5px groove #8EBAFA; background-color:#FFFFFF }
.widframe p	{ text-align: center; }
.widframe h4 { text-align: center; text-decoration: underline; font-weight: bold;}
.widframe .value { text-align: center; font-weight: bold;}

@media all and (max-width: 800px) {
	body 	{ margin: 0 auto; font-family: Tahoma; max-width: 100% }
	.fullwidth	{ width: 100%; }
	.frame 		{margin: 0 auto; border:5px groove #8EBAFA; width: 100%;  background-color:#FFFFFF}
}

.shortframe { border:5px groove #8EBAFA; background-color: #FFFFFF; width: 216px; }
.pad10		{ padding: 10px 10px; }
.pad20		{ padding: 20px 20px; }
.pad10-200	{ padding: 10px 200px; }
.pt4		{ padding-top: 4px; }
.frame .foot	{ font-size: 0.8em; color: grey; text-align: center; }

.negmargt10		{ margin-top: -10px; }

.alignpic	{margin-top:-2px; margin-bottom:-7px;}

#layer2	{height: 80px;}

/* Visit http://www.menucool.com/horizontal/javascript-menu for source code and other menu CSS templates */

#sse2
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    background-color: #2f68a2;	/* #003366; */
    height: 28px;
    padding: 15px;
    border-radius: 6px;
    box-sizing: content-box;
	width: 98%;
	margin: 6px auto;
}
@media all and (max-width: 800px) {
	#sse2	{ width: 100%; }
}

#sses2
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses2 ul 
{ 
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
}
#sses2 li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses2 li.highlight
{
    border:solid 1px #004E9B;
    background-color:#003D79;
    top:0px;
    height:30px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 1;
    position: absolute;
    overflow:hidden;
}
#sses2 li a
{
    height:30px;
    padding-top: 8px;
    margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #fff;
    font: bold 12px arial;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}