﻿/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,200italic,200,700,600);
@import url("980grid.css");
@import url("normalize.css");

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

textarea {
    color: #222;
}

select {
    color: #222;
}

input {
    color: #222;
}

button {
    color: #222;
}

html {
    color: #222;
}

body {
    font-size: 12px;
    line-height: 1.4;
    background-color: #f8f8f8;
	font-family: 'calibri', calibri, sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #D4711A;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles (Default Masterpage)
   ========================================================================== */
hr { color:#D4711A;}
.bTabs {
    width:436px;
    height:40px;
    background:url(../img/blTabs.png) no-repeat center center;
}
#breadcrumb {
	font-family: 'calibri', calibri, sans-serif;
  
    color:#737373;
    text-decoration:none;
    background-color:none; padding-left: 20px;
}
.pvNav li {
    margin:10px 0 10px 20px;
}
	   
/*Header Spacer*/
#headerSpacer {
    width: 100%; 
    height: 49px; 
    background-color: #f8f8f8;
}
/*Main Header Section*/
#mainHD {
    width:100%; 
    margin:0; 

}

/*Main Navigation*/
#mainNavBG {
    height: 45px; 
    margin-top: 0px; 
    top: 0px; 
    position: relative; 
    width: 100%; 
    background: #d3701a;
    
}
#mainNavlist {
    height: 45px;
	width:320px;
    list-style:none;
    margin:0 1px 0 0;
    padding:0;
	float:right;
    position:relative;
}

#mainNavlist a {
    float:left;
    display:block;
    list-style:none;
    margin:0;
	width:80px;
    line-height:33px;
    position:relative;
    color:#fff;
	text-align:right;
    text-decoration:none;
    font-family: 'calibri', calibri, sans-serif;
	font-size: 12px;

}

#mainNavlist a:hover {
    color:#fff;}
	
	
#mainNavFooter {
    height: 45px;
	width:320px;
    list-style:none;
    margin:0 1px 0 0;
    padding:0;
	float:right;
    position:relative;
}

#mainNavFooter a {
    float:left;
    display:block;
    list-style:none;
    margin:10px;
	width: auto;
    line-height:33px;
    position:relative;
    color:#fff;
	text-align:center;
    text-decoration:none;
    font-family: 'calibri', calibri, sans-serif;
	font-size: 11px;

}

#mainNavFooter a:hover {
    color:#fff; text-decoration:underline;}

	
	
/*---| By @Cstahl 2010 |---*/
DIV #s4-topheader2 {
background:#FFF;
margin-right:10px;
border-top:0px;
border-bottom:0px;
margin-left:10px;
}

.menu-horizontal ul li{
color:#D3701A!important;
min-height:30px;
line-height:30px;
border:0px;
padding:0px;
margin:0px;
text-decoration:none;
}
.menu-horizontal ul li a{
color:#D3701A!important;
border:0px!important;
padding:0px!important;
margin:0px;
height:30px!important;
background: #fff; /*Fallback*/
padding-right:12px!important;
padding-left:12px!important;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
 text-decoration:none;
}

.s4-tn li.static > a:hover.menu-item
{
color:#fff!important;
background: #d3701a; /*Fallback*/
height:30px!important;
border:0px;
padding:0px;
margin:0px;
text-decoration:none!important;
  border-top-left-radius: 6px 6px;
    border-top-right-radius: 6px 6px;
    -moz-border-radius-topright:6px 6px;
    -moz-border-radius-topleft:6px 6px;
	 text-decoration:none;
}


 
.s4-toplinks .s4-tn > .menu-horizontal ul li a:hover {
text-decoration:none!important;
/*if use 333 the DD color will not work*/
color:#fff!important;
background: #d3701a; /*Fallback*/
height:30px!important;
border:0px;
padding:0px;
margin:0px;
 text-decoration:none;
}
.s4-toplinks .s4-tn > .menu-horizontal a.selected {
color: #fff!important;
background: #d3701a; /*Fallback*/
line-height:30px;
height:31px;
border:0px;
padding:0px;
margin:0px;
 text-decoration:none;
}
.menu-horizontal A.dynamic-children SPAN.additional-background {
background-image:none!important;
 text-decoration:none;
}
.s4-tn ul.dynamic {
background-image:none!important;
border-top:0px;
margin:0px;
padding:0px;
 text-decoration:none;
}
.s4-tn li.dynamic {
background-image:none!important;
border-top:0px solid #ccc;
border-right:0px solid #ccc;
border-bottom:0px solid #ccc;
border-left:0px solid #ccc;
}
.s4-tn li.dynamic > .menu-item {
display:block;
padding-left:19px!important;
white-space:nowrap;
font-weight:normal;
background-color:#ffffff!important;
color:#333!important;
 text-decoration:none;
}
.s4-tn li.dynamic > a:hover {
background-color:#ffffff;
color: #D3701A!important;
 text-decoration:none;
}



.s4-title-inner{
background-color:#a0d9e6; /*Fallback*/
padding:0px 0px 0px 0px;
margin:0px;
min-height:70px;
}

.s4-search input.ms-sbplain{margin-top:0px!important; background: url(../img/search_left.png) no-repeat; border-width:2px !important; height:30x; color:#000000;  font-style:normal; width: 160px;}
.s4-search .ms-sbgo{padding-top:1px;}
.s4-search .ms-sbgo a{margin-top:0px; background:url(../img/searchButton.png) no-repeat; width:30px; height:30px; display:block;}
.s4-search .ms-sbgo span{display:none; }
.s4-search .srch-gosearchimg{display:none; }
.ms-sbcell{margin:0; padding:0;}

	
	
.adminBar .ms-sbrow a{margin:0; padding:0;}

	
	
/*Header Bottom Navigation*/
#bottomNavSection {
	background: no-repeat;
	margin: 0 auto;
	height: 105px;
}

#bNavGroup {
    float:right; 
    width:870px; 
    position:relative;
	height:auto; 
    margin-left:20px;
}
/*Main Sub Navigation*/
#mainSubNavWrapper {
    width:580px; 
    margin:0 auto; 
    padding:0;
    clear:both; 
    height:33px;
    float:right;
}
#mainSubNav {
    width:675px;
    list-style:none;
	margin:0;
	padding:0;
	float:right;
	position:relative;
    display:block;
    z-index:99;
}

#mainSubNav a {
    float:left;
    display:block;
    list-style:none;
    margin:0 1px;
    line-height:33px;
    height:33px;
    width:110px;
    position:relative;
    color:#666;
    text-decoration:none;
    text-align:center;
    font-family: 'calibri', calibri, sans-serif;
	font-size: 13px;

}

#mainSubNav a:hover {
    border-top-left-radius: 6px 6px;
    border-top-right-radius: 6px 6px;
    -moz-border-radius-topright:6px 6px;
    -moz-border-radius-topleft:6px 6px;
	color:#fff;
    background-color:#d06f1a;
    z-index:99;
	}

#mainSubNav li {
    display: block;
    position: relative;
    float: left;
}
#mainSubNav li ul {
    display: none;
}

#mainSubNav li a {
 
    display: block;
    text-align:center;
    text-decoration: none;
    color:#666;
    border-top: 1px solid #ffffff;
    white-space: nowrap;
    line-height:33px;
    height:33px;
    width: auto;
	margin:0 20px;
    font-family: 'calibri', calibri, sans-serif;
	font-size: 13px;
}
#mainSubNav li a:hover {

    background-color:#d06f1a;
    color:#fff;
}
#mainSubNav li:hover ul {
    display: block;
    position: absolute;
}
#mainSubNav li:hover li {
    float: none;
    font-size: 11px;
}
#mainSubNav li:hover a { background: #d06f1a; }
#mainSubNav li:hover li a:hover {
    background-color:#d06f1a;
}


/*Main Sub Navigation*/

#searchBar {
	background-color: #FFFFFF;
	width: 235px;
	height: 32px;
	float: right;
	font-family: 'calibri', calibri, sans-serif;
	font-size: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #FFFFFF;
}
	
#searchfld {
	width:158px; 
	height:25px; 
	float:left; 
	margin:0; 
	padding:0; 
	background-color:#D4711A; 
	font-family: 'calibri', calibri, sans-serif;
	font-size:12px;
	border:none;
	text-transform:uppercase; 
	outline:0; 
	color:#fff;
	margin:3px 0 0 2px;
	}
		
#searchCont {
	background: #D4711A no-repeat;
	width: 166px;
	height: 33px;
	line-height: 33px;
	color: #fff;
	margin-left: 7px;
	float: left;
	text-transform: uppercase;
}	
#searchBtn {
	width:30px; height:30px;
	background:url(../img/searchButton.png) no-repeat center center;
	float:left;
	margin:1px 2px 0 0;
	border:none;
	outline:none;
	position:relative;
	}
/*Language Navigation*/
#mainlanguageNav {
    width:820px;
    list-style:none;
	height:18px;
    margin:0;
    padding:0;
	display:block-inline;
	clear:both;
}

#langlist {
	width:168px;
	height:33px;
	float:right;
	position:relative;
	margin:0 1px 0 0;
	}
	
#langlist a {
    list-style:none;
    float:left;
    display:block;
	height:33px;
	width:50px;
	line-height:33px;
	margin:0 0 0 5px;
	padding:0;
    font-family: 'calibri', calibri, sans-serif;
	font-size:10px;
	text-align:right;
	text-decoration:none;
	color:#999;

    }

#langlist a:hover {
	color:#333;}	
	
#HDlogo {
    float:left; 
    margin-left:0px; 
    width:69px; 
    height:95px; 
    position:relative;

}
/*Main Scroll Portion*/

.navSec02 {
    width:870px; 
    height:33px; 
    clear:both; 
	margin-top: 13px;
	margin-bottom: 20px;
    
}

#scroller {
    height:200px;

  
}
/*Main Content Area*/
#mainContentWrapper {
    width:100%;
    margin:0;
    padding:0;
    position:relative;
    margin-bottom:20px;

    }

#mainContent {
    background-color:#fff;
    margin:0 auto;
    display:block;
    width:980px;
    position:relative;
    height:100%;
    overflow: hidden;
	

}

#bottomNavWrapper {
    width:100%;
    background-color:#fff;
    margin:0;
    padding:0;
    position:relative;
}
#mainFooterWrapper {
    width:100%;
    height:64px;
    background-color:#1f1f1f;
    position:relative;
    clear:both;
}
#mainFooter {
    height:64px;
    margin:0 auto;
    position:relative;
	color:#646464;
	font-family: 'calibri', calibri, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height:64px;
}


#mainColRight {
    float:left;
    position:relative;
}


#mainColLeft {
    float:left;
    position:relative;
}

#mainColLeft { 

}

#mainColRight {
	
	margin-top:0px;
	border-left: solid 1px #f8f8f8;
	padding-left: 10px;
}


#newsNavBar {
	height:1px; 
	width:420px; 
	position:relative; 
	display:block; 
	background-color:#f3f3f4; 
	float:left; 
	margin:20px 0;
	}
	
.col02-3 {
	width:205px; 
	float:left; 
	background-color:#f7f7f7;
	font-family: 'calibri', calibri, sans-serif;
	font-size:16px;
	}
	
.col03 {
	width:205px; 
	float:left; 
	margin-left:48px; 
	position:relative; 
	background-color:#f7f7f7;
	}
		
.col03P {
	width:176px; 
	height:70px;
	margin:10px 0 0 10px; 
	display:block;
	font-family: 'calibri', calibri, sans-serif;
	font-size: 16px;
	}
	
.col03Img {
	width:205px; 
	height:200px; 
	position:relative; 
	top:0; 
	margin-top:0; 
	}
	
.col03P-Txt {
	width:176px; 
	margin:10px 0 0 10px; 
	display:block;
	font-family: 'calibri', calibri, sans-serif;
	font-size:12px;
	color:#737373;
	}
#tabs-left {
	position: relative;
	padding-left: 6.5em;
}
#tabs-left .ui-tabs-nav {
	position: absolute;
	left: 0.25em;
	top: 0.25em;
	bottom: 0.25em;
	width: 6em;
	padding: 0.2em 0 0.2em 0.2em;
}
#tabs-left .ui-tabs-nav li {
	right: 1px;
	width: 100%;
	border-right: none;
	border-bottom-width: 1px !important;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	overflow: hidden;
}
#tabs-left .ui-tabs-nav li.ui-tabs-selected {
	border-right: 1px solid transparent;
}
#tabs-left .ui-tabs-nav li a {
	float: right;
	width: 100%;
	text-align: right;
}
#tabs-left > div {
	height: 35em;
}

.innerTitle {
    top:15px; 
    margin-left:35px; 
    position:relative;
    color:#fff;
    font-family: 'calibri', calibri, sans-serif;
	font-size: 30px;
}
.sImg {
    width:413px;
    height:387px;
    background:url(../img/stock-photo--d-number-from-my-metal-number-collection-70220500.jpg) no-repeat center center;
}

.storySocioDIV {
    width:674px; float:left; padding:8px 0;
	font-family: 'calibri', calibri, sans-serif;
	font-size:12px;
}
.socioThumb {
    width:205px; height:205px; float:left; background:url(../img/nThumbs/sheik.jpg) no-repeat center center;
}
.socioTxt {
    width:440px; height:205px; float:left; position:relative; margin-left:20px;
}
/*mainSubNav {
    font-family: calibri, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}*/


mainSubNav li {
    display: block;
    position: relative;
    float: left;
}
li ul {
    display: none;
}
mainSubNav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 80px 1px 5px 150px;
    background: #1e7c9a;
    margin-left: 1px;
    white-space: nowrap;
}
mainSubNav li a:hover {
background: #3b3b3b;
}
li:hover ul {
    display: block;
    position: absolute;
}
li:hover li {
    float: none;
    font-size: 11px;
}
li:hover a { text-decoration:underline; }
li:hover li a:hover {
    text-decoration:underline;
}
#footerIconWrapper {
    width:184px; height:64px; float:right;
    margin-right:200px;
    position:relative;
}
#footerIcons {
    width:184px;
    margin:0;
    padding:0;
}

#footerIcons li {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    }
/*===========================================================================	
	Vertical Menu
  =========================================================================== */	
	
	.wrapper {
    width: 700px;
    margin: 0px auto; padding: 20px 0 20px 0;
    /*min-height: 600px;*/
	}

	.wrapper li {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
	}

	.wrapper ul {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
	}

	.wrapper pre {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
	}

	.wrapper p {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
	}

	.wrapper h4 {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
	}

	.wrapper h1 {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
	}

	.wrapper li {
    outline: 0;
    text-decoration: none;
    -webkit-transition-property: background color;
    -moz-transition-property: background color;
    -o-transition-property: background color;
    -ms-transition-property: background color;
    transition-property: background color;
    -webkit-transition-duration: 0.12s;
    -moz-transition-duration: 0.12s;
    -o-transition-duration: 0.12s;
    -ms-transition-duration: 0.12s;
    transition-duration: 0.12s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	}

#v-nav {
    height: 100%;
    margin: auto;
    color: #333;
    font-family: 'calibri', calibri, sans-serif;
	font-size:18px;
	}
	
	#pv-nav {
    height: 35px;
    margin: auto;
    color: #333;
    font-family: 'calibri', calibri, sans-serif;
	font-size: 11px;
	}

.vtabCont {
	width:445px;
	margin:7px 0;
	}
	
.vtabImg {
	width:122px; 
	height:109px; 
	float:left; 
	position:relative; 

	}
	
.vtabTxt {
    width:445px;
    float:left;
    position:relative;
    margin-left:5px;
    color:#737373;
    font-family: 'calibri', calibri, sans-serif;
	font-size:12px;
    }
	
.vtabTxt a {
	color:#D4711A;
	text-decoration:none;
	}
	
.vtabTxt a:hover {
	color:#737373;
	}
	
#v-nav >ul {
    float: left;
    width: 225px;
    display: block;
    position: relative;
    top: 0;
    /*border: 1px solid #DDD;*/
    border-right-width: 0;
    margin: auto 0 !important;
    padding:0;
    }
#v-nav >ul >li {
    width: 215px;
    list-style-type: none;
    cursor:pointer;
    display: block;
    font-size: 1.01em;
    position: relative;
    border-left:none;
    border-right-width: 0;
    margin: auto;
    color:#666;
    padding: 20px 0px  20px 10px!important;

	
	
}


#v-nav > ul > li:hover {
    color: #f16022;
    }
#v-nav > ul > li {
    /*color: #f16022;*/
    color:#666;
	

    }

#v-nav >ul >li.current {
    color:#000;
	
    border-right: none;
    z-index: 10;
    background: white !important;
    position: relative;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right:none;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-box-shadow: #ededed 0px 3px 3px;
    -moz-box-shadow: #ededed 0px 3px 3px;
    box-shadow: #ededed 0px 3px 3px;
	
	
	
    /*moz-box-shadow: inset 0 0 35px 5px #fafbfd;
    -webkit-box-shadow: inset 0 0 35px 5px #fafbfd;
    box-shadow: inset 0 0 35px 5px #fafbfd;*/
}

#v-nav >ul >li.first.current
{
    border-bottom: 1px solid #DDD;
	
}

#v-nav >ul >li.last
{
    border-bottom: none;
}

#v-nav >div.tab-content
{
    margin-left: 225px;
    border-left: 1px solid #ddd;
    background-color: #FFF;
    min-height: 260px;
    position: relative;
    z-index: 9;
	overflow:hidden;
   
    display: none;
    padding: 10px;
}

#v-nav >div.tab-content >h4
{
    font-size: 1.2em;
    color: Black;
    border-bottom: 1px dotted #EEEDED;
    padding-top: 5px;
    padding-bottom: 5px;
}

#pv-nav >ul {
    float: left;
    width: 225px;
    display: block;
    position: relative;
    top: 0;
  
    border-right-width: 0;
    margin: auto 0 !important;
    padding:0;
	color: #ddd;
		padding: 10px;
		background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
background: -moz-linear-gradient(left,  #ffffff 3%, #fbfbfb 92%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(3%,#ffffff), color-stop(92%,#fbfbfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 3%,#fbfbfb 92%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 3%,#fbfbfb 92%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 3%,#fbfbfb 92%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 3%,#fbfbfb 92%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-8 */


	}

#pv-nav >ul >li {
    width: 215px;
	height: 30px;
    list-style-type: none;
    display: block;
    font-size: 1.11em;
    position: relative;
	border-left:none;
    border-right-width: 0;
    border-bottom: 1px solid #DDD;
    margin: auto;
       
}

#pv-nav >ul >li.current
{
    color: #f16022;
    border-right: none;
    z-index: 30;
    background: #FFF;
    position: relative;
}

#pv-nav >ul >li.first.current
{
    border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

#pv-nav >ul >li.last
{
    border-bottom: none;
}

#pv-nav >div.tab-content
{
    margin-left: 225px;
    border-left: 1px solid #ddd;
    background-color: #FFF;
    min-height: 400px;
    position: relative;
    z-index: 9;
    padding: 12px;
    display: none;
    padding: 25px;
}

#pv-nav >div.tab-content >h4
{
    font-size: 1.2em;
    color: Black;
    border-bottom: 1px dotted #EEEDED;
    padding-top: 5px;
    padding-bottom: 5px;
}


/* ==========================================================================
   Quick Access Navigation Accordion
========================================================================== */

#accordion {
    list-style: none;
    padding: 0 0 0 0;
    width: 200px;
}

#accordion li{
    display: block;
    background-color: #fff;
    margin: 1px;
    height:20px;
    color:#737373;
    cursor: pointer;
    padding: 5px 2px 5px 7px;
    list-style: circle;
    background:url(../img/plus.png) no-repeat left center;
    font-family: 'calibri', calibri, sans-serif;
	font-size: 12px;
    text-indent:30px;
}
#accordion ul {
    list-style: none;
    padding: 0 0 0 0;
    display: none;
}
#accordion ul li{
    font-weight: normal;
    cursor: auto;
    background-color: #fff;
    padding:0 0 0 10px;
    margin-left:10px;
    position:relative;

}
#accordion a {
    text-decoration: none;
}
#accordion a:hover {
    text-decoration: none;
}

#cStudies {
    background:url(../img/cStudies.png) no-repeat center center;
    height:107px;
}
#cStudyImg {
    height:325px;
    width:625px;
    margin:10px 0;
    float:left;
    background:url(../img/hImage.jpg) no-repeat center center;
    border:none;
}	

/* Sharepoint Styles */

	#slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider2 ul{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider ul{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#slider1next{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#prevBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#slider1next{ 
		left:696px;
		}														
	#nextBtn{ 
		left:696px;
		}														
	#slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#slider1next a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#prevBtn a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	#nextBtn a:focus{outline:none;}


	#prevBtn a:focus{outline:none;}


	ol#controls li a:focus{outline:none;}


.CQWP-Content {
width:390px; height:22px;
padding:7px 0px 0px 10px;
font-family:Cambria, Georgia;
font-size:11px;
border-style:none none solid none;
border-width:1px;
border-color:#e5e5e5;  
}
.CQWP-Content a:visited {
color:green;
}
.CQWP-Content a:link {
color:green;
}
.slider li{ 
width:900px;
overflow:hidden;
}

.slider li{ 
width:900px;
overflow:hidden;
}

.slider ul{ 
width:900px;
overflow:hidden;
}

ms-WPTitle{font-family: 'calibri', calibri, sans-serif; font-size: 20px; color:#D4711A; text-transform: none; width: auto; font-weight:300;}

.ms-standardheader{font-family: 'calibri', calibri, sans-serif; font-size: 20px; color:#D4711A; text-transform: none; width: auto; font-weight:300;}
.ms-WPBody a:visited{ color:#D4711A;}
.ms-WPBody a:link{color:#D4711A;}
.ms-WPBody a{color:#D4711A;}
.ms-WPBody a:hover{color:#737373; text-decoration:none;}
.ms-WPBody h1 a:link{color:#737373; font-family: 'calibri', calibri, sans-serif; font-size: 22px; line-height: 27px;font-weight:400; }
.menu-horizontal {width: 840px; margin-left: 10px; font-family: 'calibri', calibri, sans-serif; font-size: 10px;  text-decoration:none;}
#zz16_TopNavigationMenuV4 {height: 27px; text-decoration:none; }
.ms-WPHeader .ms-wpTdSpace { display:none;}
.ms-WPBody span {font-family: 'calibri', calibri, sans-serif; font-size:16px; font-weight:600;
	color:#333;}
.captioned-image .caption {font-family: 'calibri', calibri, sans-serif; font-size:10px; margin-top: 5px;}
.link-item a:visited{ color: #D4711A; margin: 0px;}


.link-item a:link{ color: #D4711A; margin: 0px;}


.link-item a{ color: #D4711A; margin: 0px;}


.link-item{ color: #D4711A; margin: 0px;}


.ms-WPBody td {font-family: 'calibri', calibri, sans-serif; font-size: 12px; padding-top: 5px;}

/* Left Navigation */
/* Left Navigation */
.menu-vertical { margin:5px 0 0 0; display:block; padding:5px 0 0 0; width:215px; min-height:273px; font-family: 'calibri', calibri, sans-serif; font-size:12px; }
.menu-vertical ul li {margin:0 7px 0 10px;}
.menu-vertical ul li a {font-weight: normal; color:#737373; background:url(../img/plus.png) no-repeat 0px center;}
.menu-vertical ul li .selected {color: #f16022;}
.menu-vertical ul li a:hover {color:#000; text-decoration:none;}
.menu-vertical ul li ul li {margin:0 0 0 10px; padding:0; font-size:11px; font-weight:normal;}
.menu-vertical ul li ul li a {background:url(../img/minus.png) no-repeat 0px center;}
.menu-vertical .menu-item-text {margin:0 0 0 20px;}
.ms-WPBorderBorderOnly { border: 0px;}


.ms-WPBorder { border: 0px;}


.image-area-left { width: 215px; padding-right: 10px;
	
}

.leftNav {width:179px; float:left; display:block;}
.leftNavHolder {margin:0; width:179px; float:left;}
/* Left Nav Style */
.leftNavHolder li > .menu-item {padding:10px 0 4px 5px;}
/* Left WP Title */
.leftWPHolder {padding:5px;margin:250px 0 0 0;float:left;width:170px;display:block;}
/* web part padding for left column */
.leftWPHolder .ms-wpContentDivSpace {padding:0;}
/* remove some white speace from web parts in left column */
.leftWPHolder .ms-WPHeader .ms-wpTdSpace {display:none;}
/* remove border from bottom of web parts in left column */
.customLeftWPHolder	.ms-WPHeader td {border-bottom: none;}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
.flexslider a:focus  {outline: none;}

 
.flex-container a:focus  {outline: none;}

 
.flexslider a:active  {outline: none;}

 
.flex-container a:active  {outline: none;}
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-control-nav {margin: 0; padding: 0; list-style: none;}

.slides {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {-webkit-backface-visibility: hidden; display:none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin-bottom:10px; background: #fff; position: relative;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 0%; padding: 0%; margin: 0; position: absolute; left: 0; bottom: 30%; background: transparent; color: transparent; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-family: 'calibri', calibri, sans-serif; font-size: 0px; line-height: 28px; text-transform:uppercase; min-height: 80px;}

.flex-button {background: #000;}
.flex-button a:link {width: 8%; padding: 8px; margin: 0; position: absolute; left: 40px; bottom: 17%; background-color: #D4711A; color:#FFF;  font:normal 14px/18px 'dinlight', calibri, sans-serif; text-transform:uppercase; height: 16px;}
.flex-button a:visited{ color:#FFF;}
/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 45px; height: 45px; margin: -13px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -45px 0; right:5px;}
.flex-direction-nav li .prev {left: 5px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width:100%; position: absolute; top:-10px; text-align:right;}
.flex-control-nav li {margin:0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 22px; height: 20px; display: block; background: url(../img/bg_control_nav.png) no-repeat; cursor: pointer; font-size:0;}
.flex-control-nav li a:hover {background-position: 0 -30px;}
.flex-control-nav li a.active {background-position: 0 -60px; cursor: default;}


.ui-tabs-nav {
    margin: 0;
    padding: 0;
}
.ui-tabs-nav li {
  list-style: none;
  margin: 0 1px 0 0;
  padding: 0;
  float: left;
}
.ui-tabs-nav a {
  position: relative;
  top: 1px;
  display: block;
  padding: 10px 8px;
  border: solid #e1e0dc;
  border-width: 1px 1px 0 1px;
  background: #d6d6d6;
  color: #999;
  text-decoration: none;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.ui-tabs-nav li.ui-tabs-selected a {
  color: #c70d37;
  background: #fff;
}
.ui-tabs-panel {
  clear: both;
  padding: 20px;
  background: #fff;
  border: 1px solid #e1e0dc;
}
.ui-tabs-hide {
  display: none;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.visuallyhidden.focusable:active {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:before {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a:visited {
        text-decoration: underline;
    }

    a {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    a[href^="#"]:after {
        content: "";
    }

    a[href^="javascript:"]:after {
        content: "";
    }

    .ir a:after {
        content: "";
    }

    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    img {
        page-break-inside: avoid;
    }

    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    h3 {
        orphans: 3;
        widows: 3;
    }

    h2 {
        orphans: 3;
        widows: 3;
    }

    p {
        orphans: 3;
        widows: 3;
    }

    h3 {
        page-break-after: avoid;
    }

    h2 {
        page-break-after: avoid;
    }
}

