@charset "UTF-8";

/*resets*/
*{ padding:0px; margin:0px; } 
ul{list-style-type:none;}
fieldset{border:none;}
a img{border:none;}
a{-moz-outline:none;}
img {border: none;}
a {color: #C8DCE5;}

/* slidingboxes */

.boxgrid{ 
	width: inherit;
	height: inherit;
	background:#161613; 
	border: solid 2px #FF9933; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img.mainImg{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxgrid a{ 
	text-decoration: underline;
}

/*added class for overlink buttons*/
.boxgrid img.overlink{
	position: relative; 
	float : right;
	.transparent_class 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border: 0; 
	margin: 9px 10px 0 10px; 
}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.caption{
	width: inherit;
	height: 150px;
}



/* smartColumns */
body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.8em;
	background: ghostwhite;
}


h1,h2{ font-weight: normal; margin: 10px 0; padding: 10px 0;}
h1 {
	font-size: 4em;
	padding: 15px 5%;
	margin: 0 auto;
	background-color: rgb(255, 153, 51);
	line-height: 1em;
	color: rgb(105, 105, 105);
	border-bottom: 1px solid dimgray;
}

h1 a{
	color: rgb(105, 105, 105);
	text-decoration: none;
}

h1 a:hover{
	text-decoration: underline;
}

/*sliding capiton text*/
h3{ margin: 9px 10px 0 10px; 
	color:#FFF; 
	font:18pt Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold; 
	}

.container {
	padding: 20px 5%;
}

ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0 50px;
	list-style: none;
	display: block;
}
ul.column li {
	float: left;
	width: 305px;
	padding: 0px;
	margin: 10px 0;
	display: inline;
	margin-right:10px;
	padding-right:10px;
}

/* navigation layout*/
ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }