/*
 
Copyright (c) Enigma Interactive 2006

SOM2
Project:		OHE
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
5	11/1/06		PG			moved media classes to standard_media
4	11/1/06		PG			added media setup
3	10/1/06		PG			added question css
2	20/12/06	PG			inital setup
1	8/12/06		PG			created

*/

/* general essentials */
body {
	margin: 0;
	padding: 0;
	font: normal 75% arial,verdana,sans-serif;
	text-align: center; /* centering for IE users */
	color: #003366; 
}

#siteHolder {
	width : 770px;
	margin : 0px auto; /* required by Firefox and Netscape */
	text-align : left; /* re-align text to the left */
	margin-top:10px;
	background:transparent url('/images/general/site_background_repeat.gif') repeat-y top left;
}

#siteContent{
	position:relative;
	z-index:100;
	padding:0px 15px 0px 10px;	
	margin:-8px 0px 0px 0px;
}


#siteTop{
	position:relative;
	z-index:10;
	background:transparent url('/images/general/site_background_top.gif') no-repeat top left;
	height:13px;
	overflow:hidden;
}

#siteBottom{
	position:relative;
	z-index:10;
	background:transparent url('/images/general/site_background_bottom.jpg') no-repeat bottom left;
	height:64px;
	overflow:hidden;	
}

#siteMain{
	padding-top:10px;
	overflow:hidden;
	width:100%;
}

#siteMain #Left{
	float:left;
	width:125px;
	overflow:hidden;
}

#siteMain #Right{
	float:left;
	width:620px;
	overflow:hidden;
}

#siteMain #Right a{
	color:#2A5FBD;
}

#siteMain #Right h1,h2,h3,h4,h5,h6{
	color:#990000;
}

#siteMain #Left #LeftContents{
	padding-right:10px;
}

#siteMain #Left #LeftContents .coIdentity{
	float:left;
}

#siteMain #Right a:hover{
	text-decoration:underline;
}

#siteMain #Right #mainPanel{
	width:100%;
	float:left;
}

#siteMain #Right #promoPanel{
	display:none;
}


#siteMain #Right #promoPanel .box{
	margin-bottom:1em;
}

#siteFocus{
	padding:1em 0em;
}

#coSiteFooter{
	background-color:#fff;
	color:#999;
	font-size:0.9em;
	width : 770px;
	margin : 0px auto; /* required by Firefox and Netscape */
	text-align : left; /* re-align text to the left */
	padding:0.5em 0em 1em 0em;
}
#coSiteFooter a{
	color:#999;
}

#coSiteFooter a:hover{
	text-decoration:underline;
}
#coSiteFooter ul{
	padding:0;
	margin:0;
	list-style:none;	
	overflow:hidden;
	width:100%;
}

#coSiteFooter li{
	float:left;
	padding:0em 0.5em;
	background:#fff url(/res/coSiteFooter/images/splitter.gif) no-repeat right top;
}

#coSiteFooter li.penultimate{
	background-image:none;
}

#coSiteFooter li.last{
	float:right;
	padding:0em 0.5em;
	background-image:none;
}

#coSiteFooter hr{
	display:none;
}

.box{
	background-color:#fff;
	overflow:hidden;
	width:100%;
}

.box_contents{
	padding:4px 15px;
	background:transparent url('/images/box/left_repeat.gif') repeat-y left top;
}
.box_top{
	height:12px;
	background:transparent url('/images/box/top_repeat.gif') repeat-x left top;
	margin-bottom:-8px;
	overflow:hidden;
	width:100%;
}
.box_top .lf{
	float:left;
	height:12px;
	width:9px;
	background:transparent url('/images/box/top_left.gif') no-repeat left top;
}
.box_top .rg{
	float:right;
	height:12px;
	width:14px;
	background:transparent url('/images/box/top_right.gif') no-repeat left top;
}

.box_bottom{
	height:14px;
	overflow:hidden;
	width:100%;
	margin-top:-8px;
}

.box_bottom .lf{
	float:left;
	height:14px;
	width:14px;
	background:transparent url('/images/box/bottom_left.gif') no-repeat left top;
}

.box_bottom .rg{
	float:right;
	height:14px;
	width:14px;
	background:transparent url('/images/box/bottom_right.gif') no-repeat left top;
}
/*
.constructor #Right #mainPanel .box .box_contents,
.content #Right #mainPanel .box .box_contents{
	min-height:21em;
	height:21em;
}*/

form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:1em 0em;
}

h1 {
	/* color: #FA5050; */
	font-weight: bold;
	font-size: 1.4em;
}

h1.pageTitle{
	margin:0;
	padding:1em 0em 0.5em 0em;
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
}

h3 {
	font-weight: bold;
	font-size: 1.15em;
}

h4 {
	font-weight: bold;
	font-size: 1.1em;
}

h5 {
	font-weight: bold;
	font-size: 1.05em;
}

p{
	margin:3px 0px;
	padding:4px 0px;
}
a {
	text-decoration: none; 
}



/* LISTS */
dl{
	margin:0;
	padding:0;
}
dl dt{
	font-weight:bold;	
}

dl dd{
	padding:0.2em 0em 0.5em 0em;
	margin:0;
}

dl dd{
	display:block;
}

dl.inline dt{
	width:5em;
}
dl.inline dd{
	padding:0em 0em 0.3em 5em;
	margin-top:-1.3em;
}

dl.inline.long dt{
	width:10em;
}
dl.inline.long dd{
	padding:0em 0em 0.3em 10em;
	margin-top:-1.3em;
}


dl dt.hidden{
	display:none;
}

dl.inline dt.hidden{
	visibility:hidden;
	display:block;
}

dl dd.right{
	font-size:1.1em;
	color:#00347A;
	font-weight:bold;

}

.article_back{
	padding:1em 0em;
}

.cols{
	width:100%;
	overflow:hidden;
}
.col{
	width:49%;
}

.col.left{
	float:left;
}
.col.right{
	float:right;
}