@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #6A747C;
	margin: 0;
	padding: 0;
	color: #231f20;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;}
h1, h2, h3, h4, h5, h6, p {	padding-right: 15px;
	padding-left: 15px; }
p {
	margin-top: 0; 
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
}
a img {border: none;}
a:link {
color: #07085A;
text-decoration: underline;}
a:visited {
	color: #07085A;
	text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 1200px;
	background-image: url("images/bk5.png");
	background-repeat: repeat-y;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

.sidebar1 {
    float: left;
    margin: 0 80px;
    padding: 25px 5px 5px 5px;
    width: 225px;
    display: hidden;
}
	
#wrapper {background-color:#fff; float:left;width: 610px;margin: 0;}

#masthead {margin: 115px 0;padding: 0;}
#containera {background-color: #fff;}
.content {margin-top: 20px; padding: 10px 0;	width: 660px;	float: left;background-color:#fff;border-right:#455560 solid 0px; padding-right: 40px; color: #000; text-transform: none; letter-spacing:normal; font-weight: 400;}

/* menu */
#navigation {background: #455560;display: block;float: left;margin: 0 auto;width: 100%;}
#navigation .menu-header, div.menu {font-family: gotham, 'RALEWAY',  Tahoma, Verdana, sans-serif; text-transform:uppercase; font-size: 12px;	font-weight:900; margin-left: 2%;width: 98%;}
#navigation .menu-header ul, div.menu ul {list-style: none;margin: 0;}
#navigation .menu-header li, div.menu li {float: left;position: relative;}
#navigation a {color: #fff;display: block;line-height: 2em;padding: 0 10px;text-decoration: none;}
#navigation ul ul {
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 2em;left: 0;float: left;width: 180px;z-index: 99999;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);}
#navigation ul ul li {min-width: 180px;}
#navigation ul ul ul {left: 100%;top: 0;}
#navigation ul ul a {background:#455560; color: #F0b310;line-height: 1em;padding: 10px;width: 160px;height: auto;border: 1px solid #000;}
#navigation li:hover > a,
#navigation ul ul :hover > a {	background: #6a747c; color:  #F0B310;}
#navigation ul li:hover > ul {display: block;}

.content ul li{margin: 20px; list-style-image: url(images/greysq.png);}
/* ~~ The footer ~~ */
footer {margin:0-20px;
	padding: 10px;
	background-color: #6A747C;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {float: right;	margin-left: 8px;}
.fltlft { float: left;	margin-right: 8px;}
.clearfloat {clear:both;height:0; font-size: 1px;line-height: 0px;}

/*HTML5 support - Sets new HTML5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {display: block;}
.logo {
    margin-left: -103px;
    margin-bottom: 10px;
    z-index: 500;
}
.readmore {font-size:14px; text-transform:uppercase; color: #666;font-weight:bold;}
h2 {font-size:18px; text-transform:uppercase;}