/*
Theme Name: Engage
Theme URI: http://simplercomputing.net
Description: Theme for the Engagenet.org site
Version: 1.0
Author: Mark Edwards (<a href="http://simplercomputing.net">Simpler Computing!</a>) and unknown others
*/
html, body {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    height: 100%;
    font-family: sans-serif;
}
body {
    background: url(gradient-bg.png) rgb(242,245,180) repeat-x;
}

fieldset { border:none; } 

legend { font-weight:bold; }

a:link { text-decoration: none; } 
a:visited { text-decoration: none; } 
a:hover { text-decoration: underline; } 
a:active { text-decoration: none; } 

#outer {
    position: relative;
    margin: 0 auto 0 auto;
    width: 855px;
}
#c3, #c4 {
    background-color: white;
}

#c3 {
/* position: relative; */
/*     bottom: 0; */
/*    padding-top: 15px; */
    height: 35px;
}

#c4 {
/*    position: absolute; */
/*     left: 0; */
/*     right: 0; */
/*     bottom: 0; */
    margin: 0 15px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    color: #ccc;
    text-align: center;
    font-size: 0.8em;
}
#graybox1 { 
	background: #ccc url(mlk-small.png) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	padding: 10px;
	padding-right: 135px;
	color:#fff;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
        font-style: italic;
        height: 99px;
}
#graybox2 { 
	background: #ccc url(julia-small.png) no-repeat 0 0;
	-moz-border-radius: 7px 7px 7px 7px;
	padding: 10px;
	padding-left: 145px;
	padding-top: 10px;
	color:#fff;
	font-weight: bold;
        font-size: 1em;
        font-style: italic;
        line-height: 1.2em;
        height: 89px;
}
#headerboxabout { 
	font-family: 'Times New Roman', Times;
	font-size: 1.1em;
	width: 480px;
	position: relative;
	top: 60px;
	left: 187px;
	color: #70779b;
	text-align: justify;
}
#headerbox { 
	font-family: 'Times New Roman', Times;
	font-size: 1.1em;
	width: 480px;
	position: relative;
	top: 65px;
	left: 70px;
	color: #54450d;
	text-align: justify;
}
#headerbox2 { 
	font-size: 0.8em;
	font-weight: bold;
	position: absolute;
	top: 299px;
	left: 75px;
	color: #54450d;
}
#headerbox_otm { 
	font-family: 'Times New Roman', Times;
	font-size: 1.1em;
	width: 480px;
	position: absolute;
	top: 448px;
	left: 110px;
	color: #70779b;
}
#headerbox2_otm { 
	font-size: 8pt;
	font-weight: bold;
	position: absolute;
	top: 603px;
	left: 210px;
	color: #54450d;
}
#headerbox_wyt { 
	font-family: 'Times New Roman', Times;
	font-size: 1.1em;
	width: 490px;
	position: absolute;
	top: 90px;
	left: 70px;
	color: #54450d;
}
#headerbox2_wyt { 
	font-size: 8pt;
	font-weight: bold;
	position: absolute;
	top: 269px;
	left: 247px;
	color: #54450d;
}
#headerbox_gfa { 
	font-family: 'Times New Roman', Times;
	font-size: 1.1em;
	width: 495px;
	position: absolute;
	top: 815px;
	left: 110px;
	color: #54450d;
}
#headerbox2_gfa { 
	font-size: 8pt;
	font-weight: bold;
	position: absolute;
	top: 924px;
	left: 275px;
	color: #54450d;
}
#gfalink { 
	color:#a5ca18; 
	text-decoration:none; 
}
a:hover#gfalink { 
	text-decoration:underline;
}
#aboutbox1 { 
	background: #fff url(about_wyt.png) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	color:#fff;
	padding: 9px 0 0 15px;
	font-size: 1em;
	height: 90px;
	width: 395px;
	line-height: 1.1em;
}
#aboutbox2 { 
	background: #fff url(about_otm.png) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	padding: 9px 0 0 15px;
	color:#fff;
	font-size: 1em;
	height: 90px;
	width: 400px;
	line-height: 1.1em;
}
#aboutbox3 { 
	background: #fff url(about_gfa.png) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	padding: 8px 0 0 15px;
	color:#fff;
	font-size: 1em;
	height: 90px;
	width: 395px;
	line-height: 1.2em;
}
#historybox1 { 
	background: #fff url(gray_box.jpg) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	padding: 10px 0 0 20px;
	color:#fff;
	font-weight: bold;
	line-height: 1.2em;
	height: 100px;
	width: 395px;
	
}
#historybox1b { 
	background: transparent url(book_starfish.jpg) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	margin: -120px 0 0 305px;
	color:#fff;
	font-size: 1em;
	
        height: 101px;
	width: 76px;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 0;
	position: absolute;
}
#historybox2b { 
	background: transparent url(book_pdc.jpg) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	margin: -120px 0 0 -5px;
	color:#fff;
	font-size: 1em;
	height: 101px;
	width: 76px;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 0;
	position: absolute;
}
#historybox3b { 
	background: transparent url(book_bu.jpg) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	margin: -120px 0 0 305px;
	color:#fff;
	font-size: 1em;
	height: 101px;
	width: 76px;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 0;
	position: absolute;
}
#historybox4b { 
	background: transparent url(book_cbl.jpg) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	margin: -120px 0 0 -5px;
	color:#fff;
	font-size: 1em;
	height: 101px;
        font-weight: bold;
	width: 76px;
	line-height: 1.2em;
	z-index: 0;
	position: absolute;
}


#historybox5b { 
	background: transparent url(book_mouse.jpg) no-repeat 0px 0px;
	-moz-border-radius: 7px 7px 7px 7px;
	margin: -120px 0 0 305px;
	color:#fff;
	font-size: 1em;
	height: 101px;
	width: 76px;
	line-height: 1.2em;
	font-weight: bold;
	z-index: 0;
	position: absolute;
}
.copyright a { color: #ccc; text-decoration:none }
.copyright a:hover { text-decoration:underline;  }
.whythis a { color: #f6430f; } 
#message { width: 99% } 


#contact_top {
        background: transparent url(contact_bg.jpg) no-repeat;
        width: 400px;
        height: 166px;
        margin-bottom: 10px;
}
#contact_bottom {
        background: transparent url(contact_bg2.jpg) no-repeat;
        width: 400px;
        height: 40px;
}
.main_formhead { color: teal; }