html,body {
	margin:0;
	padding:0;
	height:100%;
}

body {
    background: #E0F1FF;
    color: blue;
    font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif;
}

body.help {
    background: white;
    margin: 0 10%;
}

div.helpNoBanner {
    height: 85%;
    overflow-y: auto;
}

body.home {
    /*background: white;*/
}


div.summary {
    color: blue;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin-bottom: 1em;
    padding-left: 5px;
}

h1.summary, h2.summary {
    background-color: transparent;
    color: blue;
    font-size: 1.1em;
    font-weight: bold;
    font-style: italic;
    display: inline;
    padding-right: 1em;
}

div.summary a {
    font-weight: normal;
    font-style: normal;
}

span.highlight {
    font-weight: bolder;
}

.left {
    /*float: left;*/
}

.right {
    /*float: left;*/
}

div.section {
    clear: both;
}
div.sectionImage {
    float: left;
    margin: 20px 40px 0 40px;
}

div.sectionText {
    float: left;
    width: 60%;
}
div.sectionImage img.sample {
    width: 175px;
    border: none;
}

div.sectionText h2 {
    text-align: left;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
    color: #1D38DF;
    background-color: transparent;
}



.column {
}

.column h2.heading {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.column li {
    margin-top: 3px;
}

.column img.sample {
    width: 75%;
    max-width: 270px;
    margin: 1em 12% 1em 12%;
    border: none;
}

a.designlink {
    margin-left: 1em;
    margin-right: 1em;
}

a.designlink img {
    border: none;
    vertical-align: middle;
}

div.hidden {
    display: none;
}



div.centred {
    width: 95%;
    margin-left:auto;
    margin-right:auto;

    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:98%; /* real browsers */

}

div.column {
    font-size: 0.9em;
    padding-bottom: 1em;
    margin-left: 1%;
    margin-right: 1%;
    width: 26%;
    height: 39em;
    background-color: white;
    border: 3px solid #ccccff;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
}

div.header {
    position: relative;
    width: 95%;
    height: 70px; /* height of logo image */
    margin-left:auto;
    margin-right:auto;
    background-image: url(/images/logoGradient350.jpg);
    background-repeat: repeat-x;
    margin-bottom: 10px;
}

div.header img {
    border: none;
}

div.header div.links {
    position: absolute;
    top: 1.2em;
    right: 1em;
    text-align: left;
    color: white;
}

div.header div.links a {
    color: white;
    margin-left: 1em;
}

div.header div.links a:visited {
    color: white;
}

div.header div.links a:hover {
    color: yellow;
    text-decoration: underline;
}

div.footer {
    padding-top: 0.2em;
    /*border-top: 1px solid blue;*/
    text-align: center;
}

div.footer a {
    font-size: 0.8em;
    text-decoration: none;
    color: blue;
    padding-left: 1em;
    padding-right: 1em;
}

div.footer a:visited {
    color: blue;
}

div.footer a:hover {
    text-decoration: underline;
}

h2 {
    color: #fde22b;
    background-color: #1D38DF;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}

h3 {
    font-weight: bold;
    font-size: 1.2em;
}

.help li {
    margin: 10px;
    line-height: 1.2em;
}

span.button {
    color: black;
    background: #dddddd;
    padding: 0 2px;
    border: 1px solid black;

}