/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

/******** Main white container boxes ********/
.boxcontainer {
	position: relative;
	float: left;
	width: 99%;
	margin-top: 10px;
	/* max-height: 1600px; */
}

.boxheader, .boxcentre, .boxtitle {
	position:relative;
	margin:0 auto;
	min-width:8em;
	max-width:1100px;
	color:#222;
	z-index:1;
	margin-left:18px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under boxcentre */
}

.boxtitle {
	margin-left: 6px;
	width: 75%;
}

.boxheader {height: 150px}

.boxheader a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border-style: none;
}

.boxheader a:link, .boxheader img {border-style: none;}

.boxcentre .content,
.boxcentre .t,
.boxcentre .b,
.boxcentre .b div {
	background:transparent url(../images/whtmain.png) no-repeat top right; /* (boxcentre2-blue-800x1600.png) no-repeat top right; */
	_background-image:url(../images/whtmain.gif);
}

.boxheader .content,
.boxheader .t,
.boxheader .b,
.boxheader .b div {
	background:transparent url(../images/whtheader.png) no-repeat top right; /* (boxcentre2-blue-800x1600.png) no-repeat top right; */
	_background-image:url(../images/whtheader.gif);
}

.boxtitle .content,
.boxtitle .t,
.boxtitle .b,
.boxtitle .b div {
	background:transparent url(../images/pink-bar.png) no-repeat top right; /* (boxcentre2-blue-800x1600.png) no-repeat top right; */
	_background-image:url(../images/whtmain.gif);
}

.boxheader .content,
.boxcentre .content,
.boxtitle .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 18px 0px 0px;
}

.boxtitle .content {
	padding: 0px 6px 0px 0px;
}

.content {height: 90%;} /* parent container (.boxcentre in this case) needs to have a height set in 'px' first */

.boxheader .t,
.boxcentre .t,
.boxtitle .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:18px; /* top slice width */
	margin-left:-18px;
	height:100%;
	_height:2100px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.boxtitle .t {
	/* top+left vertical slice */
	width:6px; /* top slice width */
	margin-left:-6px;
}

.boxheader .b,
.boxcentre .b,
.boxtitle .b {
	/* bottom */
	position:relative;
	width:100%;
}

.boxheader .b,
.boxheader .b div,
.boxcentre .b,
.boxcentre .b div {
	height: 25px;   /* 30px; /* height of bottom cap/shade */
	font-size:1px;
}

.boxtitle .b,
.boxtitle .b div {
	height:6px; /* height of bottom cap/shade */
	font-size:1px;
}

.boxheader .b,
.boxcentre .b,
.boxtitle .b {
	background-position:bottom right;
	width: 100%;
}

.boxheader .b div,
.boxcentre .b div {
	position:relative;
	width:18px; /* bottom corner width */
	margin-left:-18px;
	background-position:bottom left;
}

.boxtitle .b div {
	position:relative;
	width:6px; /* bottom corner width */
	margin-left:-6px;
	background-position:bottom left;
}

.boxheader .hd,
.boxheader .bd,
.boxheader .ft,
.boxcentre .hd,
.boxcentre .bd,
.boxcentre .ft,
.boxtitle .hd,
.boxtitle .bd,
.boxtitle .ft {
	position:relative;
	overflow: hidden;
}

.boxcentre .bd p {
	margin: 0;
	text-indent: 40px;
}

.boxcentre .bd ul {
	padding-left: 40px;
}

.boxheader .wrapper,
.boxcentre .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:2900px;
	/* overflow:scroll; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.boxheader h1,
.boxheader p,
.boxcentre h1,
.boxcentre p,
.boxtitle h1,
.boxtitle p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding: 0.5em 0px 0.5em 10px;
}

.boxtitle h3 {
	margin: 0;
	padding: 4px 20px;
}

/* .boxheader h1,
.boxcentre h1,
.boxcentre h2,
.boxcentre h3,
.boxcentre h4,
.boxcentre h5,
.boxcentre h6,
.boxtitle h1 {
	padding-bottom:1em;
	padding-top: 1.5em;
	text-align: center;
} */

/********** content container boxes ***************/
.boxleft {
	float: left;
	width: 71%;
	margin: 20px 0;
	padding-right: 10px;
	border-right: 3px ridge #eee;
}

.boxright {
	float: right;
	width: 26%;
	margin: 20px 0;
	height: 100%;
}

.boxright {
	margin: 10px 5px 10px 0;
}

#infobox {
	padding: 0 5px;
	width: 95%;
}

#infobox p, #infobox a {
	font-size: 85%;
	display: block;
	text-decoration: none;
	padding: 0 5px;
}

#infobox a:hover {
	background-color: #ecadc5; /* #F59ADA; */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#infobox ul {
	list-style-type: none;
	padding-left: 10px;
}

#infobox .current {
	background-color: #ecadc5;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/************** Image Gallery boxes **************/
#gallerycontent {
	float: left;
	width: 720px;
	border-left: 1px solid #cccccc;
}

.galleryleft {
	float: left;
	width: 20%;
	margin: 10px 0;
	padding: 5px 10px;
	border-right: 3px ridge #eee;
}

.galleryright {
	float: left;
}

.galleryleft ul {
	padding-left: 20px;
}

.samplebox {
	margin: 5px 5px 20px 5px;
	background-color: #eee;
	padding: 5px;
	border: 1px solid #993333;  /* 1px solid #bbbbbb; */
	width: auto;
	float: left;
}

.samplebox a:link {
	display: block;
	text-decoration: none;
}

.samplebox img {
	border: 1px solid #bbbbbb;
	margin: 0;
	height: 90px;
	width: 90px;
}

.samplethumbbox {
	border: 2px solid #bbb;
	background-color: #222; /* white; */
	padding: 8px;
}

.thumbbox {
	margin: 0 15px 20px 15px;
	background-color: #eee;
	padding: 0 10px;
	border:	1px solid #993333; /* 1px solid #bbbbbb; */
	clear: left;
	float: left;
}

.thumbbox h5 {
	float: left;
	margin-left: 10px;
}
	
.thumbbox a:link {
	color: #334d55;
	margin-right: 10px;
}

.thumbboxheading {
	float: left;
	padding: 0;
}

.returnlink {
	float: right;
	padding: 8px 20px 5px 0;
}

#sponsorimgbox {
	position: absolute;
	background-color: transparent;
	/* background: transparent url(../images/spimg-bkgnd.png) no-repeat top right; */
	top: 6px;
	/* left: 75%; */
	right: 40px;
	width: 262px;
	height: 138px;
	z-index: 100;
	text-align: center;
}

/********** Sponsor Logo box **************/
#logobox {
	float: right;
	width: 260px;
	margin-right: 20px;	
}

/*********** Twitter box ***********/
#twitterbox, #bloglist {
	float: left;
	background-color: transparent;
	font-size: .9em;
	line-height: 1.2em;
	width: 94%;
	padding: 0;
	margin: 0 0 10px 5px;
	clear: right;
}

#twitterbox img {
	margin: 5px 5px 0 10px;
	border: none;
}

#twitter_div a {text-decoration: none;}
#twitter_div a:link {text-decoration: none; color: none;}
#twitter_div a:hover {text-decoration: none;}

#twitter_div ul {
	margin: 10px;
	padding: 0;
	color: #444; /* white; */
	position: relative;
    background-color: transparent; /* #444444; */
    list-style: none;
    font-family: Helvetica, sans-serif;
}

#twitter_div ul li {
	padding: 5px 10px;
	/* added by me */
	margin: 5px 0px 10px 0px;
	/********/
	background-color: #ecadc5; /* #f783c2;  /* #66CCFF; */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#twitter_div ul li.first { font-size: 1.2em; font-weight: bold; }
#twitter_div ul li.even { background-color: #EDEEFD; }
#twitter_div ul li.first span { font-size: 1em; font-weight: normal; }
#twitter_div ul li span { font-style: normal; }

/**************** Update box *************/

#updatebox {
	margin: 0 15px 10px 0;
	padding: 5px 10px;
	float: left;
	width: 45%;
	min_width: 350px;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	background-color: #eee;
}

#updatebox ul {
	padding-left: 20px;
}

#updatebox p, #updatebox li {
	font-size: 90%;
}

#updatebox p {
	text-indent: 0;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: .8em; /* 75%; */
	color: #777;
	padding: 5px 15px;
	text-align: right;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/***************** general box formatting options *****************/

.blueb {border: 1px solid blue;}
.greenb {border: 1px solid green;}
.redb {border: 1px solid red;}
.greyb {border: 1px solid #aaa;}
.pinkb-gr {border: 2px groove #f783c2;} /* #FF3399;} */

.boxheading {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	border-bottom: 2px groove #444;
}

.roundcnr1 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.roundcnr2 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.roundcnr-br {
	-moz-border-radius-bottomright: 8px;
	-webkit-border-radius-bottomright: 8px;
	border-radius-bottomright: 8px;
}