/* Text Version Only */
#skiplinks,
#banner h1,
#banner h2,
.custombanner,
.defaultview,
hr {
	display: none;
}

* { /* Reset all default padding and margin */
   padding:0;
   margin:0;
}

/* ----------- MAIN LAYOUT ----------- */
html,
body,
#wrapper {
	height: 100%;
	min-height: 100%;
}

html>body,
body>body,
#wrapper {height: auto;}

html {font-size: 101%;}

body {font-size: 0.625em; background-color:#FFFFCC;}

body * {margin: 0 auto;}  /* center body elements */

h1, h2, h3, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0 0.5em 0;}
li, dd {margin-left:5%;}
fieldset {padding: .5em;}
ul {list-style: square;}
li {margin-bottom: 0.1em;}

a {outline: 0; color: #0066CC;} /* FF removes dotted line around links */
a:link {text-decoration: underline; color: #0066CC;}
a:hover {text-decoration: none; color: #9C4122;}
a:visited {text-decoration: underline; color: #0066CC;}
a:visited:hover {text-decoration: none; color: #9C4122;}

img {border: 0;}

h1 {font-size: 1.8em; color: #9C4122;}
h2 {font-size: 1.6em; color: #0D6AAF;}
h3 {font-size: 1.4em; color: #001953;}

table {width: 100%;}
th {text-align: left;}
td {text-align: left;}

/*--------------------------------------------*/

#wrapper {
	font: 1.2em Arial, Helvetica, sans-serif;
	width: 900px;
	position: relative;
	border: 1px solid #AAA;
	border-top: none;
	border-bottom: none;
}

.brickGift {
	border: 2px dotted #00F;
}
.brickTable {
	float:left;
}
.brickHeader {
	font: 16px  bold Arial, Helvetica, sans-serif ;
	color:#000;
}

#header,
#header2,
#header3,
#header4,
#header5 {
	height: 200px;
	width: 900px;
}

#header {background: url(../images/header.jpg) no-repeat;}
#header2 {background: url(../images/header2.jpg) no-repeat;}
#header3 {background: url(../images/header3.jpg) no-repeat;}
#header4 {background: url(../images/header4.jpg) no-repeat;}
#header5 {background: url(../images/header5.jpg) no-repeat;}

ul#menu * {padding: 0; margin: 0;}
ul#menu
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 1.1em;
	position: relative;
	height: 50px;
	background: #9c4122 url(../images/graphics/bgnav.gif) repeat-x top left;
	/*background-color: #9c4122;*/
	padding-left: 30px;
}

ul#menu li {float: left;}

ul#menu li a:link,
ul#menu li a:visited
{
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
	font-weight: bold;
	padding: 10px 20px;
	display: block;
}

ul#menu li a:hover,
ul#menu li a:active
{
	color: #FFF;
	text-decoration: underline;
}

ul#menu li.active a:link,
ul#menu li.active a:visited,
ul#menu li.active a:hover,
ul#menu li.active a:active
{
	text-decoration: none;
	/*border-top: 2px solid #9d0000*/ /*#001953;*/
	color: #000;
	display: block;
	padding: 10px 15px;
	cursor: default; 
	background-color: #FFF;
	/*background: url(../images/graphics/tab.gif) repeat-x top right;*/
	border: 1px solid #AAA;
}
 
ul#menu ul.subnav {
	display: none;
	height: 33px;
	background: #FFF;
}

ul#menu li.active ul.subnav {
	display: inline;
	left: 0px;
	position : absolute;
	top: 35px;
	list-style: none;
	width: 890px;
	padding-left: 10px;
}

ul#menu li.active ul.subnav li a:link,
ul#menu li.active ul.subnav li a:visited,
ul#menu li.active ul.subnav li a:hover,
ul#menu li.active ul.subnav li a:active {
	border: none;
	padding: 15px 12px 10px 12px;
	color: #555;
	background: none;
}
ul#menu li.active ul.subnav li {float: left;}
ul#menu li.active ul.subnav li a:hover {text-decoration: underline; cursor: pointer;}

#content {
	padding: 10px 20px 120px 20px;
	margin-top: 15px;
	background-color:#FFF;
}

#content-nopad {
	padding: 10px 20px 120px 20px;
	margin-top: 15px;
	background-color:#FFF;
}

#footer {
	clear: both;
	background-color: #C7C3C1;
	height: 90px;
	position: absolute;
	bottom: 0;
	padding: 0 20px;
	border-top: 10px solid #9C4122;
	width: 862px;
}

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

/*------------------------------------*/

#welcome {
	width: 380px;
	float: left;
	/*background-color: #999999;*/
}
#sponsorachild {
	width: 470px;
	height: 220px;
	float: right;
	background-image: url(../images/sponsorachild_blue.jpg);
	position: relative;
	/*background-color: #99FF99;
	padding: 10px;*/
}

#sponsorachild a {
	position: absolute;
	height: 46px;
	width: 119px;
	bottom: 28px;
	left: 23px;
	display: block;
	background: url(../images/graphics/btn_spchild_on.gif) no-repeat;
}

#sponsorachild a:hover {background: url(../images/graphics/btn_spchild_hover.gif) no-repeat;}

#sponsorabrick {
	width: 470px;
	height: 220px;
	float: right;
	background-image: url(../images/sponsorabrickbkground.jpg);
	position: relative;
	/*background-color: #99FF99;
	padding: 10px;*/
}

#sponsorabrick a {
	position: absolute;
	height: 46px;
	width: 119px;
	bottom: 28px;
	left: 23px;
	display: block;
	background: url(../images/graphics/btn_spbrick_on.gif) no-repeat;
}

#sponsorabrick a:hover {background: url(../images/graphics/btn_spbrick_hover.gif) no-repeat;}

.panel {
	width: 260px;
	margin: 0 5px;
	padding: 10px;
	float: left;
	background-color: #0D6AAF;
	overflow: hidden;
}

.panel h2 {margin-top: 0; color: #FFF;}

.floatleft {float: left; margin-right: 10px;}
.floatright {float: right; margin-left: 10px;}