/*
Theme Name: Rosenort EMC
Theme URI: http://rosenortemc.com
Description: A custom made WordPress theme made for Rosenort EMC (A custom theme by <a href="http://drewsdesigns.com">Drew Douglass</a> and by <a href="http://brenelz.com">Brenley Dueck</a>)
Version: 1 (WP 2.8+)
Author: Drew Douglass
Author URI: http://drewsdesigns.com
*/

/*@import "style/css/reset.css";
@import "style/css/typography.css";*/
@import "style/css/layout.css";

/*

   Filename: main.css
	Description: Rosenort EMC main css
	Date: 2009-04-04

*/

/* ################# BASIC LAYOUT ################# */

/* Start with a clean slate */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
background-color: #cecee2;
text-align: left;
font-size: 62.5%;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; 
color: black;
}

#wrapper {
position: relative;
top: 13px;
width: 740px;
height: auto !important;
min-height: 400px;
margin: 0px auto;
background-color: #cecee2;
}


/* ################# HEADER ################# */

/* Div for drop-shadow */
#header-outer
{
position: absolute;
top: 0px;
left: 6px;
background-image: url(style/images/header-shadow.png);
background-repeat: no-repeat;
background-position: bottom right;
/* Replace above 3 lines with the two below 
   for expandable shadow box
background-image: url(style/images/shadow.png);
background-repeat: repeat; */
z-index: 1000;
}

#header 
{
width: 714px;
height: 89px;
background: url(style/images/headerBG.jpg) no-repeat top right;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
padding: 0px 10px;
margin: -6px 6px 6px -6px;
}

#header h1 a
{
float: left;
display: block;
width: 167px;
height: 65px;
margin-top: 10px;
background: url(style/images/logo.jpg) no-repeat;
text-indent: -9999px;
}

#header address
{
float: right;
color: #fff;
margin-top: 10px;
text-align: right;
font-size: 1.2em;
font-style: normal;
line-height: 1.5em;
}


/* ################# CONTENT ################# */

#content-outer{
position: relative;
width: 100%;
}

#content
{
background-color: #FFFFFF;
width: 540px;
height: auto !important;
min-height: 275px;
float: right;
padding-top: 110px;
margin-right: 8px;
padding-left: 150px;
padding-right: 10px;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
font-size: 1.2em;
padding-bottom: 20px;
}

#content h1 {
	font-size: 2em;
	margin: 30px 0px 15px;
	text-transform: uppercase;
}

#content h2
{
color: #000066;
text-decoration: underline;
font-size: 1.6em;
margin-bottom: 5px;
}

#content h2 span
{
color: #9a9aae;
}

#content h3
{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
	color:#2a2a2a;
	border-bottom: 1px dotted #2a2a2a;
	display: inline;
}

#content h4
{
	font-weight: bold;
	color:#2a2a2a;
	margin-top: 5px;
	color:#47475F;
}

p       
{ 
line-height: 1.5em; margin: 0.5em 0 1.33em; 
}

#content table
	{
		border-collapse: collapse;
		border: 1px solid #31324F;
		border-spacing: 0px;
		text-align: center;
		margin-top: 10px;
		width: auto;
	}
	
#content table th
	{
		background-color: #000066;
		color: #ffffff;
		font-weight: bold;
		padding: 5px 10px;
	}
	
#content table td
	{
		border-top: 1px solid #31324F;
		border-bottom: 1px solid #31324F;
		padding: 5px 10px;
	}
	
#content table tr.even
	{
		background-color: #DFD1DF;
	}
	
#content strong
{
	font-weight: bold;
}

#content a {
	color:#000066;
}

/* ################# MISSION ################# */

/* Div for drop-shadow */
#mission-outer
{
position: relative;
left: 3px;
clear: both;
background-image: url(style/images/mission-shadow.png);
background-repeat: no-repeat;
background-position: bottom right; 
/* Replace above 3 lines with the two below 
   for expandable shadow box
background-image: url(style/images/shadow.png);
background-repeat: repeat; */
padding-right: 6px;
padding-bottom: 6px;
}



#mission
{
background-color: #000066;
color: #fff;
font-size: 1.4em;
padding:5px;
text-align: center;
font-weight: bold;
height: 22px;
border: 1px solid #FFFFFF;
margin-left: -3px;
}

#mission p {
line-height: 30px;
vertical-align: middle;
}


/*   Footer    */
#footer
{
text-align: center;
padding-bottom: 20px;
}



/* ################# LINKS AND NAVIGATION ################# */

/* Content links */

content a       
{ 
color: #14598b; 
}

content a:visited       
{ 
color: #14598b; 
}

content a:hover 
{ 
color: #4a4a4a; 
}

content a:active       
{ 
color: #14598b; 
}



/* ################# LEFT NAVIGATION DIV ################# */

#leftnav-outer
{
position: absolute;
top: 110px;
left: 6px;
background-image: url(style/images/nav-shadow.png);
background-repeat: no-repeat;
background-position: bottom right;
/* Replace above 3 lines with the two below 
   for expandable shadow box
background-image: url(style/images/shadow.png);
background-repeat: repeat; */
z-index: 1000;
}


#leftnav {
border: 1px solid #FFFFFF;
background-color: #000066;
width: 123px;
margin: -6px 6px 6px -6px;
}

#leftnav #spacer {
height: 44px;
min-height: 44px;
border-top: 1px solid #0000a1;
}

#leftnav ul {
list-style-type: none;
width: 123px;
}

#leftnav ul li {
list-style-type: none;
width: 123px;
height: 22px;
background-color: #000066;
border-bottom: 2px solid #000029;
border-top: 1px solid #0000a1;
}

/*  Leftnav links  */
li a {
line-height: 22px;
width: 108px;
height: 22px;
display: block;
vertical-align: middle;
padding-left: 15px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#leftnav ul li a:visited {
color: #FFFFFF;
}

#leftnav ul li a:hover {
background-color: #0000a9;
}

#leftnav ul li a:active {
color: #FFFFFF;
}

/*  Landed state - URhere  */
#leftnav ul li.landed {
background-color: #0000a9;
}

/*  Sub nav bullet  */
img.sub 
{
padding: 5px 5px 0px 0px;
border: none;
}

/* Map */
#map
	{
		width: 350px; 
		height: 300px;
		border: 1px solid #8B97A8;
		margin-right: 10px;
	}

/* Forms */
label
	{
		float: left;
		width: 100px;
		text-align: right;
		padding-right: 10px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
form br
	{
		clear: both;
	}



/*  #### Elements from initial CSS file, may be required later ####  */

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*****Generic Classes*****/
/*Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
Yes, these may not be as semantic as we would all like, but they are necessary for coding efficiently */
.floatLeft  
{ 
float:left;
margin-right: 10px;
padding: 5px;
 }
.floatRight
{ 
float: right;
margin-left: 10px;
padding: 5px;
 }
.report     {}
.error      {}
.success    {}

/*
Contact form styles
*/
legend {
	font-size:17px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
input {
	display:block;
}
.form-input {
	display:block;
	width:300px;
	float:left;
	margin:0px 0px 10px 0px;
}
label {
	display:block;
	width:300px;
	
	text-align:left;
}
.form-label {
	display:block;
	float:left;
}
textarea {
	width:400px;
}