﻿/* General Layout */

div{
overflow:hidden;
}

body{
margin:0;
padding:0;
top:0;
background-image:url("../graphics/design/body/vertFade.gif");
background-position:top;
background-repeat:repeat-x;
}

/* Container Layout */

#OuterContainer{
	margin-top: 24px;
	background-image: url('../../graphics/design/container/mid.gif');
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	margin-bottom: 20px;
}
#Container{
	background-image: url('../../graphics/design/container/top.gif');
	background-repeat: no-repeat;
}

/* Header Layout */

#Header{
	margin-left: 35px;
	margin-right: 10px;
	height: 120px;
}

img.logo{
margin-top:24px;
}

/* Menus Layout */

#Menu{
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 16px;
	height: 39px;
	background-image: url('../../graphics/design/menu2/bg.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: visible;
}

*html #Menu{
overflow:hidden;
height:37px;}

#Menu img{
margin-right:4px;
}

#Menu a{ padding-right:4px;}

#lowerMenu{
margin-left:-41px;
margin-right:-40px;
margin-top:-20px;
background-image:url("../graphics/design/menu/lowerbg.html");
background-repeat:no-repeat;
}

/* Focus Layout */

#Focus{
	padding-top: 4px;
	width: 762px;
	background-image: url('../../graphics/design/focus/bg.gif');
	background-repeat: no-repeat;
	margin-left: 19px;
}

#FocusContent{
margin-left:9px;
margin-right:11px;
height:210px;
}

/* Content Layout */

#contentContainer{
	width: 536px;
	background-image: url('../../graphics/design/content/middle-lobster.jpg');
	background-repeat: repeat-y;
	margin-right: 20px;
	margin-bottom: 30px;
}
#contentMain{
	background-image: url('../../graphics/design/content/middle-lobster.jpg');
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 44px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
}

#contentBottom{
	background-image: url('../../graphics/design/content/bottom.gif');
	height: 10px;
	background-repeat: no-repeat;
	clear: both;
}

/* Left Boxes Layout */

#leftCol{
float:left;
width:211px;
margin-right:14px;
margin-left:19px;
}

*html #leftCol{
margin-left:10px;
margin-right:10px;
}

.leftBox{
	width: 211px;
	background-image: url('../../graphics/design/leftBox/middle.gif');
	background-repeat: repeat-y;
	margin-bottom: 5px;
}
.leftBox .top{
	background-image: url('../../graphics/design/leftBox/top.gif');
	background-repeat: no-repeat;
	height: 9px;
}
.leftBox .bottom{
	background-image: url('../../graphics/design/leftBox/bottom.gif');
	background-repeat: no-repeat;
	height: 10px;
}
/* Footer Layout */

#Footer {
	padding-top: 4px;
	height: 65px;
	width: 800px;
	background-image: url('../../graphics/design/footer/bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
	clear: both;
}


/* --------------------------- */

/* Contact form */

div.contactLabel{
width:100px;
text-align:right;
float:left;
padding-top:4px;
font-size:1.1em;
margin-right:4px;
clear:both;
}

