/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		CECORP
Filename:		layout_standard.css
Description:	Standard layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
17	19Oct06		CT			Fixed png issue
16	05Jun06		CT			Adjusted margins on #rightImageJS and #rightImage
15	01Jun06		CT			Added .coSiteSearch
14	01Jun06		CT			Adjusted printable version
13	31May06		CT			Updated for coArticle
12	31May06		CT			Added .coArticle
11	31May06		CT			Fixed problem with overflowing constructors
10	31May06		CT			Fixed problem with overflowing bodyPadder
9	25May06		CT			Development styling
8	25May06		CT			Added contact for #mediaArea
7	25May06		CT			Adjusted the width of #bodyText to the .header expands correctly
6	24May06		CT			Development styling
5	23May06		CT			Development styling
4	23May06		CT			Amended coArticleGroup from id to class
3	22May06		CT			Layout updates
2	18may06		MS			Styling
1	10May06		CT			Created

*/

img.png {
	behavior: url("/htc/png.htc");
}

#leftPanel {
	margin-top: -74px;
	width : 208px;
}

#mainPanel {
	position: relative;
	margin-top: -74px;	
}

#frontBody #pageTitle {
	width: 374px;
	height: 16px;
	background: #CC0033 url(/images/page/title_corner.gif) no-repeat top right;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

#frontBody #pageTitle h1 {
	font-weight: normal;
	font-size: 0.9em;
	margin: 1px;
	padding: 0px;
	color: #fff;
}

#titleArrow {
	width: 14px;
	height: 10px;
	float: left;
	background: #CC0033 url(/images/page/title_arrow.gif) no-repeat top right;
	margin: 4px;
}

#frontBody #bodyPadder {
	width: 353px;
	margin: 10px;
	overflow: hidden;
}

#frontBody #bodyText {
	width: 373px;
	float: left;
}

#bodyProp {
	width: 1px;
	height: 70px;
	float: left;
}

#rightPanel {
	position: relative;
}

#rightSwoosh {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 10;
}

/* #rightImageJS {
	position: relative;
	width: 219px;
	height: auto;
	float: right;
	z-index: 1;
	margin-top: -108px;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
} */


#rightImage {
	position: relative;
	width: 219px;
	height: auto;
	float: right;
	z-index: 1;
	margin-top: -108px;
	margin-left: 1px;
	margin-right: 1px;
	overflow: hidden;
}

#rightContent {
	position: relative;
	width: 100%;
	float: left;
	height: auto;
}

#bodyPanel {
	width: 373px;
	float: left;
	height: auto;
	padding: 0px 0px 0px 1px;
}

#frontBody .coArticleGroup {
	width: 353px;
	float: left;
	margin: 5px;
	overflow: hidden;
}

#frontBody .coArticle {
	width: 353px;
	float: left;
	margin: 5px;
	overflow: hidden;
}

#frontBody .coCategory {
	width: 353px;
	float: left;
	margin: 5px;
	overflow: hidden;
}

#frontBody .coForm {
	width: 353px;
	float: left;
	margin: 5px;
	overflow: hidden;
}

#frontBody .coSiteSearch {
	width: 353px;
	float: left;
	margin: 5px;
	overflow: hidden;
}


#mediaArea {
	width: 100%;
	float: left;
}

#mediaArea .header {
	margin-bottom: 10px;
}

#mediaArea .objectRoll {
	width: 100%;
	float: left;
}

#mediaArea .objectRoll .item {
	width: 100%;
	float: left;
}

#mediaArea .objectRoll .item .download {
	width: 350px;
	float: left;
	padding-bottom: 5px;
	margin-left: 5px;
}

#mediaArea .objectRoll .item .contact {
	width: 350px;
	float: left;
	padding-bottom: 5px;
	margin-left: 5px;
}

#mediaArea .objectRoll .item .link {
	width: 350px;
	float: left;
	padding-bottom: 5px;
	margin-left: 5px;
}

#supFooterPanel {
	position: absolute;
	top: -50px;
	left: 210px;
	width : 370px;
	float: left;
}

#coSiteSupFooterHolder {
	width: 100%;
	float: left; 
	font-size: 0.9em;
}

#coSiteSupFooterHolder .links {
	height: 50px;
}

#coSiteSupFooterHolder .links .print,
#coSiteSupFooterHolder .links .top {
	position: relative;
	width: 40%;
	height: 30px;
	margin: 10px 0px 10px 10px;
	float: left;
}

#coSiteSupFooterHolder .links .img {
	position: absolute;
	bottom: 0px;
	float: left;
	margin: 5px;
}

#coSiteSupFooterHolder .links .print .link {
	position: absolute;
	bottom: 0px;
	left: 40px;
	margin: 5px;
}

#coSiteSupFooterHolder .links .top .link {
	position: absolute;
	bottom: 0px;
	left: 20px;
	margin: 5px;
}