/*
	Main Stylesheet for WebStager
	By <hutzmedia.com>
	May 15, 2008 
*/

html {
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #6EBCDC;
	background-image: url('../images/body.background.jpg');
	background-repeat: repeat-x;
	
	font-family: Arial,Verdana,Sans-serif;
	color: #000000;
	font-size: 9pt;
	letter-spacing: 0.2px;
	line-height: 13pt;
}

img {
	border-style: none;
}

p {
	margin: 0px; padding: 0px;
}

/* Page */
div#page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 968px;
}

div#page img#extraLeft {
	position: absolute;
	left: -20px; top: 0px;
	width: 20px; height: 799px;
}
div#page img#extraRight {
	position: absolute;
	right: -36px; top: 0px;
	width: 36px; height: 448px;
}

/* Header */
div.header {
	position: relative;
	height: 242px;
	overflow: hidden;
}

div.header img {
	width: 968px; height: 242px;
}

/* Menu */
div.menu {
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
	height: 51px;
	background-image: url('../images/header.menu1.bg.jpg');
}

body.interior div.menu {
	background-image: url('../images/interior.header.menu.bg.jpg');
}

div.menu img {
	position: absolute;
	width: 968px; height: 51px;
	left: 0px; top: 0px;
}

body.interior div.menu img {
	position: absolute;
	width: 915px; height: 41px;
	left: 26px; top: 0px;
}

/* Menu Drop Down */
ul.menu {
}

ul.menu, ul.menu li, ul.menu li ul, ul.menu li ul li {
	margin: 0px; padding: 0px; list-style-type:none;
}

ul.menu li {
	position: absolute;
	display: block;
	font-weight: bold;
}

ul.menu li a {
	display: block;
	width: 85px;
	padding: 6px;
	background-color: #315263;
	color: #FFF;
	border: #31635B solid 1px;
	border-left: #244842 solid 1px;
	border-bottom: #244842 solid 1px;
	text-decoration: none;
}

ul.menu li a:hover {
	background-color: #5E6CB0;
}


/* Drop Down Menu */
div.dropMenu {
	z-index: 8; 
	position: absolute; 
	left: 0px; 
	top: 242px;
}


ul.menu {
	position: absolute;
	right: 0px; bottom: 0px;
}

ul.menu, ul.menu li, ul.menu li ul, ul.menu li ul li {
	margin: 0px; padding: 0px; list-style-type:none;
	z-index: 7;
}

ul.menu li {
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
}

ul.menu li a {
	display: block;
	width: 85px;
	padding: 6px;
	background-color: #315263;
	color: #FFF;
	border: #31635B solid 1px;
	border-left: #244842 solid 1px;
	border-bottom: #244842 solid 1px;
	text-decoration: none;
}

ul.menu li a:hover {
	background-color: #5E6CB0;
}

/* Menu -> Items */
ul.menu li ul {
	position: absolute;
	border-style: none;
	font-weight: normal;
	visibility: hidden;
}

ul.menu li ul li {
	float: none;
}

ul.menu li ul li a {
	padding-left: 16px;
}

ul.menu li:hover ul, ul.menu li.hover ul {
	visibility: visible;
}

ul.menu li.hover a.header {
	/*background-color: #0029FF;*/
}

li#menu1 {
	left: 35px; top: 1px;
	position: absolute;
}
li#menu1, li#menu1 a.header img {
	width: 176px; height: 40px;
}
li#menu1 a {
	width: 154px; /* (width - 22) for padding */
}


li#menu2 {
	left: 216px; top: 1px;
	position: absolute;
}
li#menu2, li#menu2 a.header img {
	width: 247px; height: 40px;
}
li#menu2 a {
	width: 225px; /* (width - 22) for padding */
}


li#menu3 {
	left: 468px; top: 1px;
	position: absolute;
}
li#menu3, li#menu3 a.header img {
	width: 266px; height: 40px;
}
li#menu3 a {
	width: 244px; /* (width - 22) for padding */
}


li#menu4 {
	left: 739px; top: 1px;
	position: absolute;
}
li#menu4, li#menu4 a.header img {
	width: 193px; height: 40px;
}
li#menu4 a {
	width: 171px; /* (width - 22) for padding */
}

ul.menu li a.header, ul.menu li a.header:hover {
	width: 100%;
	padding: 0px;
	border-style: none;
	background-color: transparent;
}



/* Content */
div.content {
	position: relative;
	height: 459px;
	background-color: #FDFFDB;
}

body.interior div.content {
	height: 1298px;
}

div.content div.left {
	position: absolute;
	left: 0px; top: 0px;
	width: 31px; height: 459px;
	background-image: url('../images/content.left.bg.jpg');
}

div.content div.right {
	position: absolute;
	right: 0px; top: 0px;
	width: 34px; height: 459px;
	background-image: url('../images/content.right.bg.jpg');
}

body.interior div.content div.left {
	width: 31px; height: 1298px;
	background-image: url('../images/interior.content.left.bg.jpg');
}

body.interior div.content div.right {
	width: 34px; height: 1298px;
	background-image: url('../images/interior.content.right.bg.jpg');
}


div.content img.readMore {
	margin-top: 4px;
	width: 102px; height: 29px;
}

div.content div#text1, div.content div#text2 {
	z-index: 7;
}

/* Content: text1 */
div.content div#text1 {
	position: absolute;
	left: 330px; top: 24px;
	width: 568px;
}
div.content div#text1 img.title {
	width: 220px; height: 19px;
	margin-bottom: 8px;
}

/* Content: text2 **/
div.content div#text2 {
	position: absolute;
	left: 330px; top: 221px;
	width: 289px;
}
div.content div#text2 img.title {
	width: 143px; height: 19px;
	margin-bottom: 8px;
}

div.content div#text2 div.readMore {
	margin-top: 4px;
	color: #003300;
}
div.content div#text2 div.readMore a {
	color: #003300;
	text-decoration: none;
	font-weight: bold;
}

/* Content: picture */
div.content div.picture {
	position: absolute;
	right: 29px; top: 167px;
	width: 326px; height: 292px;
	background-image: url('../images/content.picture.bg.jpg');
}

div.content div.picture img#custom {
	z-index: 8;
	position: absolute;
	left: 20px; top: 0px;
	width: 141px; height: 75px;
}
div.content div.picture img#book {
	z-index: 8;
	position: absolute;
	left: 168px; top: 0px;
	width: 149px; height: 75px;
}

/* Content: divLeft */
body.interior div.content div.divLeft {
	position: absolute;
	left: 31px; top: 0px;
	width: 284px; height: 1298px;
	background-color: #CADEC9;		
}

body.interior div.content div.divLeft img.links {
	position: absolute;
	left: 39px; top: 27px;
	width: 165px; height: 137px;
}

body.interior div.content div.divLeft img.picture {
	position: absolute;
	left: 0px; top: 189px;
	width: 278px; height: 218px;
}

body.interior div.content div.divLeft p {
	position: absolute;
	left: 28px; top: 408px;
}

body.interior div.content div.divLeft a {
	color: #003300;
	font-weight: bold;
	text-decoration: none;
}

/* Content: divRight */
body.interior div.content div.divRight {
	position: absolute;
	left: 315px; top: 0px;
	width: 619px; height: 1591px;
}

body.interior div.content div.divRight img.aboutUs {
	position: absolute;
	left: 19px; top: 24px;
	width: 69px; height: 19px;	
}

body.interior div.content div.divRight div.text1 {
	position: absolute;
	left: 18px; top: 56px;
	width: 565px;
	
}

body.interior div.content div.divRight div.text1 p {
	margin-bottom: 20px;
}

body.interior div.content div.divRight img.picture1 {
	position: absolute;
	left: 0px; top: 542px;
	width: 247px; height: 323px;
}

body.interior div.content div.divRight img.picture2 {
	position: absolute;
	left: 0px; top: 884px;
	width: 185px; height: 237px;
}

body.interior div.content div.divRight img.ourMission {
	position: absolute;
	left: 333px; top: 585px;
	width: 144px; height: 42px;
}

body.interior div.content div.divRight img.ourServices {
	position: absolute;
	left: 280px; top: 864px;
	width: 197px; height: 46px;
}

body.interior div.content div.divRight div.text2 {
	position: absolute;
	left: 244px; top: 646px;
	width: 280px;
}
body.interior div.content div.divRight div.text2 li {
	margin-bottom: 12px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	line-height: normal;
}

body.interior div.content div.divRight div.text3 {
	position: absolute;
	left: 157px; top: 905px;
	width: 413px;
}
body.interior div.content div.divRight div.text3 li {
	font-size: 90%;
	line-height: normal;
	text-align: center;
	margin-bottom: 12px;
}

/* Newsletter */
div.newsletter {
	z-index: 7;
	position: relative;
	background-color: #224C79;
	height: 166px;
	border: #FFFFFF solid 4px;
	background-image: url('../images/newsletter.bg.jpg');
}

body.interior div.newsletter {
	background-image: url('../images/interior.newsletter.bg.jpg');
}


div.newsletter div.tl, div.newsletter div.tr, div.newsletter div.bl, div.newsletter div.br {
	position: absolute;
	width: 13px; height: 14px;
}

div.newsletter div.tl {
	left: -4px; top: -4px;
	background-image: url('../images/newsletter.tl.bg.jpg');
}
div.newsletter div.tr {
	right: -4px; top: -4px;
	background-image: url('../images/newsletter.tr.bg.jpg');
}
div.newsletter div.bl {
	left: -4px; bottom: -4px;
	background-image: url('../images/newsletter.bl.bg.jpg');
}
div.newsletter div.br {
	right: -4px; bottom: -4px;
	background-image: url('../images/newsletter.br.bg.jpg');
}

body.interior div.newsletter div.tl {
	background-image: url('../images/interior.newsletter.tl.bg.jpg');
}
body.interior div.newsletter div.tr {
	background-image: url('../images/interior.newsletter.tr.bg.jpg');
}
body.interior div.newsletter div.bl {
	background-image: url('../images/interior.newsletter.bl.bg.jpg');
}
body.interior div.newsletter div.br {
	background-image: url('../images/interior.newsletter.br.bg.jpg');
}




div.newsletter img#contentMenu {
	position: absolute;
	left: 40px; top: -443px;
	width: 254px; height: 452px;
	z-index: 8;
}

div.newsletter img.people {
	position: absolute;
	left: 0px; top: 0px;
	width: 216px; height: 166px;
}

div.newsletter img.newspaper {
	position: absolute;
	right: 0px; bottom: 0px;
	width: 246px; height: 51px;
}


/* Newsletter: text */
div.newsletter div.text {
	position: absolute;
	left: 215px; top: 20px;
	width: 505px;
}

div.newsletter div.text a {
	text-decoration: underline;
	color: #FFFFFF;
}

div.newsletter div.text {
	color: #FFFFFF;
	line-height: 11pt;
}

div.newsletter div.text p.yellow {
	color: #FFFF66;
	margin-bottom: 12px;
}

div.newsletter div.text img.title {
	width: 112px; height: 21px;
	margin-bottom: 16px;
}

/* Newsletter: Form */
div.newsletter div.form {
	position: absolute;
	right: 28px; top: 20px;
	width: 188px; height: 79px;
	background-image: url('../images/newsletter.form.bg.png');
}

div.newsletter div.form input {
	position: absolute;
	left: 0px; top: 0px;
	border-style: none;
	background-color: transparent;
	font-size: 85%;
}

div.newsletter div.form input.name {
	left: 10px; top: 31px; 
	width: 139px; height: 16px;
}

div.newsletter div.form input.email {
	left: 10px; top: 59px; 
	width: 139px; height: 16px;
}

div.newsletter div.form #submitNewsletter {
	left: 150px; top: 56px;
	width: 37px; height: 22px;
	cursor: pointer;
}


/* Footer */
div.footer p {
	color: #FFFFFF;
	text-align: center;
}

div.footer p.links1 {
	margin-top: 20px;
	font-weight: bold;
}
div.footer p.links2 {
	margin-top: 8px;
	font-weight: bold;
}
div.footer p.copyright {
	margin-top: 14px;
	padding-bottom: 26px;
}


div.footer p a {
	color: #FFFFFF;
	text-decoration: none;
}