html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}


body {
	background-color: #D7E6E5;
	margin: 0px;
	text-align: center;
	font-size: 62.5%; /* Resets 1em to 10px 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;


}
#wrapper {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
}
#description {width: 960px; height:1px;}
#description h1 {text-indent:-10000px;}
*html #description {display:none;}

#header {
	background-image: url(images/header.jpg);
	height: 168px;
}
#homesearch {
	float: right;
	width: 250px;
	margin:10px 0 0 0;
}

#homesearch form label.screen-reader-text {font-size: 12px; font-weight:bold; color:#603;
}

#header #headbuttons {
	float: right;
	height: 127px;
	width: 141px;
	margin-right: 20px;
	margin-top: 10px;
}

*html #headbuttons {cursor:pointer;}

#header #headbuttons img {
	margin: 5px 0px;
}

#infolink {width:141px; cursor:pointer; height:60px; background:url(images/info-btn.png) 0px 0px no-repeat; margin:0; padding:0;}
#infolink:hover {background:url(images/info-btn.png) 0px -60px  no-repeat;}
#infolink h3 {font-size: 40%; text-indent:-2000px;}

#contactBtn {width:141px; cursor:pointer; height:30px; background:url(images/contact-btn.png) 0px 0px  no-repeat; margin:5px 0; padding:0;}
#contactBtn:hover {background:url(images/contact-btn.png) 0px -30px no-repeat;}
#contactBtn p {font-size: 40%; text-indent:-2000px;}

#contributeBtn {width:141px; cursor:pointer; height:30px; background:url(images/contrib-btn.png) 0px 0px  no-repeat; margin:10px 0; padding:0;}
#contributeBtn:hover {background:url(images/contrib-btn.png) 0px -30px no-repeat;}
#contributeBtn p {font-size: 40%; text-indent:-2000px;}


/************ graphics banner section *******************/
#graphicsband {
	background-color: #E3DABD;
	height: 193px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#graphicsband .graphicsbox {
	background-image: url(images/box1.png);
	float: left;
	height: 175px;
	width: 280px;
	margin-left: 15px;
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px;
}
#graphicsband .graphicsbox2 {
	background-image: url(images/graphicsbox2.png);
	float: left;
	height: 175px;
	width: 280px;
	margin-left: 15px;
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px;
	color: #306;
}
*html #graphicsband div.graphicsbox2 h2{font-size:110%;}
*html #graphicsband div.graphicsbox2 h3{font-size:110%;}

#graphicsband .graphicsbox3 {
	background-image: url(images/graphicsbox3.jpg);
	float: left;
	height: 175px;
	width: 280px;
	margin-left: 15px;
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px;
}
.box1text {
	color:#990066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	line-height: 125%;
	font-weight: bold;
}
h2.box1text {
	font-size: 1.7em;
	line-height: 130%;
	color:#520565;
}
h3.box1text {
	font-size: 1.4em;
	line-height: 130%;
	font-weight:normal;
	color:#313131;
}
/************ end of graphics banner *******************/
#maincontent {
	background-color: #FFFFFF;
	height: 80%;
	padding-right: 5px;
	padding-left: 5px;
}

#maincontent .halfpanel {
	padding: 10px;
	float: left;
	width: 440px;
	/*margin-top: 10px;
	margin-left: 10px;*/
}

#maincontent .newspanel {
	float: left;
	width: 438px;
	margin-top: 10px;
	margin-left: 20px;
}

div.homeTopRightPanel {
border:3px solid #FBB040;
color:#FBB040;
}

div.homeTopRightPanel p {
		margin:0 10px 10px 5px;
		color:#FBB040;
	font-size: 1.2em;
}

div.homeTopRightPanel p a, div.homeTopRightPanel p a:link, div.homeTopRightPanel p a:visited {

	font-weight:normal;
	line-height: 160%;
	color:#FBB040;
	font-family:Arial, Helvetica, sans-serif;

}
div.homeTopRightPanel p a:hover, div.homeTopRightPanel p a:active { color:#E29C40; text-decoration:underline;}

div.homeTopRightPanel p.discussionTitle a, div.homeTopRightPanel p.discussionTitle a:link, div.homeTopRightPanel p.discussionTitle a:visited{
	font-size: 1.3em;
	font-weight:bold;
	line-height: 150%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div.homeTopRightPanel p.discussionTitle a:hover {text-decoration:none; color:#E29C40;}

.paneltitle {
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
}
.discussionTitle {
		font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	background-color:#FBB040;
	padding:2px 4px;
	width: 280px;
}

#maincontent #leftpanel {
	background-color: #AC1F5C;
	padding: 10px;
	float: left;
	width: 440px;
	margin-top: 0px;
	margin-left: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	
		border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;

}

#leftpanel .leftpanelbox {
	background-image: url(images/leftpanel-bg.jpg);
	background-repeat: repeat-y;
	padding: 10px;
	height: 80px;
	width: 420px;
	margin-top: 10px;
	margin-left: 0px;
}
.leftpanelbox h3, .leftpanelbox h3 a, .leftpanelbox h3 a:link,
.rightpanelbox h3, .rightpanelbox h3 a, .rightpanelbox h3 a:link {
	font-size: 1.2em;
	font-style: none;
	font-weight: bold;
	color:#414142;
	text-decoration:none;
}

.rightpanelbox h3 a:hover, 
.leftpanelbox h3 a:hover{color:#414142;text-decoration:underline;}
.rightpanelbox h3 a:active, 
.leftpanelbox h3 a:active{color:#414142; text-decoration:underline;}
.rightpanelbox h3 a:visited, 
.leftpanelbox h3 a:visited{color:#414142;}
.leftpanelbox img, .rightpanelbox img{
	margin-right: 20px;
}

#maincontent #rightpanel {
	background-color: #359884;
	padding: 10px;
	float: left;
	width: 440px;
	margin-top: 0px;
	margin-left: 10px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
			border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;

}

#rightpanel .rightpanelbox {
	background-image: url(images/rightpanel-bg.jpg);
	background-repeat: repeat-y;
	padding: 10px;
	height: 80px;
	width: 420px;
	margin-top: 10px;
	margin-left: 0px;
}
.clearfix {clear:both; height:5px;}
.clearmaincontent {
	clear:both;
	height:5px;
}
#dyscoverypanel p{
	font-size: 1.4em;
	color: #FFFFFF;
	font-weight:bold;
	background-image: url(images/free-panel.png);
	background-repeat: no-repeat;
	margin:0 0 0 150px;
	width:280px;
	height:90px;
	padding:10px;
}
/************* footer ******************/

#footer {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 5px;
}


#footer .footpanela {
background-color: #79327E;
	padding: 5px;
	float: left;
	width: 290px;
	margin-left: 10px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
			border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	}
#footer .footpanela p {
}
#footer .footpanela p {
	font-size: 1.1em;
	font-weight: 100;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.imgMargins {
	margin: 0 10px 10px 0;
}

#footer .footpanel2 {
	padding: 5px;
	float: left;
	height: 150px;
	width: 290px;
	margin-left: 50px;
	background-image: url(images/waterloo-home.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#footer .footpanel3 {
	padding: 5px;
	float: right;
	height: 45px;
	width: 200px;
	margin-left: 30px;
}


.boldpurpletxt {
	font-size: 120%;
	font-weight: bold;
	color: #8D0296;
	font-family: Arial, Helvetica, sans-serif;
}


#footer .footpanela a, #footer .footpanela a:link, #footer .footpanela a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}


#footer .footpanela a:hover {
	color: yellow;
}

#facebook {
	width:53px; height:149px;
	border:2px solid #ffffff;
	background-image: url(ideas/wp-content/themes/box_of_ideas/images/facebook.png) ;
	background-position: -56px 0px;
	position:fixed;
	right:-2px;
	top:200px;
	z-index:10000;
}
#facebook:hover {
	background-position: 0px 0px;
	cursor:pointer;
}
#facebook p {text-indent:-5000px;}
	
#twittertab {
	width:53px; height:149px;
	border:2px solid #ffffff;
	background-image: url(ideas/wp-content/themes/box_of_ideas/images/twitter.png) ;
	background-position: -56px 0px;
	position:fixed;
	right:-2px;
	top:346px;
	z-index:10000;
}
#twittertab:hover {
	background-position: 0px 0px;
	cursor:pointer;
}
#twittertab p {text-indent:-5000px;}

#graphicsbandhome {
	background-image: url(images/big-box-bg.jpg);
	background-repeat: repeat-x;
	padding-right: 5px;
	padding-left: 5px;
}

#dyscoveryCentre, #homeNewsPanel{
	padding: 10px;
	float: left;
	width: 434px;
	height:220px;
	overflow:auto;
	margin-top: 10px;
	margin-left: 10px;
	background-color:#FFF;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	
}
#dynamicboxes {
	background-color: #FFC;
}
#graphicsbandhome h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 140%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-right: 290px;
	margin-left: 38px;
}

.homeTopLeftPanel {
border:3px solid #FBB040;
color:#263D95;
}
.homeTopLeftPanel h1, .homeTopLeftPanel h2, .homeTopLeftPanel h3 .homeTopLeftPanel h4 .homeTopLeftPanel p {
margin:0 0 20px 0;
}

.homeTopLeftPanel img {margin-top:10px;}