/*
		 Chris Coyier
		 http://css-tricks.com
*/

body				{ font-size: 62.5%; font-family: Georgia, serif; }
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }

div#page-wrap		{ width: 500px; margin: 25px auto; }

.box-one			{
	width: 350px;
	margin: 10px 0;
	background-image: url(/images/box-one-middle.png);
	background-repeat: repeat-y;
	background-position: center;
}
.box-one .inside	{ padding: 0 20px; }

.box-two			{ width: 300px; background: #fbeac3; border: 1px solid #534515; position: relative; margin: 10px 0;}
.box-two .tl		{ position: absolute; width: 14px; height: 14px; background: url(/images/box-two-tl.png); top: -1px; left: -1px; }
.box-two .tr		{ width: 14px; height: 14px; background: url(/images/box-two-tr.png); position: absolute; top: -1px; right: -1px; }
.box-two .bl		{ width: 14px; height: 14px; background: url(/images/box-two-bl.png); position: absolute; bottom: -1px; left: -1px; }
.box-two .br		{ width: 14px; height: 14px; background: url(/images/box-two-br.png); position: absolute; bottom: -1px; right: -1px; }
.box-two .inside	{ padding: 20px; }

.box-three			{
	width: 100%;
	background: #ffffff;
	border: 1px solid #cccccc;
	-moz-border-radius: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.box-three .inside	{
	padding: 10px;
	margin: 0px;
}

.box-four			{
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #efefef;
	padding: 0px;
	float:right;
}
.box-four .inside	{
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.box-five			{
	width: 100%;
	border: 1px solid #CCCCCC;
	position: relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #FFFFFF;
	float:right;
}
.box-five .tl		{ position: absolute; width: 14px; height: 14px; background: url(/images/box-two-tl.png); top: -1px; left: -1px; }
.box-five .tr		{ width: 14px; height: 14px; background: url(/images/box-two-tr.png); position: absolute; top: -1px; right: -1px; }
.box-five .bl		{ width: 14px; height: 14px; background: url(/images/box-two-bl.png); position: absolute; bottom: -1px; left: -1px; }
.box-five .br		{ width: 14px; height: 14px; background: url(/images/box-two-br.png); position: absolute; bottom: -1px; right: -1px; }
.box-five .inside	{ padding: 20px; }


/*
	Spiffy
*/
div {
	margin:0px;
	padding:0px;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#efefef}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f3f3f3}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f2f2f2}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.spiffy4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.spiffy5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.spiffyfg{
  background:#efefef}


/*
	Liquid
*/


#liquid-round {
width:100%;
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
text-align: left;
}

#sidebar-right li #liquid-round a:hover {
	color: #336699;
	text-decoration: underline;
}
.top {
width:100%;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 20px;
margin:-1px 0 0px 0;
z-index: 3;
}

.bottom {
margin-top: -25px;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
z-index: 1;
position: relative;
}
.bottom span {
margin-left: 25px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}







#liquid-round-small {
width:280px;
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
margin-right: 0px;
text-align: left;
}

#sidebar-right li #liquid-round-small a:hover {
	color: #336699;
	text-decoration: underline;
}
.top-small {
width:100%;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
.top-small span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
.center-content-small {
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 0px 0;
z-index: 3;
}

.bottom-small {
margin-top: -25px;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
z-index: 1;
position: relative;
}
.bottom-small span {
margin-left: 25px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}









#left-column-small {
width:280px;
margin:0px auto;
margin-right: 0px;
text-align: left;
}

#sidebar-right li #left-column-small a:hover {
	color: #336699;
	text-decoration: underline;
}
#left-column-small .top-small {
width:100%;
height:10px;
background:none;
}
#left-column-small .top-small span {
display:block;
position:relative;
height:10px;
background:none;
}
#left-column-small .center-content-small {
position:relative;
background:none;
padding:1px 10px 1px 10px;
margin:-1px 0 0px 0;
z-index: 3;
}

#left-column-small .bottom-small {
margin-top: -25px;
height:60px;
background:none;
z-index: 1;
position: relative;
}
#left-column-small .bottom-small span {
margin-left: 25px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:none;
}







#right-column {
width:100%;
margin:0px auto;
background:none;
text-align: left;
}

#sidebar-right li #right-column a:hover {
	color: #336699;
	text-decoration: underline;
}
#right-column .top {
width:100%;
height:10px;
background:none;
}
#right-column .top span {
display:block;
position:relative;
height:10px;
background:none;
}
#right-column .center-content {
position:relative;
background:none;
padding:1px 10px 1px 10px;
margin:-1px 0 0px 0;
z-index: 3;
}

#right-column .bottom {
margin-top: -25px;
height:60px;
background:none;
z-index: 1;
position: relative;
}
#right-column .bottom span {
margin-left: 25px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:none;
}

















#liquid-round-smaller {
float: left;
width:135px;
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
margin-right: 0px;
position: relative;
left: -5px;
top: -10px;
text-align: left;
}

#sidebar-right li #liquid-round-smaller a:hover {
	color: #336699;
	text-decoration: underline;
}
#liquid-round-smaller .top-small {
width:100%;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
#liquid-round-smaller .top-small span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
#liquid-round-smaller .center-content-small {
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 5px 1px 8px;
margin:0px 0 0px 0;
z-index: 3;
}

#liquid-round-smaller .bottom-small {
margin-top: -25px;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
z-index: 1;
position: relative;
}
#liquid-round-smaller .bottom-small span {
margin-left: 5px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}



.events #liquid-round-smaller {
float: left;
width:135px;
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
margin-right: 0px;
position: relative;
left: -5px;
top: -10px;
text-align: left;

}

.events #liquid-round-smaller a {
	font-weight: bold;
	font-size: 12px;
}

.events #liquid-round-smaller a .small {
	font-weight: bold;
	font-size: 10px;
}

.events #liquid-round-smaller a:hover .small {
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}

#sidebar-right li #liquid-round-smaller a:hover {
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
}
.events #liquid-round-smaller .top-small {
width:100%;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
.events #liquid-round-smaller .top-small span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
.events #liquid-round-smaller .center-content-small {
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 10px 1px 13px;
margin:0px 0 0px 0;
z-index: 3;
}


.events #liquid-round-smaller .bottom-small {
margin-top: -25px;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
z-index: 1;
position: relative;
}
.events #liquid-round-smaller .bottom-small span {
margin-left: 5px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}





#left-column-smaller {
width:135px;
margin:0px auto;
margin-right: 0px;
position: relative;
left: -5px;
top: -10px;
text-align: left;
}

#sidebar-right li #left-columner-small a:hover {
	color: #336699;
	text-decoration: underline;
}
#left-column-smaller .top-small {
width:100%;
height:10px;
background:none;
}
#left-column-smaller .top-small span {
display:block;
position:relative;
height:10px;
background:none;
}
#left-column-smaller .center-content-small {
position:relative;
background:none;
padding:1px 10px 1px 10px;
margin:-1px 0 0px 0;
z-index: 3;
}

#left-column-smaller .bottom-small {
margin-top: -25px;
height:60px;
background:none;
z-index: 1;
position: relative;
}
#left-column-smaller .bottom-small span {
margin-left: 25px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:none;
}






#liquid-round-middle {
float: left;
width:170px;
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
margin-right: 0px;
position: relative;
top: 10px;
text-align: left;
}

#sidebar-right li #liquid-round-middle a:hover {
	color: #336699;
	text-decoration: underline;
}
#liquid-round-middle .top-small {
width:100%;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
#liquid-round-middle .top-small span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
#liquid-round-middle .center-content {
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 5px 1px 10px;
margin:0px 0 0px 0;
z-index: 3;
}

#liquid-round-middle .bottom-small {
margin-top: -25px;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
z-index: 1;
position: relative;
}
#liquid-round-middle .bottom-small span {
margin-left: 25px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}









#right-column-small {
width:100%;
margin:0px auto;
background:none;
position: relative;
top: 10px;
text-align: left;
}

#sidebar-right li #right-column-small a:hover {
	color: #336699;
	text-decoration: underline;
}
#right-column-small .top {
width:100%;
height:10px;
background:none;
}
#right-column-small .top span {
display:block;
position:relative;
height:10px;
background:none;
}
#right-column-small .center-content {
position:relative;
background:none;
padding:1px 10px 1px 10px;
margin:-1px 0 0px 0;
z-index: 3;
}

#right-column-small .bottom {
margin-top: -25px;
height:60px;
background:none;
z-index: 1;
position: relative;
}
#right-column-small .bottom span {
margin-left: 25px;
z-index: 4;
display:block;
position:relative;
height:60px;
background:none;
}

