                    
/* -------------------------- 
	reset 
-------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, option, select, caption, tbody, tfoot, 
thead, tr, th, td {margin:0;padding:0;border:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
a img { border:none; }
:focus { outline: 0; } 

/* -------------------------- 
	layout 
-------------------------- */
a { cursor:pointer; text-decoration:none; color:#933;}
body { font-size:75%; color:#222; background:#333; font-family:verdana, tahoma, sans-serif; }
li { list-style:none; }
li a:hover { text-decoration:underline; }
h1 { color:#fff; font-size:2em; background:#063 url(images/h1.png) right top no-repeat; padding:.5em 1em;  font-family:georgia; }
h2 { color:#933; font-size:1.6em; margin-bottom:.5em; font-family:georgia;  }
h3 { color:#444; font-size:1.4em; } 
h4 { color:#933; font-size:1.2em; }

h1 a { color:#fff; }

.hr { border-top:1px dotted #ccc; margin-top:1em; padding-bottom:1em; } 
.hr hr { display:none; } 
.more { text-decoration:underline; color:#933; font-weight:bold; margin-top:1em; display:block; }
.news { margin:1em 0; font-size:.9em; }
.news li { border-bottom:1px dotted #aaa; padding:.5em 0; }
.news li a { color:#444; }
 
#body { background:#f9f9f9; }

#container { width:900px; padding:10px; margin:0 auto; position:relative; }
#container .shadow { width:15px; height:170px; position:absolute; top:0; display:block; }
#container .shadow.left { background:red url(images/shadow-left.png); left:-15px; }
#container .shadow.right { background:red url(images/shadow-right.png); right:-15px; }

#logo { margin:0 1em; }

#content p { text-align:justify; margin-bottom:12px;}
#content .button { background:#933; color:#fff; display:block; padding:1em; margin-top:1em; text-align:center; font-family:georgia; font-size:1.2em;}
#content .button:hover { background:#b42020; }
#content .inner { padding:10px; }
#content .inner p { font-size:.9em; }
#content .news { border-left:1px dotted #bbb; margin-top:1em; padding:0 50px 120px 15px; background:url(images/old-tape.png) right bottom no-repeat; }
#content ul.clearfix li { border-bottom:1px dotted #aaa; padding-bottom:1em; margin:0 1em 1em 0; float:left; }
#content ul.clearfix li  img { float:left; margin-right:1em; }
#content ol li { margin:10px 35px 10px 0; }
#content ol li p { text-align:center; }

#sidebar { background:url(images/sidebar.png) 0 0 no-repeat; }
#sidebar div { padding:20px; }
#sidebar div ul { text-align:left; }
#sidebar p img { margin:2em 0 .5em; display:block; }
#sidebar p { font-size:.8em; }
#sidebar form { margin:2em 0; font-size:1.2em; }
#sidebar form h5 { padding-left:4em; background:url(images/envelope.png) left center no-repeat; color:#176f3e; font-weight:bold; }
#sidebar form p { text-align:left; }
#sidebar form p label { display:block; margin:10px 0 5px 0; }
#sidebar form input { width:200px; padding:5px; }
#sidebar form input.submit { width:auto !important; padding:0 !important; margin:1em 0; cursor:pointer; }

/* #intro { height:250px; padding-right:0px; background:#063 url(images/intro.png) right top no-repeat; color:#fff; width ="100%"} */
#intro { height:250px; padding-right:0px; background:#063; color:#fff; width ="100%"}
#intro h2  { padding:1em; font-size:2em; color:#fff; }
#intro p { padding:0 20px; font-size:1.2em; text-align:justify; }
#intro p a { display:block; margin:1.5em 0 0 0; color:#111; }
#intro table h2  { padding:1em; font-size:2em; color:#fff; }
#intro table p { padding:0 20px; font-size:1.2em; text-align:justify; }
#intro table p a { display:block; margin:1.5em 0 0 0; color:#111; }

#nav { margin:0.8em; font-size:1.2em;  text-transform: uppercase;  }
#nav li { display:inline; }
#nav li a { margin-right:5px; color:#444; display:block; float:left; padding:4px 10px; }
#nav li a.external { background:#1C153F; color:#fff; }

#footer { width:900px; margin:1em auto; font-size:.8em; padding:1em 0; }
#footer li { display:inline; text-transform: uppercase; }
#footer li a { color:#fff; margin-right:1em; }

/* -------------------------- 
	grid 
-------------------------- */
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, 
.span-9, .span-10, .span-11, .span-12, .span-13, .span-14 { float:left; margin-right:10px; }
.span-1  { width:55px; }
.span-2  { width:120px; }
.span-3  { width:185px; }
.span-4  { width:250px; }
.span-5  { width:315px; }
.span-6  { width:380px; }
.span-7  { width:445px; }
.span-8  { width:510px; }
.span-9  { width:575px; }
.span-10 { width:640px; }
.span-11 { width:705px; }
.span-12 { width:770px; }
.span-13 { width:835px; }
.span-14 { width:900px; }

.last { margin-right: 0; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; } 

.append-top { padding-top:1em; display:block; }
.append-bottom { padding-bottom:1em; }


ul li ul  {
display: none;
}