@import url("text.css");
@import url("menu.css");
@import url("content-boxes.css");

/* layout */
* { margin:0; padding:0;}

body {
background-image: url(../_images_webdesign/top-no-teaser-bg.gif); /* height 156 px*/
background-repeat:repeat-x;
}

#header {
min-height:84px;
height:auto !important;
height:84px;
background-repeat:repeat-x;
background-position:top;
}

#branding {
width:766px;
margin:auto;
min-height:60px;
height:auto !important;
height:60px;
padding-top:24px;
background-image:url(../_images_webdesign/logo.gif); 
background-repeat:no-repeat;
background-position:38px bottom; 
}

#menu {
min-height:38px;
height:auto !important;
height:38px;
width:766px;
margin:auto;
}

#nav {
margin-left: 43px;
}

#Teaser {
min-height:34px;
height:auto !important;
height:34px;
width:100%;
}

#media {
width:766px;
min-height:273px;
height:auto !important;
height:273px;
margin:auto;
}

/* content container in 2 versions*/
#content {
min-height:400px;
height:auto !important;
height:434px;
width:766px;
background-image:url(../_images_webdesign/bg-content.gif);
background-repeat:no-repeat;
margin:auto;
padding-top:20px;
}

#single_column {
width:700px;
margin:auto;
}

/* 2 columns for content*/
#content_left_wide {
	width:440px;
	float:left;
	margin-left:40px;
	margin-right:16px;
	min-height:50px;
}

#content_right_narrow {
width:220px;
float:right;
margin-right:20px;
margin-left:30px;
min-height:50px;
}

/* 2 columns for content*/
#content_left_narrow {
width:220px;
float:left;
margin-left:40px;
margin-right:16px;
min-height:50px;
}

#content_right_wide {
width:440px;
float:right;
margin-right:50px;
background-color:#CCCCCC;
min-height:50px;
}

/* 3 columns for content */
#content_left {
position:relative;
width:212px;
margin-right:20px;
margin-left:40px;
background-color:#009999;
min-height:50px;
}

#content_middle {
position:relative;
width:212px;
margin-right:20px;
margin-left:272px;
background-color:#CCCCCC;
min-height:50px;
}

#content_right {
position:relative;
width:212px;
margin-right:50px;
margin-left:504px;
background-color:#CCCCCC;
min-height:50px;
}

.clear {
clear:both;
}

#footer {
	min-height:380px;
	height:auto !important;
	height:38px;
	width:716px;
	margin:auto;
	background-image:url(../_images_webdesign/hg-footer.gif);
	background-repeat:repeat-x;
	padding-top: 4px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
}