body
{
	font: 14px/1.7 'Times New Roman',Lucida Sans, Lucida, 'Trebuchet MS', Arial, sans-serif;
	background:#352800;
	color:#333;
}
#container {
	width:960px;
	margin:0 auto;
}
#white-container {
	width:100%;
	background:url(images/slice.jpg) #f4f5e3 repeat-x;
}

a:focus
{
	outline: 1px dotted invert;
}
hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
-- ------------------------------------------------------------------------------*/

h1
{
	font-size: 28px;
	font-weight:normal;
	color:#333;
}
h2
{
	font-size: 18px;
	font-weight:normal;
	color:#000;
	padding:0 0 10px 0;
}
h3
{
	font-size: 21px;
}
h4
{
	font-size: 18px;
	font-weight:normal;
	color:#585647;
	text-align:left;
}
h5
{
	font-size: 14px;
	font-weight:normal;
}

h6
{
font-family:"Century Gothic"; 
font-weight:bold;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}
ul
{
	list-style: square;
}
li
{
	margin-left: 30px;
}
p,
dl,
hr,
h1,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 12px;
}
blockquote {
	margin:0 50px;
}

/* =Divs
--------------------------------------------------------------------------------*/

#header {
	height:130px;
	width:960px;
}
#logo {
	height:99px;
}
#buttons {
	width:960px;
	height:31px;
}
#banner {
	height:255px;
	width:960px;
	text-align:center;
	background:url(images/graphic.jpg) no-repeat;
}
.banner-left {
	width:390px;
padding-left:10px;
	float:left;
}
.banner-right {
	width:460px;
padding-left:30px;
padding-right:10px;
	text-align:left;
	float:left;
	color:#333;
}
.banner-right-header {
	font-size:24px;
	font-weight:bold;
	font: Garamond;
}
.banner-right-text {
	
        font: Garamond; 
        font-weight:bold;
        font-size:16px;
	line-height:24px;
	text-align:justify;
}
.banner-left-box {
	width:400px;
}

#content {
	width:960px;
	margin-top:12px;
	padding-bottom:13px;
}
#left {
	width:640px;
	float:left;
	
}
#right {
	width:300px;
	float:right;

}
.left-box {
	width:598px;
	background:#fff;
	border:1px solid #e1e2cb;
	padding-left:20px;
        padding-right:20px;
        padding-bottom:5px;
        padding-top:5px;
	margin-bottom:20px;
}
.right-box {
	width:258px;
	background:#fff;
	border:1px solid #e1e2cb;
	padding:1px;
	margin-bottom:10px;
	line-height:20px;
}


#footer {
	border-top:4px solid #d8d8d8;
	font-family:Arial, Verdana, sans-serif;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:11px;
	padding:20px 0;
	background:#352800;
}

.logo {
	padding:10px;
	display:inline;
}




/* =Links & Spans & Misc
--------------------------------------------------------------------------------*/
.welcome {
	font-size:40px;
}
.welcome-links {
	font-size:24px;
}
.welcome-links a {
	color:#e38a18;
}
#banner ul {
	margin:0;
	padding:0;
}
#banner li {
	padding:0;
	list-style-type:none;
	background: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:28px;
	margin-left:0px;
	font-size:11px;
	text-align:left;
	line-height:13px;
	padding-bottom:8px;
	margin-bottom:0px;
}
#banner li a {
	text-decoration:none;
	color:#fff;
}
#banner li a:hover {
	text-decoration:underline;
}
#search input {
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
	font-size:10px;
	color:#989898;
	margin:0;
}

#search input:focus {
	background:#efefef;
	border:1px solid #ccc;
}

#search form {
	margin:0;
}
.login {
	font-size:11px;
	font-family:Arial, sans-serif;
	font-weight:bold;
}
.clear {
	clear:both;
}

/* =Navigation
--------------------------------------------------------------------------------*/


#nav {
	clear:both;
	margin:0 auto;
	text-align:center;
	height:31px;
}

#nav a {
	display:block;
	float:left;
	width:auto;
	margin:0 auto;
	padding: 4px 15px 0px 15px;
	font:14px/1.8 'Times New Roman', Lucida,Arial,Verdana,sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

#nav a:hover, #nav a:focus, #nav a:active {
	color:#333;
}
#featureStoryCarousel{overflow: hidden;margin-top:26px;}

#featureStory {
	width: 960px;
	height: 255px;
}
#featureStory table {
	margin: 0;
	padding: 0;
	width: 960px;
}
#featureStory table td {
	margin: 0;
	padding: 0;
}
#scrollLeft {
	margin: 1px 0 0 1px;
}
#scrollRight {
	margin: 1px 0px 0 0;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 900px;
	height: 255px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .featureStoryContent {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .featuryStoryPost {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.featuryStoryPost img {
	margin-right: 0px;
}

/* =Video
--------------------------------------------------------------------------------*/

div#scifrivideo {border:1px solid #cccc99; padding:2px; margin:4px; width: 249px;}
div#scifrividplayer {margin-right:4px;margin-bottom:4px; float:left;}

div#scifrividtext {font-size:13px}
div#scifrividtag {font-size:larger; color:black;}

div#scifrividtitle {color:blue;margin-right:2px;}
div#scifrividcopy 
div#scifrividcredits {font-style:italic;}


.sfsmall {width: 220px;}
.sfmedium {width: 450px;}
.sflarge {width: 600px;}