/* Entire page */

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
background: #dad5d2;
margin: 0;
padding: 0;
}


/*
h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
}
*/

h1 {
    font-size: 30px;
}

a {
color: #356b93;
text-decoration: underline;
}

#zone1 a:hover {
    color: #333;
    background: #eee;
}

#zone2 p a:visited {
    color: #655670; /* #3d5161; #728594;*/
}

a img {
    border: 0;
}

#zonemain, #zone3 {
    margin: 0 auto;
}

#zonemain {
    width: 960px;
    background: white;

    padding: 25px 0 30px 0; /* 25 not 30 due to image padding */
}

#zone1 {
    width: 195px;
    float: left;

    /* 5px padding as part of logo image if people use elsewhere */
    padding-left: 25px; 
    background: white;
}

#zone1 a:hover {
/*    background: inherit;*/
}


.logo {
    margin-bottom: 15px;
}


/* banner */
#prop2 {
    width: 680px;
    height: 270px;
background : transparent url('/_structure/images/conf_kevin.jpg') no-repeat scroll left top;
    margin-bottom: 15px;
}



#zone2 {
    float: left;
    width: 680px;

/* right encroaches slightly on 30-logo. 
   maybe make normal logo 190px wide instead of 195px*/
    padding-left: 25px; 

    padding-top: 5px; /* due to logo image padding */

/*    font-size: 16px;*/
}

.banner {
    position: relative;
    width: 100%; /* for ie6(?) http://css-tricks.com/text-blocks-over-image/ */
    overflow: hidden;
    margin-bottom: 35px;
}

/* make headline (link) underline when hovering over photo
   to highlight photo being a link */
.banner:hover a, .introbox:hover a {
    text-decoration: underline;
}
.image_overlay:hover a, .introbox_text:hover a {
    text-decoration: none;
}




.banner p {
    line-height: normal;
}

.banner h1 {
    font-size: 40px;
}

.clear {
    height: 1px;
    clear: both;
}

#zone3 {
    font-size: 10px;
    color: #888;

    width: 950px;
    padding: 5px;
    margin-bottom: 30px;
    text-align: right;
    clear: both;
}

#zone3 a{
color: #666;
}

#zone3 img {
    float: left;
}




.image_overlay {
    color: white;
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.5);

    position: absolute;
    left: 0;
    width: 90%;

    padding: 10px 5%;
}

.image_overlay_base {
    top: 50%;
    height: 50%;
}

.image_overlay_frontpage {
    top: 75%;
    height: 25%;
}

.image_overlay p, .introbox p {
    margin: 0;
}

.image_overlay a, .introbox a {
    color: white;
}

.image_overlay h1 a, .introbox h2 a {
    color: white;
    text-decoration: none;
}

.image_overlay a:hover, .introbox a:hover {
    background: none;
    text-decoration: underline;
}


/*
html
{
	background : white url('/_structure/images/htmlbg.gif') repeat-x scroll left 23px;
}

body {
	background : transparent url('/_structure/images/logo.png') no-repeat scroll left top;
	font-family : Verdana,Tahoma,Arial,Helvetica,sans-serif,FreeSans;
	margin : 0px;
	padding: 0px;
	font-size : 12px;
	color : #000000;
	text-align: left;
}

body.admin
{
    background: white none;
    text-align: left;
}

#screen
{
    width: 980px;
    text-align: left;
    border:0px solid black;
}


/* Zone divs */
/*
#zone0
{
	height: 140px;
	width:980px;
	border: 0px solid black;
	padding-bottom: 0px;
	margin-bottom:0px;
}

#zone1
{
	background : transparent url('/_structure/images/sidebg.gif') repeat-y scroll 11px top;
	top: 0px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 140px;
	height: 550px;
	border: 0px solid black;
	float: left;
}

#zone2
{
	top: 0px;
	width: 770px;
	margin: 5px 0px 0px 200px;
	padding: 0px;
	position: relative;
	border: 0px dashed black;
}


#zone3
{
	color: #000000;
	width: 980px;
	height:50px;
	font-size: 8pt;
	border-top: 1px solid #cf922f;
	margin: 10px 0px 0px 13px;
	padding-top: 3px;
	
}
*/
#search 
{
    top: 50px;
	width: 140px;
	float:right;
	margin: 0px 00px 0px 0px;
	border: 0px solid black;
}

/* Min height hacks */
/*#prop2
{
    height:400px;
    float:right;
    width:1px;
}
*/

#clear2
{
    clear:both;
    height:1px;
    overflow:hidden;
}