/* Eric Meyer's CSS Reset * /
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! * /
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup * /
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}* /
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Start of css proper 
#main{
	overflow:hidden;
}
*/
.outline {
	background-color: #8090C8;
}
.bkgnd {
	background-color: #ffffff;
}

.outertable {
	height: 100%;
  width: 100%;
}
.maintable {
  width: 744px;
  border: 0;
  padding: 0;
}

body {
	font-family: century gothic,Helvetica Light, Arial, Helvetica;
	font-size: 125%;
	font-weight: normal;
	color: #211F74;
}

h1, h2, h3, h4, h5, h6, p {
  margin-right:0; /* auto; */
	margin-left:0; /* auto;  */
  margin-top:0; /* 5em; */
  margin-bottom: .5em;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
h1{
  color: #211F74;
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 0.75em;
  font-weight: bold;
  text-decoration: none;
  border-width: 0;
  text-align: center;
}
 
h2{
  color: #211F74;
  margin-top: .75em;
  margin-bottom: .5em;
  font-size: 0.725em;
  font-weight: bold;
  text-decoration: none;
  border-width: 0;
  text-align: center;
} 

h3{
  color: #211F74;
  margin-top: .75em;
  margin-bottom: .5em;
  font-size: 0.675em;
  font-weight: bold;
  text-decoration: none;
  border-width: 0;
  text-align: center;
}
 
h4{
  display: inline;
  color: #211F74;
  margin-top: .75em;
  margin-bottom: .5em;
  font-size: 0.75em;
  font-weight: bold;
  text-decoration: none;
  border-width: 0;
  text-align: left;
  padding-right: 10px;
} 

h5{
  color: #211F74;
  margin-top: .75em;
  margin-bottom: .5em;
  font-size: 0.675em;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  border-width: 0;
  text-align: left;
} 

p{
  font-size: 0.675em;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*  font-size: 0.675em;
  color: #8090C8; */
  font-weight: normal;
	font-style: inherit;
  text-decoration: underline;
  border-width: 0;
	vertical-align: baseline;
}

a:visited {
  color: #8090C8;
 	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*  font-size: 0.675em;
*/
  font-weight: normal;
	font-style: inherit;
  text-decoration: underline;
  border-width: 0;
	vertical-align: baseline;
}

table.mainpic
{
    width: 800px;  
    height: 533px;  
    border: 0px;
    padding: 0px;
    margin: 0px;
/*    border-width: 1px solid #000000;
    vertical-align: top; */
}

.mainpic td
{
    width: 440px;  
    height: 440px;  
    border: 0px;
    padding: 0px;
    margin: 0px;
/*    border-width: 1px solid #0000ff;
    vertical-align: top; */
}

img
{
  display: block;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#tbl {
  display:table;
	width:800px;
	height: 100%;
  margin-right:auto;
	margin-left:auto; 
  margin-top:3em;
/*	  margin:auto; */
	padding:0px;
	text-align:left;
	}

#frame {
  display:table-cell;
  vertical-align:middle;
	width:800px;
  margin: 0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	}

#header {
	width:800px;
  padding:0px;
  padding-bottom:5px;
	float:left;
  display: inline;
	}
	
#header img { 
  float: right; 
  display: inline;
  }
#header img#logo { 
  float: left;     
	padding-bottom:0px;
  display: inline;
}


#menu {
  height: 16px;
  width:800px;
	border: 0px;
	padding: 0px;
	padding-top: 0px;
  margin: 0px; 
  display: inline;
/*	line-height: 1.5; */
}


#menu ul {
text-align: left;
margin: 0;
padding: 0;
display: inline;
}

#menu li {
list-style-type: none;
padding-left: 6px;
padding-right: 0px;
display: inline;
}

#menu a {
  color: #8090C8;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
}

	
#leftindex {
		width:250px;
    height: 376px;
		border: 1px solid #8090C8; 
    padding: 20px;
    padding-top: 45px;
    padding-bottom: 45px;
    margin: 0px;
		float:left;
		}
	
#leftcontent {
		width:355px;
    height: 533px;
		border: 0px solid #8090C8; 
    padding: 0px;
    margin: 0px;
		float:left;
		}

#piccontent {
		width:355px;
    height: 533px;
		border: 0px; 
    padding: 0px;
    margin: 0px;
		float:left;
		}

#fullpiccontent {
		width:800px;
    height: 533px;
		border: 0px; 
    padding: 0px;
    margin: 0px;
		float:left;
		}


#leftmenu {
  height: 16px;
  width: 250px;
	border: 0px;
	padding: 0px;
	padding-top: 5px;
  margin: 0px; 
  float: left;
	line-height: 1.5;
}

#leftmenu ul {
text-align: center;
margin: 0;
padding: 0;
}

#leftmenu li {
list-style-type: none;
padding-left: 10px;
padding-right: 10px;
display: inline
}

#leftmenu a {
  color: #8090C8;
  font-size: 9pt;
  text-decoration: none;
}

#thumbcontent {
		width:800px;
    height: 50px;
		border: 0px; 
    padding: 0px;
    margin: 0px;
		float:left;
}

#thumbcontent table
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#thumbcontent img
{
    width: 50px;
    height: 50px;
    border: 0px;
    padding: 0px;
    padding-left: 1px;
    margin: 0px;
}

#thumbcontent td
{ 
    width: 50px;
    height: 50px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

#textcontent {
	border: 0px;
	padding: 20px;
 	padding-top:20px;
 	padding-bottom:0px;
	float:left;
	background:#fff;
	text-align:left;
	}

#textcontent img {
  display: inline;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#rightcontent {
		width:445px;
    height: 533px;
		border: 0px solid #8090C8; 
		padding: 0px;
		margin: 0px;
		float:left;
}

#subcontent {
	border: 0px;
/*	border: 1px solid #ff0000; */
	padding: 0px;
	margin: 0px;
	float:left;
}
		
#bigtextcontent {
	border: 0px;
	padding: 30px;
 	padding-top:0px;
 	padding-bottom:0px;
	float:left;
	background:#fff;
	text-align:left;
}

#linkcontent {
	border: 0px;
	padding: 20px;
 	padding-top:40px;
 	padding-bottom:40px;
	float:left;
	text-align:left;
}

#bottomline {
  display: inline;
	vertical-align: top;
	width:800px;
	padding:0px;
  padding-top: 7px;
	float:left;
	background:#fff;
	text-align:center;
	font-family: inherit;
	font-size: 0.5em;
	color: #8090C8;
}

#indexbottomline {
  display: inline;
	vertical-align: top;
	width: 800px;
	padding: 0px;
  padding-top: 1px;
	float:left;
	background:#fff;
	text-align: right;
	font-family: inherit;
	font-size: 0.5em;
	color: #8090C8;
}

#indexbottomline img
{
	vertical-align: top;
  display: inline;
  padding-top: 1px;
  border: 0px;
  margin: 0px;
	filter:alpha(opacity=40);
	opacity: 0.4; 
	-moz-opacity:0.4;
}

fieldset {  
margin: 1.5em 0 0 0;  
padding: 0;
}
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: 1em;
}
fieldset.submit {  
border-style: none;
}

label {  
display: block;
}

a.download{
  color: #211F74;
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: underline;
  border-width: 0;
  text-align: center;
}
 

/*
 * Mobile
 */

#mob_tbl {
  display:table;
	width:320px;
	height: 100%;
  margin-right:auto;
	margin-left:auto; 
  margin-top:0em;
/*	  margin:auto; */
	padding:0px;
	text-align:left;
	}

#mob_frame {
  display:table-cell;
  vertical-align:middle;
	width:320px;
  margin: 0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	}

#mob_header {
	width:320px;
  padding:0px;
  padding-bottom:2px;
	float:left;
  display: block;
	}

/*	
#mob_header img { 
  float: right; 
  display: inline
  }
#mob_header img#logo { 
  float: left;     
	padding-bottom:0px;
  display: inline
}
*/
#mob-bottomline {
  display: inline;
	vertical-align: top;
	width:320px;
	padding:0px;
  padding-top: 1px;
	float:left;
	background:#fff;
	text-align:center;
	font-family: inherit;
	font-size: 0.5em;
	color: #8090C8;
}