/* 
	File: base.css
	
	This is the base used for ALL public sites, as such it should be
	clean and simple, it should also be easy to overwrite any value
	(such as the height of a heading) and have the rest of the design
	still work nicely.
	
	Use base.css for what to build on top of
	
*/

/* ******************************************** */
html {
}
	
body {
	margin:0;
	line-height:18px;
	background-color: #E8E8E8;
}

h1, h2, h3 {
	clear:both;
}
h1 {
	font-size:3em;
	margin:0 0 18px;
}
h2 {
	font-size:2em;
	margin:0 0 0.7em;
}
h4, h5 {
	margin-bottom:0;
}
p {
	font-size:1.4em;
	margin:18px 0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

li {
	/*list-style:none;*/
}

hr {
	clear:both;
	margin:10px 0 15px;
	height:1px;
	border:none;
	border-bottom:1px solid #ccc;
}
hr.hidden {
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
}
table caption {
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
	position:absolute;
}
thead th, thead td, tfoot th, tfoot td, tr.summary th, tr.summary td {
	background:#C3D9FF none repeat scroll 0 0;
	font-weight:bold;
}
tbody th, tbody td {
	background:none;
	font-weight:normal;
}


/* ******************************************
 				CMS header
 ******************************************** */

#mother_container {
    background-color: #FFF;
}

#top_header {
    background-color: #404040;
    height:5px;
}

#cms_header {
	position:relative;
	display:block;
	margin:0;
	overflow:hidden;
}
#cms_header .header-image {
	position:relative;
	display:block;
	height:120px;
}
#menu{
	margin:0 0 20px 0;
	width:950px;
	overflow:hidden;
}
#menu li{
	float:left;
	list-style:none;
	text-transform:uppercase;
}
#menu a{
	display:block;
	padding:5px 10px;
	text-decoration:none;
}

#end_footer {
    background-color: #404040;
    height:5px;
}

#footer {
	border-top:1px solid #ccc;
	margin:10px 0;
	padding:10px 0;
	overflow:hidden;
	width:100%;
	clear:both;
}
#footer p{
	margin:10px;
	padding:10px;
}

/* ******************************************
 					Sections

Alignment and CSS for specific section content, designers usually
won't need to change this, and if they do it should not be in this file.

 ******************************************** */

.cms {
    clear: both;
}

/* headings */
.cms-mainheading {
	font-size:3em;
	margin:0 0 18px;    
	height: auto;
}
.cms-subheading {
	font-size:2em;
	margin:0 0 0.7em;
	height: auto;
}
.cms-image {
    
}

/* Text alignment */
.cms_text_left {
	text-align: left;
	padding: 0px 20px 15px 0px;
}
.cms_text_right {
	text-align: right;
	padding: 0px 0px 15px 20px;	
}
.cms_text_center {
	text-align: center;
}

/* Image alignment */
.cms_img_left {
	float:left;
	margin:3px 10px 10px 0;
}
.cms_img_right {
	float:right;
	margin:3px 0 10px 10px;
}
.cms_img_center {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

/* Text and Image alignment */
.cms_txt_n_img_left {
	float: left;
	padding: 0px 20px 15px 0px;
}
.cms_txt_n_img_right {
	float: right;
	padding: 0px 0px 15px 20px;
}
.cms_txt_n_img_center {
	display: block;
	margin-left: auto;
    margin-right: auto;
}