/*
Theme Name: JOLIE JUSTUS SEPT-2009
Theme URI: http://wordpress.org/
Description: This is the default theme for Jolie Justus Copyright 2009

*/

body {
	background-color: #5088a9;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#MainLayer {
	position:relative;
}
#Header-Main {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 302px;
	width: 1020px;
	left: -485px;
	top: -1px;
}

#Header-Nav-Main {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 51px;
	width: 720px;
	left: -275px;
	top: 228px;
}

#Header-Social-Buttons {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 53px;
	width: 31px;
	left: 450px;
	top: 230px;
}

#Header-Sub-Headline {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 32px;
	width: 441px;
	left: -266px;
	top: 161px;
}

#Header-Action-Button1 {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 89px;
	width: 258px;
	left: -272px;
	top: 192px;
}

#Header-Action-Button1-Email-Form {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 26px;
	width: 164px;
	left: 275px;
	top: 371px;
}

#Header-Action-Button2-Email-Form {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 26px;
	width: 164px;
	left: 275px;
	top: 454px;
}

#Header-Action-Button3-Email-Form {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 26px;
	width: 164px;
	left: 275px;
	top: 535px;
}

#Header-Action-Button2{
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 89px;
	width: 205px;
	left: -14px;
	top: 192px;
}

#Header-Action-Button3 {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 89px;
	width: 205px;
	left: 191px;
	top: 192px;
}

#Sidebar-Main {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 280px;
	width: 316px;
	left: 188px;
	top: 305px;
}

#Body-Main {
	position:absolute;
	z-index:1;
	visibility: visible;
	height: 602px;
	width: 961px;
	left: -452px;
	top: 299px;
}


#Footer-Main {
	position: relative;
	visibility: visible;
	height: 302px;
	width: 900px;
	left: -700px;
}

.Header-Main-Nav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: #193d53;
	text-decoration: none;
	font-size: 18px;
	font-style: normal;
}
.Header-Sub-Headline{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
}
.Header-Actions-Button1-Email-Field {
	border: 1px solid #333333;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.Sidebar-Headline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: #970606;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
}

.Sidebar-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	color: #000000;
	font-size: 12px;
	font-style: normal;
}

.BodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size: 14px;
	font-style: normal;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #970606;
	text-decoration: none;
	font-size: 24px;
	font-style: normal;
}

h2, h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #193d53;
	text-decoration: none;
	font-size: 18px;
	font-style: normal;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
