@charset "utf-8";
/* CSS Document */
/* CSS document developed for Clues & Co by Julie Vaccalluzzo*/
/*
Clues & Co colours
Green:			#72c056
Dark gray:		#353535
Off white:		#f6f6f6
Light Green:	#b8eaa7
Dark Green:		#1c3911
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend/*,
table, caption, tbody, tfoot, thead, tr, th, td - alex - table on phone/SIM page wasn't displaying properly */ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit; alex - commented out so that <strong> tags are recognized */
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
} alex - table on phone/SIM page wasn't displaying properly */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* General*/
body, html {
	height:100%;
}
body {
	background: #333333 url(images/light/bg.png) repeat-y center;
	color:#000; /*#f6f6f6; alex*/
	font:11px/1.5  Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	
}
#wrapper_outer {
	background:url(images/light/bg_wrapper_inner.png) repeat-x top left;
	min-height:100%; /*height for the footer */
	_height: 100%; /* alex - positions footer correctly in IE */
	position:relative;
}

/* alex - solves disappearing menu problem in IE */
#wrapper_outer {
	width: 100%;
}
/* end alex */

#wrapper {
	background:url(images/light/bg_wrapper.png) no-repeat top center;
	margin:0 auto;
	padding-bottom:175px; /*space for the footer*/
}
#container {
	margin:0 auto;
	padding: 0; /*35px; alex*/
	width: 930px;
}
h1, h2, h3, h4 {
	margin:15px 0 5px 0;
}
	
h1, h2{
	font:1.5em/1.5 sans-serif; /*font:2em/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; alex*/
	font-weight: bold;
}

/* alex */
h2.contentheading {
	font:2em/1.5 sans-serif;
}
/* end alex */

h3, h4 {
	font-weight:bold;
	letter-spacing:-0.08em;
}
p {
	margin:23px 0;
}
a {
	color:#00F;/*#72c056; alex*/
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#main ul {
	margin-left:35px;
}
#main ul li {
	background: url(images/bullet.gif) no-repeat left center;
	line-height:2em;
	padding-left:15px;
}
/* Header */
#logo{
	padding: 0; /*padding:35px 0 25px 0; alex */
	height: 108px; /* prevents whitespace underneath logo - alex */
	margin:0;
	_margin-bottom: -51px; /* fix for IE8 */
	*margin-bottom: -51px; /* fix for IE7 */
}
.unseen {
	display:none;
}
#fontsize {
	float:right;
}
.search {
	float:right;
	margin:23px 0;
}
/*Navigations*/
#mainlevel-nav{
	background-color:#72c056;
	height:28px;
	margin:0 -35px;
}
#mainlevel-nav li {
	color:#1c3911;
	display:inline-block;
	height:28px;
	font:1.7em/1.5  sans-serif;/*"Palatino Linotype", "Book Antiqua", Palatino, serif; alex*/
	line-height:28px;
	margin-right:15px;
	padding:0 0 0 15px;
}
#mainlevel-nav li a {
	color:#1c3911;
}
#mainlevel-nav li a:hover {
	color:#b8eaa7;
	text-decoration:none;
}
#breadcrumbs{
	padding:15px 0 0;
	clear:both;
}
#breadbrumbs p {
	margin:0;
}

/* alex - fixing breadcrumbs left padding in IE */
#breadcrumbs {
	padding-left: 35px;
}
html>body #breadcrumbs {
	padding-left: 0px;
}
/* end alex */

/*Content syles */
.contentpaneopen{
	margin:15px 15px 15px 0;
	background: url(images/marker.gif) no-repeat bottom right;
}
.unsichtbar,.u2,.invisible , .unseen
{
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0px;
	z-index: 200;
}

/* ###############  main * ########################### */
/* position */
.leading{
	background: url(images/marker.gif) no-repeat bottom right;
	padding:0 0 15px 0;
}
.leading_separator{
	border-bottom: solid 0px #333333;
	display: block;
	height: 10px;
	margin: 0 0 0px 0;
}
.article_separator{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}
.blog { 
	padding: 0; 
}
.cols1{
	display: block;
	float: none !important;
	margin: 0 !important;
}
.cols2 { 
	width: 45%;
}
.cols3 { 
	width: 30%;
}
.column1 , .column2{
	position: relative;
}
.column2 , .column1{
	float: left;
	margin: 0;
}
.column2{
	float: right;
	margin: 0;
	width: 45%;
}
.article_row{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: hidden;
}
.article_column{
	background:url(images/hr.gif) repeat-x bottom left;
	border: solid 0px #ccc;
	padding: 10px 10px 10px 0;
}
.row_separator2{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0px;
}
/*Footer */
#footer {
	background-color:#353535;
	border-top:1px solid #9a9a9a;
	color:#9a9a9a;
	/*height:110px; alex*/

	/* alex - this was causing horizontal scrolling.
	padding: 25px 70px 15px 70px;*/

	width: 100%;
	position:absolute;
	bottom:0;

	padding: 0 0 20px 0;
}

#footer .wrap {
	margin:0 auto;

	width: 860px;
}
#footer ul {
	margin:0;
	padding:0;
}

#footer ul li{
	margin:0;
	padding:0;
	line-height:1em;
	display:inline-block;
	width: 270px;
}

/* alex - to make footer display correctly in IE */
#footer ul li {
	display: inline;
}
#footer ul>li {
	display: inline-block;
	*display: inline; /* alex - fixes footer in IE7 */
}
/* end alex */

#system-debug{
	color:#333333;
	background-color:#CCCCCC;
	padding:28px;
}

/* alex */
#footer-form p {
	margin: 10px 0;
}

#footer-form .submit {
	margin: 10px 0 0 0;
}

/* IE left padding fix */
#wrapped {
	padding-left: 35px;
}
html>body #wrapped {
	padding-left: 0px;
}

#footer .wrap {
}
#footer li.address {
}
#footer li.logo1 {
	width: 85px;
}
#footer li.logo2 {
	width: 78px;
}
#footer li.logo3 {
	width: 78px;
}
#footer li.logo4 {
	width: 70px;
}
#footer li.form {
	width: 250px;
}
#footer li.copyright {
	width: 320px;
	margin-top: 10px;
}

/* Commented out since we're no longer using an
   image for the submit button - alex
#footer-form .submit {
	position: relative;
	top: 4px;
	_top: 2px; *//* for IE *//*
	left: 10px;
}*/

/* Colors for testing *//*
#footer .wrap        { background-color: blue;  }
#footer li.address   { background-color: #F00;  }
#footer li.logo1     { background-color: #F66;  }
#footer li.logo2     { background-color: #FAA;  }
#footer li.logo3     { background-color: #FFF;  }
#footer li.logo4     { background-color: #AAF;  }
#footer li.form      { background-color: green; }
#footer li.copyright { background-color: #66F;  }*/

/* Remove 1px space below footer in IE */
#footer {
	_margin-bottom: -1px; /* for IE only */
}

/* Make text in the content area slightly larger */
#wrapped {
    font:12px/1.5  Verdana, Geneva, sans-serif;
}

/* end alex */