/*
Datasafe
Main stylesheet

Chris Evans

24 May 2008
*/

body 
{
    font: 90%/1.4em Arial, Helvetica, sans serif;    
    background: #231f20;
    color: #fff;
    margin:0;
    padding:0 0 8em 0;
}


a { color:#424040; }
a:hover { color:#f78f1e; }
a:visited {}

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0; padding: 0; }

h1
{
    font-size: 150%;
}

h2
{
    font-size: 120%;
    padding:0;
    margin:0;
    font-weight: normal;
    color:#f78f1e;
}

p { margin: 0 0 .5em 0; padding:0; }

ul.navigation 
{
    list-style: none;
    padding:0;
    margin:0;
}

img { border: none; }


div#page 
{   
}

div.inner { width: 900px; margin: 0 auto; }

div#header {
	min-height: 160px;
}
* html div#header { height: 160px; }


div#header img.mainlogo { float: right; margin-top: 48px; }
div#header img.tagline { float: left; margin-top: 48px; }


div#mainmenu {
	background: #424040;
	border-bottom: 4px solid #f78f1e;
}

div#mainmenu p.download-link { float: right; padding: 7px 0 8px; margin:0;}
div#mainmenu p.download-link a { color:#fff; text-transform: lowercase; text-decoration: none; padding-right: 20px; background: transparent url(../images/download.gif) no-repeat right .3em; }
div#mainmenu p.download-link a:hover { color:#f78f1e; text-decoration: underline; }

div#mainmenu ul.navigation {display: inline; float: left;}
div#mainmenu ul.navigation li { display: block; float: left; margin:0 0 0 0; padding:0;}
div#mainmenu ul.navigation li a { 
	display: block; 
	float: left; 
	border-right: 3px solid #231f20; 
	color:#fff;
	text-transform: lowercase;
	font-weight: normal;
	text-decoration: none;
	padding: 7px 14px 8px;
	margin:0;
}
div#mainmenu ul.navigation li.firstNode a { border-left:3px solid #231f20; }

div#mainmenu ul.navigation li a:hover { background:#5d5a5a; }


div#mainmenu ul.navigation li a.selected,
div#mainmenu ul.navigation li a.selected:hover,
div#mainmenu ul.navigation li a.childSelected,
div#mainmenu ul.navigation li a.childSelected:hover { background:#f78f1e; font-weight: bold; }


div#content 
{   
    min-height: 20em;
    background: #fff;
    color:#424040;
}
* html div#content {height: 20em;}




fieldset { border: none; margin:0; padding:1em 0 0 0; width: 422px;}

fieldset.news-edit-form { width: 700px; }

fieldset div.row input,
fieldset div.row select,
fieldset div.row textarea { border: 1px solid #7b7b7b; padding: 3px 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, Sans-Serif; }


div.submitrow { text-align: right; padding-right: 80px; padding-top: 20px; padding-bottom: 40px; }

fieldset div.row { padding:0; margin: 8px 0;}
fieldset div.row label { width:160px; float: left; font-weight: normal;}
fieldset div.wide label { display: block; float: none; width: auto; padding-bottom: 6px; padding-top: 6px; }
fieldset div.row input {width: 248px; float: left; padding: 3px 4px;}
fieldset div.row select {width: 267px; float: left;}
fieldset div.row select.small { width: 115px;  }
fieldset div.row textarea { width: 264px; float: left;}

fieldset div.wide input,
fieldset div.wide select,
fieldset div.wide textarea { margin-left: 122px; }

fieldset.news-edit-form div.row input { width:450px; }
fieldset.news-edit-form div.row textarea { width:458px; }

fieldset div.row input.button { width: auto; float: none; }
fieldset div.submit { text-align: right; }

fieldset div.current-image-display { clear: both; padding-left: 122px; }
fieldset div.current-image-display h3 { padding: 15px 0 10px 0; }
div#content fieldset div.current-image-display label,
div#content fieldset div.current-image-display input { width: auto; float: none; }


div#adminLoggedIn { background: #ccc; border: 1px solid #7b7b7b; margin-bottom: 1em; border-top: none; padding: .5em; } 

div#content div.news-item {padding-top: 1em;}
div#content div.news-item h3 { font-weight:normal; font-size: 120%; color:#f78f1e; margin: 0 0 0 0; }
div#content div.news-item h3 a { color:#f78f1e; }
div#content div.news-item p.date { color:#8a8787; font-size: 80%; margin:0; }

div.login { width: 55%;  }
div.login em { font-style: normal; }
div.userPanel, div.passwordPanel { margin: 0 0 .5em 0; }
div.userPanel label, div.passwordPanel label { float: left; width: 40%; }
div.userPanel input, div.passwordPanel input {float: right; width: 55%;}


div#content div.feature { 
	background: transparent url(../images/headings/main-bg.gif) no-repeat left 5px;
	padding-left: 30px;
}
div#content p,
div#content div.feature p { margin:0 0 1.25em 0; }
div#content div.feature p strong { color:#f78f1e; }

div#content div.home-columns div.feature { 
	background: transparent url(../images/headings/home-bg.gif) no-repeat left 70px;
	padding-left: 45px;	 
	padding-top:70px;
}

div#content div.home-columns div.feature h2 { font-size:125%; line-height: 1.33em; color:#424040; font-weight: bold; margin-bottom: 1.5em; }
div#content div.feature ul.link-list { padding:0 0 0 1.11em; margin: 0 0 1em 0;}
div#content div.feature ul.link-list li { padding:0; color:#f78f1e;}

div#content div.columns { padding: 35px 0; }
div#content div.column { float: left;}
div#content div.main-content { width: 525px; padding-left: 15px; padding-right: 45px; }
div#content div.hero { float: right; width:295px;}
div#content div.subpage { width: 487px; padding-left: 0; padding-right: 25px; }

div#content div.home-columns { padding:0; margin:0; }
div#content div.home-columns div.main-content { width:425px; padding-right: 45px; padding-left:0;}
div#content div.home-columns div.hero { width:430px; }


div#content div.home-columns div.hero img,
div#content div.home-columns div.hero object,
div#content div.home-columns div.hero embed { float: right; }

div#sideMenu { width: 145px; padding-right: 10px; float: left; }
div#mainContentArea { float: right; width:745px;}
div#mainContent { width: 395px; padding-right: 30px; float: left; }
div#sideContent { width: 320px; float: right;}

div.wide div#mainContent { width: 485px; padding-right: 30px; padding-left:0;}
div.wide div#sideContent { width: 230px; text-align: right;}

div.wide div.flashWrapper { padding:15px 0 30px; }

p.helper { font-size: 75%; }
p.helper a { text-decoration: none; }

div#sideMenu h2 { color:#424040; font-weight: bold; margin-bottom: .8em; }

div#sideMenu ul.navigation {}
div#sideMenu ul.navigation li { padding: .22em 0;}
div#sideMenu ul.navigation li a { text-decoration: none; }
div#sideMenu ul.navigation li a:hover { text-decoration: underline; }

div#sideMenu ul.navigation li.selected a { color:#f78f1e; }
div#sideMenu ul.navigation li.selected ul li a {color:#424040;}
div#sideMenu ul.navigation li.selected ul li a:hover {color:#f78f1e;}
div#sideMenu ul.navigation li ul { margin:0; padding: 0 0 0 1.1em; list-style-type:square}
div#sideMenu ul.navigation li ul li.selected a {color:#f78f1e;}

div#footer 
{    
 border-top: 4px solid #f78f1e;
}


div#footer p { font-size: 85%; }
div#footer p a { color:#fff; }
div#footer p a:hover { color:#f78f1e; }
div#footer p strong { color:#f78f1e; margin-right: .33em; }
div#footer p span.tel,
div#footer p span.email { color:#f78f1e; margin-left: .66em;}

div#footer p.additional-info { float: left; margin:0; padding: 20px 0; }
div#footer p.slogan { float: right; margin:0; padding: 20px 0; font-weight: bold; color:#f78f1e; }

div#header:after,
div#mainmenu:after,
div#content:after,
div#content div.columns:after,
div#content div.home-columns:after,
div#footer:after,
div.home-columns:after,
div.standard-columns:after,
div.quotations:after,
fieldset div.row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#header,
div#mainmenu,
div#content,
div#content div.columns,
div#content div.home-columns,
div#footer,
div.home-columns,
div.standard-columns,
div.quotations,
fieldset div.row 
{
    display: inline-block;    
    height: 1%;    
    display: block; 
}