/* 
    Document   : screen
    Created on : 10-Dec-2008, 17:26:52
    Author     : mfleming
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.more{
    background: url(more.png) no-repeat 0 center;
    display: block;
    padding: 0 0 0 20px;
    line-height: 1.4em;
    color: #A9A9A9;
    text-decoration: none;
}

.more:hover,.more:focus{
    text-decoration: underline;
}

a img{
    border: 0;
}

*{
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    background: #fff url(body.png) repeat-x 0 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    height: 100%;
}

#docarea{
    width: 978px;
    margin: auto;
    position: relative;
}

#mainmenu{
    list-style: none;
    background: #1B1818 url(mainmenu.jpg) no-repeat 0 0;
    height: 54px;
    padding: 0 0 0 173px;
}

#mainmenu li{
    line-height: 5.4em;
    float: left;
    padding: 0 30px 0 0;
}

#mainmenu a{
    color: #fff;
    text-decoration: none;
    font-size: 1.3em;
}

#mainmenu a:hover, #mainmenu a:focus, #mainmenu li.active a{
    color: #D09E2B;
}

#flash{
    height: 180px;
    background: #000 url(flash.jpg) no-repeat 0 0;
    padding: 80px 0 0 0;
}

#homecontent{
    padding: 18px 0 30px 14px;
    background: url(homecontent.png) no-repeat 0 0;
    clear: both;
    font-size: 1.1em;
    color: #424242;
}

#homecontent h1{
    position: absolute;
    left: -5000px;
}

h2 a{
    text-decoration: none;
    color: #000;
}

h2 a:hover,h2 a:focus{
    text-decoration: underline;
}

.column{
    width: 229px;
    float: left;
    padding: 0 20px 10px 0;
    line-height: 1.4em;
}

#rightcol .column{
    float: none;
}


#homecontent .column.left{
    clear: left;
}

.column h2{
    font-size: 1.2em;
    font-weight: normal;
    margin: 10px 0 0.5em 0;
}

.column p{
    margin: 0 0 0.5em 0;
}

img.shadow{
    position: relative;
    left: -5px;
    padding: 0 0 5px 0;
}

#content{
    width: 659px;
    float: left;
    font-size: 1.2em;
    color: #000;
    padding: 0 80px 50px 0;
    background:  url(content.png) no-repeat -30px 0;
}

#content .floatl{
    float: left;
    padding: 0 23px 0 0;
}

#content div{
    margin-left: 189px;
}

#content p{
    margin: 0 0 1.5em 0;
}

#content ul, #content ol{
    margin: 0 0 1.5em 20px;
}
#content h1{
    padding: 44px 0 0 0;
    margin: 0 0 28px 0;
}

#content h1, #content h2{
     color: #000;
     font-weight: normal;
     font-size: 1.8em;
}

#content h2{
    margin: 1.8em 0 1.8em 0;
}

#content .newslist{
    list-style: none;
    color: #797979;
    margin: 0;
}

#content .newslist li{
    border-bottom: 1px solid #DBD5D2;
    padding: 7px 0;
}

#content .newslist li.first-child{
    padding-top: 0;
}

#content .newslist h2{
    line-height: normal;
    padding: 0;
    font-size: 1.2em;
    margin: 0;
}

#content .newslist p{
    margin: 0;
}

#content .newslist .read_more{
    color: #000;
    text-decoration: none;
}

#content .newslist .read_more:hover,#content .newslist .read_more:focus{
    text-decoration: underline;
}

#content form{
    border: 1px solid #BFBAB0;
    width: 496px;
    background: url(form.png) repeat-x 0 bottom;
    padding: 20px 50px 20px 50px;
    font-size: 0.85em;
    color: #000;
}

#content form div{
    clear: both;
    padding: 5px 10px;
    margin: 0;
}

#content form label{
    display: block;
    width: 150px;
    float: left;
}

#content form input,#content form textarea{
    width: 310px;
    font-size: 1em;
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px;
}

#content form div.focus{
    background: #AEAEAE;
}

#content button{
    margin: 0 0 0 150px;
    font-size: 2em;
    cursor: pointer;
}

#rightcol{
    width: 236px;
    overflow: hidden;
    margin: 0 0 0 739px;
    margin: 0;
    padding: 20px 0 50px 0;
    font-size: 1.1em;
}

#rightcol h2{
    font-size: 1.2em;
    font-weight: normal;
    margin: 10px 0 0.5em 0;
}

#rightcol #watch h2{
	/*color: #888888;*/
	color: #BBA800;
	margin: 0;
}

#rightcol #watch h3{
	font-weight: normal;
	font-size: 1.1em;
	color: #BBA800;
	margin: 0 0 1em 0;
}

#rightcol #watch img{
	position: absolute;
	display: block;
	margin-left: -10px;
}

#feature{
    position: absolute;
    right: 0px;
}

#footer{
    border-top: 1px solid #E5E5E5;
    clear: both;
    padding: 10px 0 30px 6px;
    color: #757575;
    font-size: 1.2em;
    position: relative;
}

#docarea>#footer{
    top: 30px;
}

#footer a.img{
    position: absolute;
    right: 0;
    top: 10px;
}

#homecontent #footer{
    font-size: 1em;
}

#footer form{
    color: #797979;
    padding: 0 0 30px 0;
}

#footer form h2{
    color: #D09E2B;
    font-weight: normal;
    font-size: 1.2em;
    margin: 0 0 5px 0;
}

#footer form p{
    line-height: 1.3em;
    width: 300px;
    margin: 0 0 5px 0;
}

#footer label{
    display: none;
}

#footer input{
    border: 2px inset #e4e4e4;
    padding: 3px 2px;
    background: #FFFDAE;
    color: #A0ABB3;
    width: 198px;
    font-size: 1.1em;
    float: left;
    margin: 0 5px 0 0;
}

#footer button{
    height: 28px;
    width: 86px;
    border: 0;
    background: #fff;
    cursor: pointer;
}

#footermenu{
    margin: 0 0 0 20px;
}

#footermenu, #footermenu li{
    display: inline;
}

#footermenu li{
    background: url(footerLi.png) no-repeat right center;
    padding: 0 10px;
}

#footermenu li.last-child{
    background: none;
}

#footer a{
     color: #757575;
    text-decoration: none;
}

#footer a:hover,#footer a:focus{
    text-decoration: underline;
}