/* CSS Document */

/*//////////////// created by John Benedict ////////////////*/
/*/////////////// john@benedictgraphico.com ////////////////*/

@import "reset.css";
@import "nav.css";

/*
-------------------------------------------------------------------------------- */
html, body 		{ }

body    		{ margin: 0 auto; background: #a9dde8 url(../imgs/blueGrad-bg.gif) repeat-x;
				font-family: Arial, sans-serif; text-align: center; }

a				{  }
a:hover			{ text-decoration: none; }

em				{ font-style: italic; }

form input		{ vertical-align: middle; }

#wrap-sky,
#wrap-grass		{ float: left; text-align: center; width: 100%; }

#wrap-grass		{ padding-top: 24px; background: #8fbf2a url(../imgs/grass-bg.gif) top left repeat-x; }

.page			{ margin: 0 auto; width: 900px; text-align: left; }

.install		{ font-size: 12px; width: 65%; }


/* HEADER
-------------------------------------------------------------------------------- */
#header			{ float: left; width: 900px; }

#header h1		{ padding: 18px 0; font-size: 24px; font-weight: bold; }
 
#header h1 a	{  }


/* CONTENT
-------------------------------------------------------------------------------- */
#content		{ float: left; width: 900px; }


/* DARK GREEN BOX - in the grass
-------------------------------------------------------------------------------- */
.drkGrnBox		{ background: #73aa2a url(../imgs/drkGrnBox-bg-top.gif) top left no-repeat;
				float: left; margin: 18px 0 0 10px; padding: 15px 40px; width: 800px; }
.drkGrnBox-btm	{ background: #73aa2a url(../imgs/drkGrnBox-bg-btm.gif) bottom left no-repeat;
				float: left; margin-left: 10px; display: block; height: 10px; width: 880px; }

.drkGrnBox h4	{ font-size: 18px; color: #fff; font-weight: bold; }


/* DARK BLUE BOX - in the grass
-------------------------------------------------------------------------------- */
.drkBlueBox		{ background: #069 url(../imgs/drkBlueBox-bg-top.gif) top left no-repeat;
				float: left; margin: 18px 0 0 10px; padding: 15px 40px; width: 800px; }
.drkBlueBox-btm	{ background: #73aa2a url(../imgs/drkBlueBox-bg-btm.gif) bottom left no-repeat;
				float: left; margin-left: 10px; display: block; height: 10px; width: 880px; }

.drkBlueBox h4	{ font-size: 18px; color: #fff; font-weight: bold; }


/* FOOTER
-------------------------------------------------------------------------------- */
#footer			{ float: left; width: 900px; text-align: center; padding: 18px 0 36px;
				font-size: 12px; line-height: 18px; font-weight: bold; color: #fff; }

#footer a		{ text-decoration: none; }
#footer a:hover	{ text-decoration: underline; }

#footer h2		{ font-size: 18px; color: #fff; font-weight: bold; 
				padding-bottom: 18px; }

#footer ul		{ float: left; width: 900px; padding-top: 18px; border-top: 1px solid #acce5f; }
#footer p		{ float: left; width: 900px; padding-top: 6px; }
#footer li		{ list-style: none; display: inline; }
#footer li a	{ padding-right: 6px; margin-right: 3px; border-right: 1px solid; color: #fff; }

.noBrdr			{ border: none !important; 
				padding-right: 0 !important; margin-right: 0 !important;  }