html {
  height:100%;
}

body {
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    min-width:700px;    /* Minimum width of layout - remove line if not required */
                        /* The min-width property does not work in old versions of Internet Explorer */
    width: 100%;
  height:auto !important;
  height:100%;
  min-height:100%;
    text-align: left;
    font-size: 12px;
    font-family: "DejaVu Serif", "Bitstream Vera", "Times", "Times New Roman", serif;

}





#page {
/*    width: 100%;*/
/*    width: 720px; */
    width: 960px;
    max-width: 100%;

    margin: 0 auto;
    min-height:100%;
/*    height: 100%; */
    position:relative;
}

#header {
/*    clear:both;
    float:left;*/
    width:100%;

    position:relative;      /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    overflow:hidden;    /* This chops off any overhanging divs */
}

#header h1 {
    padding: 0;
    padding-left: 16px;
}

#header h1 span.subtitle {
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 50%;
}

#mainmenu {
    clear:both;
    float:left;
    width:100%;

    font-size: 125%;
    font-weight: bold;
}

#columns-container {
/*
    margin : 0 10px 10px 10px;
    padding: 0 10px;
    overflow: hidden;
*/
        position:relative;      /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        clear:both;
/*        float:left;*/
        width:100%;         /* width of whole page */
        overflow:hidden;    /* This chops off any overhanging divs */
/*
    min-height: 50%;
    padding-bottom:64px;   /* Height of the footer */
}

#footer {

    clear:both;
/*    float:left;*/
    width:100%;

        position:relative;      /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        overflow:hidden;    /* This chops off any overhanging divs */

/*   position:absolute;
   bottom:0;    */
   width:100%;
   height:32px;   /* Height of the footer */
    font-size: 10px;
}

#footer div {
    padding: 1em;
}

#footer div.foottext {
    text-align: right;
}


ul#mainmenu {
	margin: 0;
	padding: 0 10px;
	height: 32px;
}

ul#mainmenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline;
	float: left;
}

ul#mainmenu li a {
	float: left;
	height: 32px;
	display: block;
	line-height: 32px;
	vertical-align: middle;
	padding: 0 10px;
	text-decoration: none;
}

ul#mainmenu li a:hover, ul#mainmenu li a.active {

}

ul#mainmenu li.first a {

}

ul#mainmenu li.first a:hover, ul#mainmenu li.first a.active {

}

ul#mainmenu li.loginlogout
{
    float: right;
    right: 20px;
}

ul#mainmenu li.loginlogout a:hover
{

}


/* 
    two columns, main at the left (blog style)
*/

#center-column {
    float: left;
    width: 74%;
}

#left-column {
        float:right;
        width:24%;
        position:relative;
        right: 0px;
}

/*
    uncomment the following block to position the left column to the left :)))
*/
/*
#columns-container-inner {
        float:left;
        width:200%;
        position:relative;
        left:200px;

        border-left: dotted 1px #C0C0C0;
}

#center-column {
        float:right;
        width:50%;
        position:relative;
        right:200px;
        padding-bottom:1em;
}

#center-column-content {
        margin:0 15px 0 215px;
        position:relative;
        right:100%;
        overflow:hidden;
}

#left-column {
        float:left;
        width:199px;
        position:relative;
        right:200px;
}*/

#left-column-content {
/*        position:relative;
        right:100%; 
        overflow:hidden;*/
        position:relative;
        padding: 1px;
        margin: 1px;
}

div.node div.content {
    text-align: justify;
}




div.sidebar {
  border: 1px solid #cce;
  background-color: #eee;
  margin: 0;
  margin-top: 10px;
  padding: 0 10px;
/*  float: left;    */
  width: 100%;
  font-size: 88%;

/*    clear: right; */
/*
    position: absolute;
    right: -100px;
    top: -10px;
*/
}

div.sidebar ul, ul#nodelist {
    padding: 0;
    padding-left: 2em;
}



h1, h2, h3, h4, h5, h6 {
    text-align: left;
}