/*

	Acem 2004 - 2008

	This is the main stylesheet for Acem.no
	The stylesheet is sectioned according to the templates where the styles are employed
	Other stylesheets govern all sites (and are placed in mothership design folder):
	- core.css - for core functionnality
	- course.css - for all course related templates
	- shop.css - for all online enrollment and user registration templates

*/

/* general elements */

body	{
	background: #fff;
}

a:link	{
	color: #cc0000;
}

a:hover, a:active {
	color:#ff0000;
}

a:visited {
	color:#cc0000;
}

a:visited:hover {
	color:#ee0000;
}


th	{
	background-color: #999;
	color: #fff;
	padding-left: 4px;
}

/* header_site.tpl */

#siteHeader	{
	/* determins background image of this specific site */
	background: #fff url(../images/bg_sitehead.png) top left no-repeat;
	}

#siteHeaderContent	{
	/* defines look of site name field */
	background: url(../images/transparent.png) repeat;
}

h1#siteHeaderText	a {
	font-family: arial;
	font-size: 40px;
	color: #fff;
}

h2#siteHeaderTagline	{
	font-family: arial;
	font-size: 20px;
	color: #ddd;
}

/* pagelayout.tpl */


#templateContent	{
	margin-top: 40px;
}

/* view_full_acemcountry.tpl */
/* content_frontpage_acemcountry.tpl */

#frontPageTopFieldContainer	{
/* top elements - field selling beginner's courses */
	width: 960px;
	height: 300px;
	float: left;
	overflow: hidden;
}

#learnMed	{
	/* container for image-field */
	width: 960px;
	height: 300px;
	float: left;
}

#learnMedImage	{
	/* that big image underneath that text */
	float: left;
	height: 300px;
	width: 960px;
	margin-top: 0px;
	z-index: -1;
}

 #frontPageTopFieldLayer	{
	/* placing text on learnMedImage */
	width: 960px;
	height: 304px;
	margin-top: -304px;
	float: left;
	z-index: 0;
	/* background: url(../images/bg_learnmed.png) top right repeat; */
}

#frontPageTopFieldItemLeft	{
	/* left text field on image */
	width: 400px;
	float: right;
	z-index: 1;
	padding-right: 4px;
	padding-top: 8px;
}

#frontPageTopFieldItemRight	{
	/* right text field on image */
	width: 208px;
	float: right;
	z-index: 2;
	padding: 8px 4px;
	border-left: 1px dotted #666;
}

#frontPageTopFieldItemRight h2  {
	/* header beginner's course-field */
	color: #333;
	font-size: 14px;
}

#frontPageTopFieldItemRight h2 a {
	text-decoration: none;
	color: #333;
}

#columnContainer	{
	/* contains the three central frontpage columns - gives maximum width and wraps */
	width: 960px;
	clear: both;
}

#frontPageMainContainer	{
	/* contains the three central frontpage columns */
	width: 100%;
}

#frontPageSideContainerLeft	{
	/* left column container */
	float: left;
	width: 208px; /* LC width */
}


#frontPageSideContainerRight	{
	/* right column container */
	float: right;
	width: 208px;
	margin-left: 4px;
	padding-left: 5px;
}

#frontPageMainItemContainer	{
	/* central column container */
	float: left;
	width: 528px;
	padding-right: 5px;
}

.frontPageMainItem	{
	/* sets look for central frontpage elements */
	display: block;
	float: left;
	margin: 5px 0 5px 0;
	width: 99%;
	background: #fff 	url(../images/corner_f93_r.png) top right no-repeat;
	padding-left: 7px; /* creates space towards left column */
}

.frontPageSideItem	{
	/* look for side frontpage elements */
	display: block;
	float: right;
	clear: right;
	margin: 5px 0 8px 0;
	width: 100%;
	max-width: 208px;
	background: #ddd url(../images/corner_666_r.png) top right no-repeat;
}

.frontPageMainItemLeft	{
	float: left;
	display: block;
	width: 50%;
}

.frontPageMainItemRight	{
	float: right;
	display: block;
	width: 40%;
}

.frontPageItemBottom	{
	/* gives gray rounded bottom left corner of frontpage boxes */
	clear: both;
	background: url(../images/corner_ddd_bot_l.png) bottom left no-repeat;
	font-size: 1px;
	margin-left: -4px;
}

.frontPageMainItem h3	{
	margin: 2px 0 0px 0;
	padding: 0 0 0;
}

.frontPageMainItem h4, .frontPageSideItem h4	{
	/* gives coloured headings for frontpage boxes */
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	height: 13px;
	font-variant: small-caps;
	clear: both;
	padding: 0 0 1px 9px;
	letter-spacing: 1px;
}

.frontPageMainItem h4 {
	margin: 0 4px 0 0;
	background: #f93 url(../images/corner_f93_l.png) top left no-repeat;
	text-align: left;
}

.frontPageSideItem h4	{
	margin: 0 2px 0 0;
	text-align: center;
	background: #666 url(../images/corner_666_l.png) top left no-repeat;
}

#advancedMed, #newsMedField, .sideItemBody	{
	margin: 0;
	padding: 0 0 0 4px;
}

.sideItemBody	{
	max-width: 208px;
	background: url(../images/corner_ddd_bot_r.png) bottom right no-repeat;
}

#advancedMed h2, #newsMedField h2		{
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
}

#learnMed ul, #advancedMed ul, #newsMedField ul, .acemNews ul, .frontPageMainItem ul, .sideItemBody ul, .frontPageMainItemLeft ul	{
	/* list-styling, used in a number of templates */
	margin: 2px 0 2px 20px;
	padding: 0 0 0 1px;
	list-style-image: url(../images/ul_logo_999.png);
}

#listNextBeginnerCourse dl, #listNextAdvancedCourse dl, .sideItemBody dl	{
	list-style: none;
}

#listNextBeginnerCourse dl, .sideItemBody dl	{
	margin: 4px 0 4px 0px;
}

dl#listNextAdvancedCourse 	{
	margin: 0px 0 0 0;
}

#listNextBeginnerCourse dt, #listNextAdvancedCourse dt, #listNextAdvancedCourse dd, .sideItemBody dd	{
	margin: 0;
	padding: 0;
}

#listNextAdvancedCourse dt, .sideItemBody dt	{
	margin-top: 7px;
}

#listNextBeginnerCourse dd	{
	padding: 0;
	margin: 0;
	margin-top: -1px;
	margin-bottom: -1px;
}

#listNextAdvancedCourse dd,	{
	font-weight: normal;
	padding: 0 0 4px 4px;
}

 .sideItemBody dd	{
	padding: 0 0 0px 4px;
	overflow: hidden;
 }

#commImage	{
	float: left;
	margin: 1px 26px 0 -3px;
	min-height: 180px;
}

.imgScope	{
	/* used for panoramic images in right field */
	clear: both;
	margin-left: -4px;
	margin-right: -3px;
}