*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

html {display:block;
    margin: 0;
    padding:0;
    height: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size:100%;}  
  
body {font-family: "nimbus-sans", arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    font-weight:400;
    color: #333;
    background: url("/includes/img/bkgBody.jpg") repeat-x #fff fixed;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 10px 0px;}

body td, body th {font-size: 100%;}

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, Tahoma, serif;
    color: #333;
    background:none;}
h1 {margin: 0px;
    padding: 2px 0px;
    background: none;
    font-size: 2.25em;
    font-weight: 500;}
h2 {border-bottom: 1px dotted #bbb; /* Large Heading */
    font-size: 1.875em;
    font-weight: 500;}
h3 {font-size: 1.5em; /* Medium Heading */
    font-weight: 500;} 
h4 {font-size: 1.25em; /* Small Heading */
    font-weight: 500;
    color: #333;
    background: none;}
ol {list-style-position: outside;}
ul {list-style-position: outside;}
li {padding-bottom: 5px;}
td p {margin:0;
    padding:0;}
a, a:link, a:visited, .ui-accordion .ui-accordion-content a {color:   #039;
    background: none;
    text-decoration: none;}
a:hover, a:active, a:focus {color: #933;
    background: none;}
img {margin: 0px;
    padding: 0px;
    border: none;
    display: inline;
    vertical-align: top;}
object, embed {margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: top;
    display: inline;}
option {margin: 0px;
    padding: 1px;
    border:none;}
input, textarea, select {margin: 0px;
    padding: 1px;
    border: 1px solid #ddd;}
form {margin: 0px;
    padding: 0px;
    color:#666;
    background: none;}
form p {margin-bottom: -10px;}
strong {font-weight:700;}
.formindent {margin: 0 0 0 12em;
    padding: 2px 0 2px 6px;}
#appImage {margin: 0em 0em 0em 12em;
    padding: 2px 0px 2px 6px;}
.cmd, .btn, .button {margin: 0;
    padding: 3px 5px;
    border:none;
    color: #fff;
    background: rgb(0,174,239);}
.cmdindent {margin: 0 0 0 12.5em;
    padding: 2px 0;
    color: #C80E00;
    background-color: #eee;
    border: 1px solid #09c;}
.fieldpair {margin: 10px 0;
    padding: 0;
    clear: both;}
.fieldpair label {margin: 0;
    padding: 2px 6px 2px 0;
    width: 12em;
    text-align: right;
    float:left;}
.fieldpair input {margin: 0px;
    padding: 0px;}
.rowSpacer {display:block;
    clear: both;
    line-height: 0px;
    font-size: 0em;}    
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.rounded {-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;}
a.txt-button {margin: 0;
    padding: .5rem;
    height:1rem;
    color: #fff;
    background: rgb(0,174,239);
    font-size:1rem;
    text-align:center;
    -moz-box-shadow: 0 2px 5px #333;
    -webkit-box-shadow: 0 2px 5px #333;
    box-shadow: 0 2px 5px #333;}    
a.txt-button:hover, a.txt-button:focus {background: #039;
    -moz-box-shadow: 0 2px 3px #333;
    -webkit-box-shadow: 0 2px 3px #333;
    box-shadow: 0 2px 3px #333;}    
    
    
/*********************
user controled classes for use in editor
**********************/

.subhdindent {font-size: 1em; /* subhead indented */
    padding-left: 2em;
    color: #333;
    background: none;}
.photohead {margin-bottom: -1.2em;
    font-size: .9em; /* photohead */
    font-weight: bold;
    color: #222;
    background: none;}
.dottedtop {border-top: 1px dotted #bbb;}
.dottedbottom {border-bottom: 1px dotted #bbb;}
.byline {font-size: .8em;
    padding: 0px;
    margin: -5px 0px 5px 0px;
    color: #666;
    background: none;}
.photocaption, td .photocaption {padding: -2px 2px 0px 2px;
    font-size: .8em;
    font-weight: 400;
    color: #666;
    background: none;
    letter-spacing: .05em;}
.quote {font-size: 1.125em;
    padding: 5px 20px;
    color: #666;
    background: none;
    letter-spacing: .05em;}
.indent {padding-left: 2em;}
.boxedtext {margin: 3px 10px 3px 10px;
    padding: 4px;
    border: 1px solid #bbb;}
.bold {font-weight: bold;}
.textxlarge {font-size: 1.2em;}
.textlarge {font-size: 1.1em;}
.textmedium {font-size: 1em;}
.textsmall {font-size: .9em;}
.textsmallbold {font-size: .9em;
    font-weight: 700;}
.textxsmall {font-size: .8em;}
.textxsmallbold {font-size: .8em;
    font-weight: 700;}
.underline {text-decoration: underline;}
.unlist {list-style-type:none;}
td {background-color:#fff;}
table.tableBorder, .tableBorder td, .tableBorder th {border: 1px solid #999;}
.tableHeader {font-size: 1.4em; /* same as Medium Heading h3 */
    font-weight: 700;
    font-family: Georgia, "Times New Roman", Times, Tahoma, serif;
    color: #333;
    background:none;}
td.gridhead {margin: 0;
    padding: 0 5px;
    font-size: 1em; /* Medium Heading */
    font-weight: 700;
    height: 50px;
    vertical-align: middle;
    color: #fff;
    background: url("/includes/img/tablehighlight.jpg") #295C9C repeat-x;}
table+p {margin-top:0;}
/***********  layout  ***********/
#container {display: block;
    margin-top: 4px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;  
    padding: 0px;
    width: 1000px; 
    color: #000;
    background: none;
    text-align:left;} 

#printrowbanner {display: none;}

#rowCompanies{display:block;
    margin: 0;
    padding: 4px;
    width:1000px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #333;
    background: url("/includes/img/bkgRowCompanies.jpg") #fff top left repeat-x;
    font-size: .8em;
}
#rowCompanies a {padding: 0 10px 0 0;
    color: #333;
    background: none;
    text-decoration: none;}
#rowCompanies a:hover {color: #933;
    background: none;
    text-decoration: none;}

#rowBanner {position:relative;
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    width:1000px;
    height: 98px;
    color: #000;
    background-color: #fff;
    clear: both;} 

#flashheader {margin: 0;
    padding: 0;
    width: 648px;
    color:#000;
    background: none;}
#homelink {display: block;
    position:absolute;
    top:0px;
    left:0px;
    margin: 0;
    padding:0;
    width:350px;
    height:96px;
    background:none;}   

#skipnav {display: none;}

#rowFasttrack {display:block;
    margin: 0;
    padding: 4px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 1000px;
    color: #333;
    background: url("/includes/img/bkgRowClutter.jpg") #fff bottom left repeat-x;
    font-size: .8em;}
#rowFasttrack a {margin: 0;
    padding: 0px 13px 0px 0px;
    color: #333;
    background: none;
    text-decoration: none;}
#rowFasttrack a:hover {color: #933;
    background: none;
    text-decoration: none;}
#rowFasttrack p {margin:0px;
    padding:0px;}
    
.emergency {display:block;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 1000px;
    background: #b33;
    clear: both;}     
.emergencyTitle {
    margin: 0px;
    padding: 5px 10px;
    width: 20%;
    color: #ddd;
    background-color:#333;
    font-size: 1em;
    font-weight: 700;
    text-align:right;
    float:left;}
.emergencyContent {
    margin: 0px;
    padding: 5px 10px;
    width:70%;
    color:#ddd;
    font-size: 1em;
    font-weight: 700;
    float:left;}    
.emergencyContent p {margin: 0px;
    padding: 0px;}
.emergencyContent a {padding: 0px;
    color: #ddd;
    background: none;
    text-decoration: none;}
.emergencyContent a:hover {color: #fff;
    background: none;
    text-decoration: underline;}

#rowNav {display: block;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    width: 1000px;
    clear: both;}

/******  Start Sub Navigation  ******/
#horzNav1 {display:block;
    margin: 0;
    padding: 0;
    width: 1000px;
    color: #ccc;
    background: url("/includes/img/bkgHorzNav.jpg") #295C9C repeat-x;
    font-size:1.0625rem;
    font-weight:700;
    text-align: center;
    clear:both;}

#horzNav1 ul {display:block;
    margin: 0px;
    padding: 4px;}

#horzNav1 ul li {display:inline;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    list-style-type: none;}

#horzNav1 ul li a {margin: 0px 5px 0px 7px;
    padding: 4px 5px;
    color: #fff;
    background: none;
    text-decoration: none;}
    
#horzNav1 ul li:hover a {margin: 0px 5px 0px 7px;
    padding: 4px 5px;
    color: #933;
    background: url("/includes/img/bkgHorzNav_over.gif") #fff no-repeat top left;}

#horzNav1 ul li.selected {display:inline;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    list-style-type: none;}

#horzNav1 ul li.selected a {color: #933;
    background: url("/includes/img/bkgHorzNav_over.gif") #fff no-repeat top left;}



/* #####  nav level 2  ##### */
#horzNav2 {display:block;
    margin: 0px;
    padding: 0px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;    
    width: 1000px;
    font-size:1.0625rem;
    color: #666;
    background-color: #fff;
    clear:both;}

#horzNav2 ul {display:block;
    margin: 0;
    padding: 4px;
    border-bottom: 1px solid #ddd;}

#horzNav2 ul li {display:inline;
    margin: 0;
    padding:  0;
    list-style-type: none;}

#horzNav2 ul li a {margin: 0px;
    padding: 0px 3px 0px 5px;
    color: #039;
    background: none;}
    
#horzNav2 ul li.selected a {color: #933;
    background:none;}

/* #### nav level 3 #### */
#horzNav3 {display:block;
    margin: 0;
    padding: 0;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;    
    width: 1000px;
    font-size:1rem;
    background-color: #fff;
    clear:both;}

#horzNav3 ul {display:block;
    margin: 0;
    padding: 4px;
    border-bottom: 1px solid #ddd;}

#horzNav3 ul li {display:inline;
    margin: 0px;
    padding:  0px;
    list-style-type: none;}

#horzNav3 ul li a {margin: 0px;
    padding: 0px 3px 0px 5px;
    color: #666;
    background: none;}

#horzNav3 ul li.selected a {color: #933;
    background: none;}

/* #### nav level 4 #### */

#horzNav4 {display:block;
    margin: 0;
    padding: 0;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;    
    width: 1000px;
    font-size:1rem;
    background-color: #fff;
    clear:both;}

#horzNav4 ul {display:block;
    margin: 0;
    padding: 4px;
    border-bottom: 1px solid #bbb;}

#horzNav4 ul li {display:inline;
    margin: 0;
    padding:  0;
    list-style-type: none;}

#horzNav4 ul li a {margin: 0px;
    padding: 0px 3px 0px 5px;
    color: #999;
    background: none;}

#horzNav4 ul li.selected a {color: #933;
    background: none;}

/* #### nav level 4 #### */
#horzNav5 {display:none;}

/******* End Sub Navigation  ******/

#rowContent {display:block;
    margin: 0;
    padding: 0;
    width: 1000px;
    background: url("/includes/img/bkgRowContent.jpg") repeat-y top right #fff;
    clear: both;}

#impactImage {width:755px; overflow:x hidden; text-align:center; margin-bottom:15px;}

#colOne {margin:0px 5px 0 0;
    padding: 0px 20px;
    border-top: 1px solid #ddd;
    width: 795px;
    color: #000;
    background: none;
    float:left;}   

/* ##### breadcrumb row ##### */
#rowBread {margin: 3px 0px;
    padding:0px 0px 2px 0px;
    font-size: .9375em;
    color: #999;
    background: none;}
#rowBread a, #rowBread a:visited, #rowBread a:link, #rowBread a:active {
    text-decoration: none;
    color: #999;
    background: none;}
#rowBread a:hover {color: #933;
    background: none;}

.options {margin: 0px 0px;
    padding: 5px 0px;
    font-size: .9375em;
    color: #999;
  background: none;}
.optionsBox {margin:0px;
    padding:5px 0px;}
.options a, .options a:visited, .options a:link, .options a:visited {margin: 0px;
    color: #999;
  background: none;}
.options a:hover {color: #933;
    background: none;
    text-decoration:none;}
.topOfPage {display: block;
   clear:both;
    margin: 1em 0;
    padding: 0;}
p.topOfPage a {margin-left: 1em;
    font-size: .8125em;}

.kicker {margin: 5px 0px;
    color: #666;
    background: none;
    font-size: 1.2em;
    font-family: Georgia, 'Times New Roman', Times, Trebuchet, Tahoma, serif;
    font-style:italic;}

.dateline {margin: 8px 0px 5px 0px;
    padding: 0px;
    font-size:.8125em;}
    
.highlightBox {margin:0 0 10px 10px;
    padding: 0;
    border: 1px solid #ddd;
    float: right; 
    clear: both;
    width:220px;}
.highlightBody {padding: 8px 12px;
    color: #333;
    background: #fff;
    font-size: .8125em;}
.highlightBody ul {margin: 0;
    padding:2px 0px 2px 18px;}
.highlightBody p {margin: 0 0 10px 0;}
.highlightTitle {margin: 0;
    padding: 4px;
    color: #f1f1f1;
    background: url("/includes/img/bkgHighlight.jpg") #039 repeat-x;
    font-size: 1em;
    font-weight:700;}


.newsitem {display: block;
    margin: 10px 0px 10px 0px;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #bbb;
    clear:both;}
.newsitemthumb {display:inline;
    float:left;
    width: 100px;}
.newsitemtext {display:inline;
    width:645px;
    float:right;}

#colTwo {margin: 0px;
    padding: 0px;
    width: 200px;
    float: right;}

#rtSearchBox {margin: 0;
    padding: 4px 0px;
    border-bottom: 1px solid #bbb;
    color: #bbb;
    background: #ccc;
    text-align: center;}
.rtSearchField {display: inline;
    margin: 0px; 
    padding: 2px;
    width:10rem;
    border: 1px solid #bbb;
    color: #666;
    font-size: .9em;
    background: #fff;}
.rtSearchBtn {display: inline;
    margin: 0px;
    padding: 0px;
    border: none;
    width: 14px;
    background: url("/includes/img/searchArrowBtn.png") 0px 2px no-repeat;
    cursor:pointer;}

#rtColEditBox {display:block;}
#rtColEditBox ul {margin:5px 0px;
    padding: 0px 5px;
    font-size: .86em;}
#rtColEditBox li {margin: 0px 0px 0px 18px;
    padding: 0px;}
#rtColEditBox p {padding: 0px 5px;
    font-size: .86em;}
#rtColEditBox p.rtcolhead {margin: 3px 0px;
    padding: 5px 5px;
    color: #fff;
    font-size:1em;
    width:100%;
    background: url("/includes/img/bkgHighlight.jpg") #295C9C repeat-x;}
p.rtcolhead {margin: 3px 0px;
    padding: 5px 5px;
    color: #fff;
    font-size:1em;
    background: url("/includes/img/bkgHighlight.jpg") #295C9C repeat-x;}
#rtColEditBox p.imgHead {margin: 3px 0px;
    padding: 0px;}
#rtColEditBox .byline {font-size: .8em;
    padding: 0px 5px 0px 5px;
    margin: -5px 0px 5px 0px;}
#rtColEditBox .quote {padding: 0px 15px 0px 15px;
    font-size: .8125em;
    color: #666;
    background: none;
    letter-spacing: normal;}
#rtColEditBox .photocaption {margin: 0;
    padding: 0 5px;
    font-size: .8125em;
    letter-spacing: .05em;
    color: #333;
    background: none;}
#rtColEditBox h4 {padding-left: 4px;
    font-size:.975em;
    font-weight: 400;}

#rowContentBottom {display:block;
    margin: 0px 0px;
    padding: 0px;
    width: 1000px;
    height: 1px;
    line-height:.01em;
    font-size: .01em;
    background: url("/includes/img/bkgRowContentCap.jpg") no-repeat #fff;
    clear: both;}

#rowFooter {display: block;
    margin: 4px 0 10px 0;
    padding: 15px 19px 10px 19px;
    border: 1px solid #ddd;
    width:1000px;
    color: #333;
    background: #fff;
    clear: both;}
.rowFooterItem {display:inline;
    margin: 0;
    padding: 0 10px;
    width:240px;
    font-size: .9em;
    float:left;}
.rowFooterItemTitle {
    font-size:1em;
    font-weight:700;
    border-bottom: 1px solid #eee;}
.rowFooterItem a {color:#039;
    background: none;
    text-decoration: none;}
.rowFooterItem a:hover {color: #933;
    background: none;
    text-decoration: none;}
.rowFooterItem ul {margin:4px 0;
    padding:0;}
.rowFooterItem p {margin:4px 0;
    padding:0;}
.rowFooterItem li {list-style-type: none;}

.footerNewsFeedBody ul {display:block;
    margin:0;
    padding:0;
    clear:both;}
.footerNewsFeedBody li {display:block;
    margin: 0;
    padding:2px;
    list-style-type:none;}
.footerNewsFeedBody li:hover {background:#f3f3f3;}

.footerRssDate {color:#666;
    background:none;
    font-size:.875em;}

/**********  social media icons **********/
#socialMediaIcons {display:block;
margin: 5px 0 0 0;
padding: 0;
width:220px;}
.smyt a {display:inline;
    margin:0;
    padding: 0;
    width: 65px;
    height: 32px;
    background: url("/includes/img/socialMediaIcons/smYouTube.jpg") 0px 0px no-repeat;
    float:left;}
.smyt a:hover {background: url("/includes/img/socialMediaIcons/smYouTube.jpg") 0px -34px no-repeat;}
.smwp a {display:inline;
    margin:0;
    padding: 0;
    width: 61px;
    height: 32px;
    background: url("/includes/img/socialMediaIcons/smWordPress.jpg") 0px 0px no-repeat;
    float:left;}
.smwp a:hover {background: url("/includes/img/socialMediaIcons/smWordPress.jpg") 0px -34px no-repeat;}
.smt a {display:inline;
    margin:0;
    padding: 0;
    width: 31px;
    height: 32px;
    background: url("/includes/img/socialMediaIcons/smTwitter.jpg") 0px 0px no-repeat;
    float:left;}
.smt a:hover {background: url("/includes/img/socialMediaIcons/smTwitter.jpg") 0px -34px no-repeat;}
.smf a {display:inline;
    margin:0;
    padding:0;
    width: 31px;
    height: 32px;
    background: url("/includes/img/socialMediaIcons/smFaceBook.jpg") 0px 0px no-repeat;
    float:left;}
.smf a:hover {background: url("/includes/img/socialMediaIcons/smFaceBook.jpg") 0px -34px no-repeat;}
.smr a {display:inline;
    margin:0;
    padding: 0;
    width: 31px;
    height: 32px;
    background: url("/includes/img/socialMediaIcons/smRss.jpg") 0px 0px no-repeat;
    float:left;}
.smr a:hover {background: url("/includes/img/socialMediaIcons/smRss.jpg") 0px -34px no-repeat;}
/**********  end social media icons **********/

#rowPageEnd {display: block;
    margin: 4px 0px 10px 0px;
    padding: 15px 1px 10px 1px;
    width:1000px;
    color: #333;
    background: #fff;
    clear: both;}

/***********  calendar   ***********/
.eventItem {display:block;
    margin: 0;
    padding: 10px 0;
    min-height:5em;
    border-bottom: 1px dotted #ddd;}
.eventDateBox {margin: 0;
    padding:0;
    border:1px solid #ddd;
    width:50px;
    height:50px;
    background: #eee;
    text-align:center;
    float:left;}
.eventBigDay {margin:0;
    padding:0;
    font-size: 1.25em;
    font-family: Georgia, "Times New Roman", Times, Tahoma, serif;}
.eventBigMonth {margin:0;
    padding:0;
    font-size:1.125em;}
.eventDetailBox {margin:0 0 0 10px;
    padding:0;
    width:690px; 
    float:left;}
.eventDetailBox h2 {margin:0;
    padding:0;
    border-bottom: 1px dotted #eee;
    font-size:1em;
    font-weight:700;}
.eventDetailBox p {margin:0;
    padding:0;}    
.eventDesc {margin:0;
    padding: 5px 0;}    
.eventDesc h1 {font-size:1.1em;}    
.eventDesc h2 {font-size:1em;}
.eventDesc h3 {font-size:1em;}
.eventDesc h4 {font-size:1em;}
/***********  end calendar   ***********/


/***********  colors   ***********/
.linkBlue {color:#039;
    background:none;}
.red {color: #933;
    background:none;}
.basinBlue {color: #09c;
    background:none;}
.dgcBlue {color: #295C9C;
    background:none;}

.relatedVideos {list-style-type: none; margin-left:-35px;}
.relatedVideos li {padding:5px; width:180px;}
.videoThumb {float: left; padding:5px; margin-left:-20px;}
.videoTitle {height:56px; overflow:hidden; vertical-align:top; padding:3px;}
#image-box{float:right; margin:0px 0px 10px 10px;}
#image-box-ns{float:right; margin:0px 0px 0px 10px;}

.articleBlock {margin:10px;}

/* Google Search Results */
#cse-search-results iframe {width:700px;}


/*------------ Video Stuff ----------*/
/***********  Video Gallery in Page  ***********/
.vid-gal-item {margin: 10px;
  padding: 0;
  width: 130px;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px rgba(50,50,50,.5);
  -webkit-box-shadow: 0px 0px 3px rgba(50,50,50,.5);
  -box-shadow: 0px 0px 3px rgba(50,50,50,.5);
  background-color: #fff;
  float: left;}
.vid-gal-item:hover {background-color: #f9f9f9;}

.vid-gal-img {width: 100%;
  height: 73px;
  overflow:hidden;}

.vid-gal-text {margin: 0;
  padding: 4px;
  width: 100%;
  height: 5rem;
  font-size:.9375em;}

/***********  Video List Right Column ***********/
.vid-gal-list-item {display:block;
    position:relative;
    margin: 0 0 .5rem 0;
    padding: 0;
    height:52px;
    background-color: rgba(255,255,255,0);
    overflow:hidden;
    clear:both;}
.vid-gal-list-item:hover {background-color: rgba(255,255,255,.75);}
  
.vid-gal-list-img {position:absolute;
    top:5px;
    left:5px;
    margin:0;
    padding:0;
    width: 60px;
    height: 40px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 3px rgba(50,50,50,.5);
    -webkit-box-shadow: 0px 0px 3px rgba(50,50,50,.5);
    -box-shadow: 0px 0px 3px rgba(50,50,50,.5);}
.vid-gal-list-img-btn {position:absolute;
    top:15px;
	left:20px;
	width:30px;
	height:20px;
    z-index:2;}
.vid-gal-list-text {position:absolute;
    top:2px;
    left: 70px;    
    margin: 0;
    padding: 0;
    font-size:.8125em;
    line-height:1.25em;}

/***********  Reveal Modals  ***********/
    /* from Foundation Zurb */
        
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}
.reveal-modal {
  visibility: hidden;
  top: 100px;
  left: 50%;
  margin-left: -300px;
  width: 560px;
  background: #fff url(/includes/img/modal-gloss.png) no-repeat -200px -80px;
  position: absolute;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}
.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}
.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}
.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
  font-weight: bold;
  cursor: pointer;
} 
    /*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/