/*

	This is the main stylesheet for acem.dk
	The stylesheet is sectioned according to the templates where the styles are employed
	Other stylesheets govern all sites:
	- 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	{
}

h1,h2	{
}

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

tr:hover	{
	background-color: #ddd;
}

a:link	{
	color: #0000cc;
    text-decoration: none
}

a:active	{
	color: #0000CC;
    text-decoration: underline
}

a:visited	{
	color: #0000CC;
    text-decoration: none;
}

a:hover	{
	color: #000099;
    text-decoration: underline
}

/* header_site.tpl */

#siteHeader	{
	/*
	determins background image of this specific site
	the same string is used in all site-specific stylesheets
	*/
	background: #999 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 */

#mainContent	{
	/* overrides core.css with site background color */
	background: #fff;
}

#templateContent	{
	/* contains what is delivered by the specific node */
}

#templateContentFrontpage	{
	background: #eee;
}

.frontPageContainer	{
	/* contains the two columns of front page */
	width: 960px;
    	padding: 0px 0 0 0;
	margin: 0;
}

.frontPageContainerLeft	{
	/* contains the left column of front page */
	position: relative;
	width: 640px;
	float: left;
	clear: left;
	margin: 0px 10px 0 0;
	
}

.frontPageContainerRight	{
	/* contains the right column of front page */
	position: relative;
	width: 310px;
	float: right;
	clear: right;
	margin: 0px;
	padding: 0px;
}

.frontPageItemLeft	{
	/* for display of individual course on frontpage */
	float: left;
	padding: 5px 5px 10px 6px;
	margin: 0px 0 5px 0;
	width: 98%;
	border-bottom:1px dashed #DDDDDD;
}

.frontPageItemRight	{
	/* for display of individual course on frontpage */
	float: left;
	padding: 0px 6px 0px 5px;
	margin: 0 0 5px 0;
	width: 98%;
}

.frontPageItemCloser {
	/* gives rounded finish to frontPageItem */
	clear: both;
	background: #eee url(../images/bg_coursefield_eeeeee_closer.png) bottom no-repeat;
	height: 10px;;
	margin: 0 0 4px 0;
	padding: 0;
	width: 460px; /* What's this for? */
}


.frontPageContent a:link, .frontPageContent a:active, .frontPageContent a:visited, .frontPageContent a:hover 	{
	color: #244c7d;
    text-decoration: none;
}

.frontPageContent .frontPageContent a:active, .frontPageContent a:hover 	{
    text-decoration: underline;
}

.frontPageContentLeft {
    float:left;
    display:block;
    width:110px;
}

.frontPageContentRight {
    margin-left:110px;
}

.frontPageContent img {
    margin: 0px 5px 5px 0px;
    border: 1px solid;
    border-color:#000;
}

.frontPageContent ul{
    margin: 0 0 0 0px;
    padding: 0px;
}

#begCourseList {
	margin-left: -28px;
}

.frontPageContentLeft ul {
    margin: 0 0 0 1.25em;
    padding: 0px;
}

.frontPageContentRight ul {
    margin: 0 0 0 1.25em;
    padding: 0 0 0 1.25em;
}