@charset "utf-8";
/* CSS Document */
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, caption, tbody, tfoot, thead, tr, th, td{
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/***************Basic Styles**********************/
html{
height: 100%;
}



body{
background: #504c49;
height: 100%;
}

#header{
margin: auto;
width: 980px;
height: 125px;
background:#272e8b url(../images/banner.jpg) no-repeat top right;
border-bottom: 1px solid #ccc;
}
#header>img{
height: 125px;
}

#relatedBox{
float: right;
background: #333;
padding: 5px 5px 4px 5px;
border-left: 1px solid #666;
border-bottom: 1px solid #ccc;
}
#relatedBox h2{
	padding: 0;
	margin: 0;
	background: none;
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	color: #ccc;
	border: none;
}
#relatedBox ul{
	list-style-type: none;
	font-size: .7em;
		font-family: Arial, Helvetica, sans-serif;
}
#relatedBox ul li{
	padding: 5px 0 3px;
}

#relatedBox img{
	display: block;
	margin:auto;
}
#relatedBox a{
	color: #fff;
}



#wrapper{
margin: auto;
width: 980px;
height: auto;
border-left: #333 1px solid;
border-right: #333 1px solid;
}

#numenorStar{
float: left;
margin-left: 27px;
}
/***************Navigation**********************/

#nav{
display: block;
float: left;

clear: both;

font-family:Arial, Helvetica, sans-serif;
margin-top: -28px;
z-index: 9999;
position: relative;
}

.nav{
list-style-type: none;
padding: 4px 10px 4px 30px;
background: #000;
float:left;
opacity: .8;
}

.nav li{
float: left;
display: block;
padding: 0px 10px;
text-transform: uppercase;
font-size: .9em;
}

.nav li a, .nav li a:active, .nav li a:link{
text-indent: 15px;
padding: .2em 0;
font-size: 1.1em;
color: #fff;
text-decoration: none;
}

.nav li a:hover{
text-decoration: underline;
}

.nav li a.current, .nav li a.current:active, .nav li a.current:link{
background: #000;
color: #fff;}


.subnav{
clear: both;
background: #ccc;
width: 960px;
display: block;
border-top: #333 1px solid;
border-bottom: #333 1px solid;
padding: 1px 0 2px 20px;

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.26, rgb(187,187,187)),
    color-stop(0.82, rgb(238,238,238))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(187,187,187) 26%,
    rgb(238,238,238) 82%
);}

.subnav li{
font-size: .8em;
display: inline;
}

.subnav li a{
margin-left: 20px;
color: #000;
text-decoration: none;}

.subnav li a.current{
background: none;
font-weight: bold;
text-decoration: none;}

#nav h2{
padding: 10px 0 5px 15px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
font-size: .9em;
color: #bbb;
text-transform: uppercase;
background: none;
}

#nav .related li{
list-style-type: none;
padding-left: 10px;
font-size: .9em;
height: auto;
width: auto;
}

#nav .related li a{
padding: 0;
height: auto;
width: auto;
}

/***************Header**********************/

h1 a{
font-size:0.5em;
display: block;
line-height:0;
text-indent:-9999px;
}

h1 a.site{
position: absolute;
margin-left: 140px;
top: 20px;
background: url(../images/title.jpg) no-repeat;
height: 72px;
width: 264px;
}

/***************Content**********************/
#content{
background: #000;
width: 920px;
font-family: Arial, Helvetica, sans-serif;
border: none;
padding-left: 0px;
padding-top: 0px;
clear: both;
float: left;
padding: 20px 30px 20px 30px;
}

#content .section{
	background: #fff;
	padding: 10px 30px 30px 30px;
	font-size: .9em;
	float: left;
	display: block;
	width: 860px;
}
#content .welcomeSection{
	padding: 20px 15px;
	display: block;
	float: left;
	width: 470px;
	margin-right: 10px;
	font-size: .9em;
	
}

#content .slideshowSection{
	padding: 5px;
	display: block;
	float: left;
	width: 400px;
	margin-bottom: 10px;
}
#content .practiceSection{
	clear: both;
	display: block;
	padding: 20px;
	float: left;
	width: 880px;
}
#weather{
	float: left;
}
#content .practiceSection .stockPav{
	float: left;
	width: 600px;
	padding-left: 20px;
}
#content .practiceSection .stockPav ul{
padding: 0;
margin: 0;
margin-left: 20px;}
#content .practiceSection .stockPav li{
	float: left;
	padding: 0px;
	margin: 0 30px 0 0;
}
#content .practiceSection .stockPav h3{
	padding: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#content .practiceSection p{
	font-size: .9em;
}
#content .practiceSection h2{
padding: 0;
	background: none;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1.2em;
}
#content .slideshowSection p{
	clear: both;
	display: block;
	font-size: .8em;
}
#slideshow{
width: 400px !important;
height: 330px !important;
background: #ddd;
display: block;
}

#slideshow .caption{
text-indent: .8em;
color: #555;
font-size: .8em;
}



#footer{
clear: both;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
font-size: .9em;
background: #000;
}

#footer a{
color: #fff;
}

/*************
---TEXT----
***********/

h2{
font-size: 1.5em;
color: #333;
margin-bottom: 10px;
padding: 5px;
margin-right: 50px;
border-bottom: 1px solid #666;
font-family: Arial, Helvetica, sans-serif;
}

h3{
font-size: 1.3em;
color: #152043;
padding: 1em 0 .3em 0;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}

h4{
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
color: #444;
padding-bottom: 5px;
padding-top: 10px;
}

#content a, #content a:link{
color:#000088;
}
#content a:visited{
color:#000066;
}
#content a:hover{
color: #0000aa;
}

#content ul, ol{
padding-left: 30px;
max-width: 640px;
}

#content ol.roman{
list-style-type:upper-roman;
}
#content li{
text-align: left;
padding: .2em 0;
}

#content ol.tasklist li{
font-weight: bold;
}
#content ol.tasklist li p{
font-weight: normal;
}

em{
font-style: italic;
}
strong{
font-weight: bold;
}
#content p{
padding-bottom: .6em;
padding-top: .5em;
max-width: 640px;
}
table{
border-collapse: collapse;
}
td{
border: 1px #333 solid;
padding: 5px;
text-align: center;
}
th{
font-weight: bold;
padding: 5px;
text-align: center;
}

#content img.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/*************Special styles******************/
img.unit{
float: left;
margin: 0 15px 10px 0;
border: 1px solid #555;
}

.unit li{
clear: both;
margin-top: 10px;
list-style-type: none;
}
.right{
	float: right;
}

.left{
	float: left;
}