/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background-color: #ffffff; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
a { 
	cursor:pointer;
	text-decoration:none;
	color:#00AEFF;
}

label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

hr.gray {
        display: block;
        height:1px;
        border:0px;
        color:#B3B3B3;
        background-color:#B3B3B3;
}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

.publication .content .publicationTitle a:hover,
.bioDownload a:hover,
.readMore a:hover,
.graybox .contactText a:hover, 
a:hover {
        color: #00AEFF;
/*        text-decoration: underline;*/
}


/* Page Structure / Navigation */
#page{ width:965px; margin:auto; text-align:left }

#header {
	height: 120px;
	width:100%;
	position: relative;
}

#headerMain {
        margin: 0px;
        padding: 0;
        height: 65px;
        width: 965px;
        position: relative;
        }

#headerimg {
        top: 30px;
        height: 20px;
        width: 353px;
        position: absolute;
        }

#arrowsnibbe {
        background: url(http://www.snibbe.com/themes/sss/images/arrow_store.png);
        top: 30px;
        right: 15px;
        width: 154px;
        height: 20px;
        position: absolute;
	text-align:center;
}

#arrowsnibbe a {
	color: #fff;
	text-decoration:none;
}

#page #header #headerNav{ position: absolute; top: 75px; right: 0px; z-index:2; width:100%; overflow:visible;}
#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: left}
#page #header ul.nav-header li{float:left; padding:2px 0px; padding-left:10px; padding-right:10px; margin-bottom: 0px; font-size:10px; letter-spacing:1.5px; margin-top:0px; background:#EBEBEB;}
#page #header ul.nav-header li a:hover { color:#00AEFF; text-decoration:none;}
#page #header ul.nav-header li a { text-decoration:none; color:#000 }
#page #header ul.nav-header li.nav-selected, #page #header ul.nav-header li.nav-selected a{ background: #fff; color: #00AEFF; }

#page .no-sidebar { background-image: none !important}
#page #central.central-left { background:url(http://www.snibbe.com/themes/sss/images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right}
 
#page #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#page .no-sidebar #body{ float: none !important; width: auto !important; }
#page #central #sidebar{ float:right; width:23%; }
#page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;}
#page #central #sidebar ul.nav li{ margin-bottom:16px; }
#page #central #sidebar ul.nav a{ text-decoration:none; color:#333 }
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ text-decoration:underline }
#page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:16px; }

#page #central.navLeft{ background:url(http://www.snibbe.com/themes/sss/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

/* Home Page */
#page #home #central #body{ float:left; width:640px; padding-left: 0px !important; padding-right: 0px !important }

#page #home #central #sidebar{ float:right; width:315px; }

#page #home #central #body #mediaArea {
	border: 1px solid #B3B3B3;
	border-top: 1px solid #000;
	width: 600px;
	margin-bottom:10px;
	padding:20px;
}

.SSSVideoHome {
	margin-bottom:10px;
	color: #000;
	position:relative;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width:313px;
}

.SSSVideoHome .textAb {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.vidSelected {
	top:0;
	right:0;
	width:334px;
	height:50px;
	position:absolute;
	background: url(http://www.snibbe.com/themes/sss/images/arrow_video.png);
	z-index:10
}

.vidSelected .mainTitle {
        padding-top:8px;
        padding-left:30px;
        font-weight:bold;
	color:#fff;
}

.vidSelected .description {
        padding-left:30px;
        font-size:10px;
	color:#fff;
}

.vidSelected .moreLink a {
	float:right;
	padding-top:8px;
	padding-right:10px;
	color:#fff;
	font-size:10px;
}

.vidSelected .moreLink a:hover {
        float:right;
        padding-top:8px;
        padding-right:10px;
        color: #00AEFF;
        font-size:10px;
}


.graybox .mainTitle {
	padding-top:8px;
	padding-left:10px;
	font-weight:bold;
}

.graybox .description {
	padding-left:10px;
	font-size:10px;
}

.graybox .moreLink a{
	float: right;
	padding-top:8px;
	padding-right:10px;
	color:#000;
	font-size:10px;
}

.graybox .moreLink a:hover {
        float: right;
        padding-top:8px;
        padding-right:10px;
	color: #00AEFF;
        font-size:10px;
}


/* Footer */
#page #footer{ width:100%; height:40px; }
#page #footer p { padding-left:10px; padding-right:10px; padding-top:10px; float:left;} 
#page #footer a { color:#4D4D4D;}
#page #footer img { padding-right:10px; }

.thinGraybox {
        height:40px;
        width: 100%;
        border-top: 1px solid #000;
        background: #EBEBEB;
}

.newsletter {
	width:620px;
	height:40px;
	float:left;
	padding-left:10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.submitcc {
	background: url(http://www.snibbe.com/themes/sss//images/arrow_submit.png);
	width:55px;
	height:15px;
	float:left;
	text-align:center;
	margin-left:10px;
	margin-top:12px;
	position:relative;
}

.submitcc .textcc {
	color:#fff; 
	font-size:10px;
	position:absolute;
	top:-3px;
	right:10px;
}

.copyright {
	height:12px;
	width: 100%
	margin-top:1px;
	background: #EBEBEB;
	color: #4D4D4D;
	font-size:10px;
	text-align:right;
	position:relative
}

.copyright .copytext {
	position:absolute;
	top:-4px;
	right:10px;
}


/* Page Elements */

.graybox {
        height:49px;
        width: 100%;
        border-top: 1px solid #000;
        background: #EBEBEB;
}

.bio {
	position:relative;
}

p.bio {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.bioDownload {
	position:absolute;
	right:10px;
	bottom:5px;
	font-size:10px;
	color: #000;
}

.bioDownload a {
	color: #000;
}

.readMore {
	margin-bottom:15px;
}

.readMore a {
	font-size:10px;
	color:#000;
	margin-left:10px;
}

.catalog {
	width:315px;
	float:left;
	margin-bottom:10px;
	color:#000;
}

.catalog img {
	width:315px;
	height:160px;
}

.graybox .catalogYear {
	float:right;
	padding-right:10px;
	padding-top:5px;
	font-size: 10px;
	font-weight:bold;
	color:#000;
}

.graybox .catalogTitle {
        font-size: 16px;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 10px;
}

.graybox .catalogText {
        font-size:10px;
        padding-left: 10px;
	color:#000;
}

.publication {
	width:305px;
	margin-left:10px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

.publication .content {
	width:195px;
}

.publication .content .publicationTitle a {
	font-style:italic;
	font-weight:bold;
	color:#4D4D4D;
}

.publication .content .publicationLink {
	padding-top:10px;
}

.publication .content .publicationLink a {
	font-size:10px;
	font-weight:bold;
	color:#000;	
}

.publication .content .publicationLink a:hover {
	color:#00AEFF;
	text-decoration:none;
}

.publication .image {
	float:right;
}

#contact .graybox {
	margin-bottom:10px;
}

.cat_col_pad {
	width: 315px;
	margin-right:10px;
	float:left;
}

.cat_col {
	width: 315px;
	float:left;
}

.graybox .bioTitle, 
.graybox .contactTitle {
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	color:#000;
}

.graybox .bioText  {
	font-size:10px;
	font-weight:bold;
	padding-top: 3px;
	padding-left: 10px;
	color:#000;
}

.graybox .contactText {
	font-size:12px;
	padding-top: 3px;
	padding-left: 10px;
	color:#000;
}

.graybox .contactText a {
        font-size:12px;
	color:#000;
}

.grayboxPubs, 
.grayboxProject {
	height:29px;
	width:100%;
	border-top: 1px solid #000;
	background: #EBEBEB;
}

.grayboxPubs {
	color:#000;
	font-size:16px;
}

.grayboxPubs, 
.grayboxProject .mainTitle {
        padding-top:6px;
        padding-left:10px;
        font-weight:bold;
}

.grayboxProject .date {
	float:right;
        padding-top:8px;
        padding-right:10px;
	font-size:10px;
        font-weight:bold;
}


.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */