/* 
    Document   : sectioned
    Created on : Mar 31, 2010, 12:33:21 PM
    Author     : ketso
    Description:
        UI for pages consisting of sections.
*/

div#main a {
	color: #30a1cb;
}

div#main p {
	font-size: 1.1em;
	text-align: justify;
}

div#main p.lead {
	font-size: 1.3em;
}

div#main div.segment {
	margin-top: 2em;
	overflow: auto;
}

div#main div.segment h2 {
	margin: 0 0 -0.3em 0;
	border-bottom: 0.1em solid #777777;
	padding-top: 1em;
	font-weight: normal;
	color: #777777;
	clear: both;
}

div#main div.segment div.imageGroup {
	margin-left: 13em;
}

div#main div.segment div.imageGroup div.image {
	margin-top: 2em;
	width: 32em;
	float: left;
}

div#main div.segment div.imageGroup div.image img {
	margin-right: 1em;
	border: 0.1em solid black;
	float: left;
}

div#main div.segment div.imageGroup div.image h3 {
	margin-bottom: 0.4em;
}

div#main div.segment div.imageGroup div.image div.description {
	margin-bottom: 0.4em;
}

div#main div.segment div.imageGroup div.image a {
	display: block;
}

div#main div.segment div.document {
	margin-top: 2em;
}

div#main div.segment div.document div.icon {
	width: 13em;
	text-align: center;
	float: left;
}

div#main div.segment div.document div.icon a {
	font-size: 1.1em;
}

div#main div.segment div.document div.icon a img {
	border: 0
}

div#main div.segment div.document div.description {
	padding-top: 0.1em;
}