@charset "utf-8";
/* CSS Document */

html, body
{
	margin:0;
	min-height:100%;
	font-size:13px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	/* Turning off text size adjustment when rotating mobile devices */
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
}

/* This is for IE8 or less. They do not support @media calls, so RWD layout changes do not happen. This is so the webpage is displayed at full width for those browsers.  This is turned off with @media (max-width:990px) for browsers that support these new calls and can do RWD (Responsive Web Design). */
body { min-width:990px; }

/* remove dotted line when focusing on an HTML element */
*:focus { outline:none; }

input, select, option, textarea
{
	font-size:13px;
	font-family: arial, helvetica, sans-serif;
}

.clear { clear:both; }

h1, h2, h3, h4, h5, h6
{
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	color:#003366;
	font-weight:bold;
}

h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:15px; }
h4 { font-size:14px; }
h5 { font-size:13px; }
h6 { font-size:13px; }

h1.page_title { border-bottom: 1px solid #999;padding-top:5px; }

a { color:#4277ae; }

img { border:none;max-width:100%; height:auto; }

hr
{
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#999;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

ul { margin:0 0 0 15px;padding:0 0 0 10px; }
ol { margin:0 0 0 20px;padding:0 0 0 10px; }
ul li, ol li { margin:0;padding:0 0 10px 0; }
li ul { margin:0 0 0 7px; }
li ol { margin:0 0 0 10px; }
li ul li, li ol li { padding:10px 0 0 0; }

ul { list-style-image:url("/responsive/graphics/ul-symbol.png"); }
ul li ul { list-style-image:url("/responsive/graphics/ul-ul-symbol.png"); }
ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }
ul li ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }
ul li ul li ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }
ul li ul li ul li ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }
ul li ul li ul li ul li ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }
ul li ul li ul li ul li ul li ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }
ul li ul li ul li ul li ul li ul li ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }
ul li ul li ul li ul li ul li ul li ul li ul li ul li ul { list-style-image:url("/responsive/graphics/ul-ul-ul-symbol.png"); }

p { margin:0;padding:0 0 10px 0; }

div#breadcrumbs
{
	clear:both;
	border: 1px solid #aaa;
	padding:5px 10px;
	font-size:10px;
	max-width:960px;
	margin:5px auto 0 auto;
}

div#content
{
	margin:0 auto;
	max-width:970px;
	padding:5px 10px 10px 10px;
	min-height:450px;
}

div.warning
{
	margin:10px auto;
	padding:5px;
	border:2px solid #009;
	max-width:300px;
	text-align:center;
}

div.table_wrapper { overflow-x:auto;margin-bottom:10px; }

table.standard
{
	border-spacing: 2px;
	background-color: #666;
	text-align:left;
}

table.standard tr th
{
	background-color: #036;
	color: #fff;
	font-weight: bold;
	padding:10px;
}

table.standard tr td
{
	background-color: #fff;
	padding:5px;
}


a.subscribe { font-size:10px; }

/* Start Button*/
.btn {
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	font-family: Arial;
	font-weight:bold;
	color: #000000;
	background: #ad9442;
	text-decoration: none;
	border: solid #806c31 2px;
}

.btn:hover {
	background: #96803c;
	text-decoration: none;
}
/* End Button*/

/* START Page Foot */
div#page_foot
{
	clear:both;
	border-top:1px solid #aaa;
	padding:10px;
	font-size:10px;
	max-width:960px;
	margin:0 auto;
}
div#page_foot div.date { float:left; }
div#page_foot div.email { float:right; }
/* END Page Foot */


/* START Left Navigation */
ul.left_navigation
{
	float:left;
	list-style-type:none;
	list-style-image:none;
	background-color:#eee;
	margin:5px 10px 10px 0;
	width:200px;
	padding:0;
}
ul.left_navigation li
{
	border-top:1px solid #999;
	margin:0;
	padding:5px;
}
ul.left_navigation li:first-child { border:none; }
ul.left_navigation li.group_title { font-weight:bold;padding:5px 5px 5px 20px; }
ul.left_navigation li.group_title ul li { font-weight:normal; }
ul.left_navigation li a
{
	display:block;
}
ul.left_navigation li ul { list-style-image:url("/responsive/graphics/ul-symbol.png"); }
ul.left_navigation li ul li { border:none; }

div.leftnav_rightside
{
	float:left;
	width:75%;
}
/* END Left Navigation */

@media (max-width:1200px)
{
	body { min-width:0; }
}

@media (max-width:880px)
{
	div.leftnav_rightside { width:70%; }
}

@media (max-width:740px)
{
	div.leftnav_rightside { width:65%; }
}

@media (max-width:650px)
{
	div#content { min-height:100px; }
	div.leftnav_rightside
	{
		float:none;
		padding-left: 10px;
		width:auto;
	}
}

@media (max-width:400px)
{
	div#page_foot { padding:10px 5px; }
	ul.left_navigation { float:none;clear:both;width:auto;margin-right:0; }
	
	.btn {
	  -webkit-border-radius: 5;
	  -moz-border-radius: 5;
	  border-radius: 5px;
	  font-size: 11px;
	  padding: 5px 5px 5px 5px;
	}
}

div.inlinebox
{
border:1px solid #003366;
padding:5px 5px; 
margin-top:12px;
margin-bottom:12px;
}

.Table
    {
        display: table;
	}
	
	 .Row
    {
        display: table-row;
	}
    .Cell
    {
        display: table-cell;
        padding-left: 5px;
        padding-right: 5px;
    }