/* general */
body {
    background-color: #CCCCCC;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}
img {
    border: 0 none;
}
a:link		{color: #316796; text-decoration:none;}
a:visited	{color: #316796; text-decoration:none;}
a:hover		{color: #0000FF; text-decoration:none;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
p.title_list  {
	font-size: 16px;
	font-weight: bold;
}
#list_box {
	margin: 5px 0;
	padding: 10px;
	background-color: #F4F4F4;
	border: 1px dotted #316796;
	}
#form_box {
	margin: 5px 0;
	padding: 20px 20px;
	text-align: right;
	}
.FormElements {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #316796;
	/*background-color: #F8F8F8;
	border: solid;
	border: 1px dotted #316796;*/
	padding: 5px 60px 4px 0;
	text-align: right;
}
input, select {
    margin: 0 0;
	border: #316796 1px solid;
    font-size: 10px;
    color: 316796;
	background-color: #fff;
	outline:0;
}
textarea {
    margin: 0 0;
	border: #316796 1px solid;
    font-size: 12px;
    color: 316796;
	background-color: #fff;
	outline:0;
}
.checkbox{
  height: 12px;
  width: 12px;
  background-color: #fff;
  outline:0;
  padding:0;
}
.checkbox:focus{
  border: 1px solid #316796;
  padding:0;
  outline:0;
}
.checkbox:active{
  border: 1px solid #316796;
  padding:0;
  outline:0;
}
.inputbutton{
    font-weight: bold;
    background-color: #D3E2FA;
	}
.form_text {
	float: none;
	padding:0 0 0 12px;
	margin: 0 -70px 0 0;
	font-size: 1.2em;
	text-align: left;
}
.clearing {
    display: block;
    }

/* hides from IE/Mac \*/
* html .clearing {
    height: 1%;
    }

/* .clearing {
    display: block;
    }  */
/* end hide from IE-Mac */
/* new styles */
/* header */
#header {
    width: 740px;
    height: 78px;
    margin: 0 auto;
    background: #fff;
   	border: 1px solid #316796;
    text-align: center;
	font-family: georgia, times, times-new-roman, serif;
	color: #6E6D71;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: -0.05em;
}
/* top navigation */

#nav{
	height: 25px;
	overflow: hidden;
}
#top_nav {
    width: 742px;
	height: 24px;
    background-color: #316796;
    padding: 0;
    margin: 0 auto;
    font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#top_nav ul{
	list-style-type: none;
	margin: 0 1px 0 0;
	height: 20px;
	padding: 0;
}
#top_nav ul li {
	float: right;
	/*border-left: 1px solid #7A95B4;*/
}
#top_nav ul li a{
	display:block;
	padding: 2px 22px 1px 21px;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	background: #316796;
}
#top_nav ul li.li1{width: 125px;}
#top_nav ul li.li2{width: 163px;}
#top_nav ul li.li3{width: 144px;}
#top_nav ul li.li4{width: 80px;}
#top_nav ul li a:hover, #nav ul li a.here{
	color: #316796;
	background: #D3E2FA;
}
/*#top_nav a {
    text-decoration: none;
    color: #fff;
}
#top_nav .current {
    color: #336699;
}
#top_nav li a:hover {
    color: #316796;
	background-color: #fff;
}
#top_nav a:active {
    color: #fff;
}*/
/* flash section */
#swf {
	background:  url(images/shadow.gif) repeat-x top;
    width:742px;
    margin: 0 auto;
    padding: 0;
    background-color: #316796;
    text-align: left;
    height: 178px;
}
#swf2 {
	width:741px;
    margin: 0 auto;
    padding: 0;
    background: #316796 url(images/shadow.gif) repeat-x top;
    text-align: left;
    height: 75px;
	border-left: 1px solid #316796;
	}
#rightcoltop  {
	float: right;
	width: 290px;
	margin: 0;
	color: #fff;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.2em;
}
#rightcoltop2  {
	float: right;
	width: 286px;
	margin: 0;
	padding-top: 10px;
	color: #fff;
	font-size: 14px;
}
#rightcoltop h1 {
    font-size: 18px;
    margin: 2px 0;
	font-family: arial, helvetica, swiss, sans-serif;
    padding-bottom: 10px;
	font-weight: 1.8em;
	line-height: 1.2em;
}
#rightcoltop2 h1 {
    font-size: 16px;
    margin: 0;
	font-family: verdana;
    padding: 8px 0 0 0;
	font-weight: bold;
	line-height: 1em;
}

/* main section */
#mainc {
	padding: 0;
	background-color: #fff;
    width: 740px;
	margin: 0 auto;
	border-left: solid #316796 1px;
	border-right: solid #316796 1px;
}
/* left column */
#leftcol  {
	float: left;
	width: 150px;
	text-align: left;
}
#leftcol1 ul {
    list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}
#leftcol1 li {
	background: url(images/bullet1.gif) no-repeat;
	padding: 5px 0 3px 20px;
	border-bottom: dotted 1px #316796;
	margin: 0 10px 0 10px;
	letter-spacing: -0.02em;
}
#leftcol h2 {
	font-size: 14px;
	font-weight: 1.5em;
	color: #666666;
	padding-left: 10px;
}
#leftcol h3 {
	font-size: 13px;
	font-weight: 1.5em;
	color: #666666;
	line-height: 1.1em;
}
#left_nav {
	padding: 0;
	margin: 0;
	font-family: verdana, arial, helvetica, swiss, sans-serif;
	color: #0000FF;
    font-size: 13px;
	font-weight: 600;
	text-align: right;
	line-height: 20px;
}
#left_nav ul {
    padding: 0;
	margin: 0;
}
#left_nav li {
	margin: 0;
	display: block;
    list-style: none;
    color: #316796;
	border-bottom: solid 1px #316796;
	background-color: #E2E2E2;
}
#left_nav li a {
    text-decoration: none;
    color: #316796;
	height: 20px;
	padding-right: 10px;
}
#left_nav li a:active {
    color: #316796;
}
#left_nav .current {
    margin-left: 0;
    margin-right: 0;
	color: #000000;
	background-color: #fff;
	height: 20px;
}
#left_nav li a:hover {
	display: block;
    color: #fff;
	background-color: #316796;
}

/* right column */
#rightcol {
	background-color: #fff;
	float: right;
	width: 150px;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
}
#rightcol a {
	text-decoration: underline;
}
#rightcol h2 {
	font-size: 13px;
	font-weight: 1.5em;
	color: #666666;
	padding-bottom: 0;
}
#rightcol h2 a {
	font-size: 13px;
	font-weight: 1.5em;
	color: #316796;
	line-height: 1.1em;
}
#rightcol h2 a:hover {
	color: #0000ff;
	line-height: 1.1em;
}
#rightcol h3 {
	font-size: 13px;
	font-weight: 1.5em;
	color: #666666;
	line-height: 1.1em;
}

/*#rightcol-home ul {
    list-style-type: none;
	list-style-image: url(images/bullet1.gif);
	list-style-position: inside;
	padding: 2px;
	font-size: 1.3em;
	font-weight: 1.4em;
	margin: 0;
}
#rightcol-home li {
	padding: 3px 0;
	border-bottom: dotted 1px #316796;
	margin-left: 0 10px;
	letter-spacing: -0.02em;
	} */
#rightcol ul {
    list-style-type: none;
	list-style-position: inline;
	padding: 2px;
	font-size: 0.8em;
	margin: 0;
}
#rightcol li {
	padding: 3px 0;
	margin-left: 0 10px;
	letter-spacing: -0.02em;
	color: #316796;
}
#rightcol li a {
    color: #316796;
}
#rightcol li a:active {
    color: #316796;
}
#rightcol li a:hover {
    color: #0000FF;
}
.column-in {
	margin: 0;
/*	padding: 15px 10px 0 10px; */
}
.column-in1 {
	margin: 0;
	padding: 0.5em 0.7em;
}

/* main content */
#content {
	background-color: #FFF;
	border-right: 1px #316796 dotted;
	border-left: 1px #316796 dotted;
	margin: 0 150px;
	text-align: left;
/* !!!!!! */
    padding: 10px 12px 12px 12px;
}
#content h1 {
	font-size: 18px;
	letter-spacing: -0.02em;
}
#content h2 {
	font-size: 13px;
	font-weight: 1.5;
	color: #666666;
	line-height: 1.2em;
}
#content h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 1.3em;
}
#content h4 {
	font-size: 16px;
	font-weight: 1.5em;
	color: #000;
	line-height: 1.3em;
	}
#content h5 {
	font-size: 14px;
	font-weight: bold;
	color: #316796;
	line-height: 1.1em;
}
#content h6 {
	font-size: 18px;
	font-weight: bold;
	color: #316796;
	line-height: 0.9em;
	padding: 25px 0 5px 0;
	margin:0;
}
#content ul {
	background-color: #F8F8F8;
	border: 1px dotted #A8C6E1;
	list-style-image: url(images/bullet1.gif);
	list-style-position: inside;
	margin: 20px 25px 0 15px;
	padding: 10px 5px 10px 12px;
}
#content li {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.4em;
	font-weight: 1.1em;
	margin: 0;
	color: #316796;
	padding-left: 1px;
	padding-bottom:8px;
}
#content li a {
    text-decoration: none;
    color: #316796;
}
#content li a:hover {
    text-decoration: none;
    color: #0000FF;
}
/* footer */
#footer {
    width: 740px;
    height: 60px;
    margin: 0 auto;
    background-color: #666666;
   	border: 1px solid #666666;
    text-align: center;
    padding: 0;
   	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #ccc;
}
#footer_nav {
    font-size: 11px;
    margin: 0 auto;
    padding-top: 4px;
}
#footer_nav ul {
    padding: 2px;
    margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
}
#footer_nav li {
    display: inline;
    list-style: none;
    padding: 0 1px;
    margin: 0 2px;
    color: #ccc;
}
#footer_nav li a {
    text-decoration: underline;
    color: #ccc;
}
#footer_nav .current {
    color: #fff;
    font-weight: bold;
}
#footer_nav li a:hover {
    text-decoration: none;
    color: #fff;
}