/***********************************************/
/* based on 3col_leftNav.css */
/***********************************************/

/***********************************************/
/* HTML tag styles */
/***********************************************/

/* {
  margin: 0;
} */
/*
html{
 height: 100%;
}
*/
body{
/* height: 100%; */
 font-family: Arial,sans-serif;
 color: #333333;
 line-height: 1.166;
 margin: 0px;
 padding: 0px;
 background-color: #eeeeee;
}

a{
 color: #006699;
 text-decoration: none;
}

a:link{
 color: #006699;
 text-decoration: none;
}

a:visited{
 color: #006699;
 text-decoration: none;
}

a:hover{
 color: #006699;
 text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/***********************************************/
/* Layout Divs */
/***********************************************/
#mainSearch{
 width: 625px;
 height:83px;
 background-image: url(http://iwwerks.com/lsrcontent/content/images/searchbox.gif);
}

#mainSearchForm{
 padding-top: 28px;
}

#mainSearchForm input{
 vertical-align: middle;
}

#siteContent{
 /*height: 100%; */
 min-width: 1028px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}

#siteHead{
 /*height: 17%; */
 /*min-height: 109px; */
 height: 109px;
 width: 100%;
}

#siteHead.titleOnly{
 /*height: 8%;*/
 /* min-height: 74px;*/
 height: 74px;
 width: 100%;
}


#siteTitle{
 padding: 0px 11px 0px 5px;
 height: 34px;
 background-image: url(http://iwwerks.com/lsrcontent/content/images/TopHeader.gif);
 /* border-bottom: 1px solid #cccccc; */
 position: relative;
}

#siteHead img {
  display: inline;
}

#siteHeadLogo{
 float: left;
 display: inline;
}

#siteHeadWelcome{
 float: right;
 padding: 10px 0px 9px 0px;
 font-size: 14px;
 font-family: Arial,sans-serif;
}

#siteBody{
 /*clear: both;*/
 /*height: 77%;*/
 height: 500px;
 width: 100%;
 background-color: #eeeeee;
 overflow-y: auto;
 overflow-x: hidden;
}

#navBar{
 float: left;
 /* height: 100%; */
 width: 12%;
 min-width: 130px;
 max-width: 150px;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #eeeeee;
 border: 1px solid #cccccc;
 /* border-bottom: 1px solid #cccccc; */
}

#navBarType{
 float: left;
 /* height: 100%; */
 width: 12%;
 min-width: 125px;
 max-width: 150px;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #eeeeee;
 border: 1px solid #cccccc;
 /* border-bottom: 1px solid #cccccc; */
}

#mediaview{
 background-color: #EEEEEE;
 float: right;
 width: 36%;
 /* height: 100%;
 max-height: 100%; */
 min-width: 330px;
 border-left: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 padding-right: 10px;
 overflow-y: visible;
 overflow-x: auto;
}

#centerer {
  padding: 0px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}

#fullcenterer {
  padding: 0px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}


#content{
 background-color: #FFFFFF;
 float: left;
 width: 37%;
 min-width: 340px;
 /* max-width: 25%; */
 padding: 0px 0px 0px 0px;
 height: 500px;
 overflow-y: scroll;
}
#content.nomedia{
 float: left;
 width: 60%;
 padding: 0px 0px 0px 0px;
 overflow-y: auto;
}

#content.nosides{
 width: 100%;
 padding: 0px 0px 0px 0px;
 overflow-y: auto;
}

#content ul{
 whitespace: nowrap;
}

#content li{
 height: 31px;
 list-style: none;
 whitespace: nowrap;
 border-bottom: 1px solid #cccccc;
 padding: 2px 0px 2px 5px;
}
#content a{
 font-size: 12px;
 font-weight: bold;
 color: #344f56;
 font: Arial;
 text-decoration: underline;
}


/***********************************************/
/* Components */
/***********************************************/

#siteName{
 margin: 0;
 padding: 0 0 0 10px;
}


/************* #globalNav styles **************

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
 font-size: 90%;
 padding: 0 4px 0 0;
}

*/

/*************** #pageName styles **************/

#pageName{
 margin: 0px;
 padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/
#BreadCrumb{
 font-size: 12px;
 font: Arial;
 font-weight: Bold;
 background-image: url(http://iwwerks.com/lsrcontent/content/images/TertiaryHeader.gif);
 color:#FFFFFF;
 padding: 11px 0px 11px 5px;
/* border-bottom: 1px solid #cccccc; */
 height: 18px;
 max-width: 100%;
}

/************** .feature styles ***************/

.feature{
 padding: 0px 0px 10px 10px;
 font-size: 80%;
}

.feature h3{
 padding: 30px 0px 5px 0px;
 text-align: center;
}

.feature img{
 float: left;
 padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
 clear: both;
 padding: 10px 0px 0px 10px;
 font-size: 80%;
}

.story p{
 padding: 0px 0px 10px 0px;
}


/************* #siteFoot styles ***************/

#siteFoot{
 clear: both;
 border: 1px solid #cccccc;
 font-size: 75%;
 color: #cccccc;
 background-color: #FFFFFF;
 padding: 0px 0px 0px 0px;
 /* position: relative */
 max-width: 100%;
 //height: 4%;
 height: 20px;
 //max-height: 20px;
}

#siteFoot img{
 padding: 4px 4px 4px 10px;
 vertical-align: middle;
}

.clearfooter{
 height: 20px;
 clear: both;
}

/************* #search styles ***************/

#searchdiv{
 background-image: url(http://iwwerks.com/lsrcontent/content/images/SecondaryHeader.gif);
 height: 23px;
 padding: 6px 0px 6px 3px; 
}

#searchdiv form{
 vertical-align: bottom;
 padding: 0px;
 display:inline;
}

#searchdiv input[type=text]{
 width: 82%;
 vertical-align: top;
 padding: 0px;
}

#searchdiv input[type=hidden] {
  visibility: hidden;
 padding: 0px;
}

#searchdiv input[type=image]{
 vertical-align: top;
 hieght: 22px;
 padding: 0px;
}

#searchdiv input[type=submit]{
 width: 50px;
 padding: 0px;
}

/*
#searchdiv label{
 display: block;
 margin: 0px;
 padding: 0px;
} */


/*********** #navBar link styles ***********/

/* #navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;} */

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/* #navBar li {border-bottom: 1px solid #EEE;} */

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

dl, dt, dd, ul, li {
 margin: 0;
 padding: 0;
/* list-style-type: none; */
}

dl#menu {
 background-color: #eeeeee;
 list-style: none;
 position: relative;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #cccccc;
 font-size: 14px;
 font-weight: bold;
 color: #344f56;
 font: Arial;
 width: 100%;
}

dl#menu dt {
 background-color: #eeeeee;
 background-image: url(http://iwwerks.com/lsrcontent/content/images/plus.gif);
 background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
 background-repeat: no-repeat;

 /* list-style: none; */
 border-top: 1px solid #cccccc;
 height: 14px;
 padding: 11px 0px 11px 10px;
 vertical-align: middle;
 cursor: pointer;
}

dl#menu dt:hover{
 background-color: #cdeaff;
}

dl#menu dd {
 display: none;
 //background: #fff;
 background-color: #eeeeee;
}

dl#menu ul {
 background-color: #eeeeee;
 list-style: none;
}

dl#menu li {
 background-color: #eeeeee;
 text-align: left;
 padding: 2px 0px 5px 20px;
}

dl#menu li a, dl#menu dt a {
 display: block;
 font-size: 14px;
 font-weight: bold;
 font: Arial;
 color: #344f56;
}

/* dl#menu li a:hover, dl#menu dt a:hover {
 background: #eee;
} */

#sectionLinks{
 position: relative;
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #cccccc;
 font-size: 14px;
 font-weight: bold;
 color: #344f56;
 font: Arial;
}

#sectionLinks li{
 list-style: none;
 border-top: 1px solid #cccccc;
 height: 14px;
 padding: 11px 0px 11px 10px;
 vertical-align: middle;
}

#sectionLinks h3{
 padding: 10px 0px 2px 10px;
}

#sectionLinks a {
 display: block;
 font-size: 14px;
 font-weight: bold;
 font: Arial;
 color: #344f56;
}

#sectionLinks li:hover{
 background-color: #cdeaff;
}