/**************************************\
|------------COLOR SCHEME--------------|
000000  black
ffffff  white
a13232  red - color - 1
4d4c4c  dk gray - color-dk
8d8284  med gray - color-m
e2e2e2  lt gray - color-lt
0f0f0f  lt black - color - 2

\**************************************/

/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* BASIC TYPOGRAPHY */
html { font-size: 12px; font-family: "Liberation Sans", Helvetica, Arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

/* LISTS */
ul li { margin-left: .85em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* TABLES */
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
table.music, table.music th, table.music td {border:none;padding:0px;}

/* MARGINS & PADDINGS */
blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 1em 0 .5em;  }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form { margin-bottom: .8em; }

/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*  <button type="submit" class="button positive">
	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
	</button>
	<a class="button" href="/password/reset/">
	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
	</a>
	<a href="#" class="button negative">
	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
	</a> */
a.button, button {display: inline-block;float: left;margin:0 0.583em 0.667em 0;padding:5px 10px 5px 7px;   /* Links */border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
button {width:auto; :visible;padding:4px 10px 3px 7px;   /* IE6 */}
button[type] {padding:4px 10px 4px 7px;   /* Firefox */line-height:17px;           /* Safari */}
*:first-child+html .container button[type] {padding:4px 10px 3px 7px;   /* IE7 */}
button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
/* Standard Buttons */
button:hover, a.button:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
a.button:active, button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
/* Positive */
body .positive {color:#529214;}
a.positive:hover, button.positive:hover {background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
a.positive:active, button.positive:active {background-color:#529214;border:1px solid #529214;color:#fff;}
/* Negative */
body .negative {color:#d12f19;}
a.negative:hover, button.negative:hover {background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active, button.negative:active {background-color:#d12f19;border:1px solid #d12f19;color:#fff;}

/* TEXT CLASSES */
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.smtext {font-size:10px;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.medtext {font-size:11px;}
.med-text {font-size:11px;}
.regtext {font-size:13px;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}
.tright {text-align:right;}
.tleft {text-align:left;}

/* BASE SIZES */
.container { font-size: 12px; line-height: 1.6em; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 {margin-top:0; font-size: 1.5em;}
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

.clearfix:after {content:"."; display:block; height:0;clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */

/* FLOATS */
.left, .float-left {float:left;margin-right:10px;}
.right, .float-right {float:right; margin-left:10px;}
.float-center {margin:auto;}

/* COLORS */
a {color:#a13232;text-decoration:underline;}
a:visited {color:#4c4c4b;}
a:hover {color:#841f3f;}
a:active, a:focus {}
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

.color-1 {background-color:#a13232;color:#fff;}
.color-2 {background-color:#0f0f0f;color:#fff;}
.color-dk {background-color:#4d4c4c;color:#fff;}
.color-m {background-color:#8d8284;color:#fff;}
.color-lt {background-color:#e2e2e2;color:#000;}

/**************************************/
/*              GLOBALS               */
/**************************************/
body {margin:0px;background-color:#000;background-image:url(/Templates/images/bgrd.jpg); background-repeat:repeat;font-size:13px;}
#wrapper {background-color:#fff;width:1000px;margin:auto;text-align:left;color:#000;font-size:12px;}
.contain {overflow:hidden;}

.img {border:1px solid #000;}
.img-b {background-color:#fff;padding:4px;border:1px solid #333;}
.img-left {float:left;margin-right:10px;}
.img-right {float:right;margin-left:10px;}
.img-hshot {padding:10px;}

.pad {padding:10px;}
.acenter {margin:auto;}

hr {color: #ccc;background-color:#ccc;border: none 0; border-top: 1px dashed #000;/*the border*/width: 50%;height: 1px;/*whatever the total width of the border-top and border-bottom equal*/}

/**************************************/
/*              HEADER                */
/**************************************/

/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav {background-image:url(/Templates/images/nav.jpg);background-repeat:no-repeat;height:48px;}
/* Navigation: CSSMenu - Horizontal by Alexander Endresen and mark and Nuno */
#menu_vert {/* no margin/padding so it fills the whole div */ margin: 0;padding: 0;}
.clearb {/* needed for some browsers */ clear: both;}
#menuwrapper {/* set the background color for the menu here */ background-color:; /* IE6 Hack */ height: 1%; /* one border at the top */ margin: auto;padding: 0px;width: 960px;}
ul#primary-nav, ul#primary-nav ul {/* remove any default bullets */ list-style-type: none;margin: 0;padding: 0;}
ul#primary-nav {/* pushes the menu div up to give room above for background color to show */ padding-top: 0px; /* keeps the first menu item off the left side */ padding-left: 10px;}
ul#primary-nav ul { /* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */ position: absolute; /* top being the bottom of the li it comes out of */ top: auto; /* keeps it hidden till hover event */ display: none; /* same size but different color for each border */ border-top: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #fff;border-left: 1px solid #fff;}
ul#primary-nav ul ul {/* now we move the next level ul down from the top a little for distinction */ margin-top: 1px; /* pull it in on the left, helps us not lose the hover effect when going to next level */ margin-left: -1px; /* keeps the left side of this ul on the right side of the one it came out of */ left: 100%; /* sets the top of it inline with the li it came out of */ top: 0px;}
ul#primary-nav li {/* floating left will set menu items to line up left to right else they will stack top to bottom */ float: left; /* no margin/padding keeps them next to each other, the padding will be in the "a" */ margin: 0px;padding: 0px;}
#primary-nav li li {/* Set the width of the menu elements at second level. Leaving first level flexible. */ width: 220px; /* removes any left margin it may have picked up from the first li */ margin-left: 0px; /* keeps them tight to the one above, no missed hovers */ margin-top: -1px; /* removes the left float set in first li so these will stack from top down */ float: none; /* relative to the ul they are in */ position: relative;}
/* set the "a" link look here */
ul#primary-nav li a {/* specific font size, this could be larger or smaller than default font size */ font-size:14px/30p; /* make sure we keep the font normal */ font-weight: bold; /* set default link colors */ color: #000; /* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */ padding: 9px 15px 8px; display: block; /* sets no underline on links */ text-decoration: none;font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;text-transform: uppercase;letter-spacing: -0.3px;}
ul#primary-nav li a:hover {/* kind of obvious */ background-image:url(/Templates/images/nav-on.jpg); color:#000;}
ul#primary-nav li li a:hover {/* this is set to #000, black, below so hover will be white text */ background-color:#ededed; color: #000;}
ul#primary-nav li a.menuactive {color: #000; /* bold to set it off from non active */ font-weight: bold; /* set your image here */ background-image:url(/Templates/images/nav-on.jpg);}
ul#primary-nav li a.menuactive:hover {color: #000; /* keep it the same */ font-weight: bold;}
#primary-nav li li a.menuparent span {/* makes it hold a shape */ display: block; /* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */ background:;}
/* gif for IE6, as it can't handle transparent png */ 
* html #primary-nav li li a.menuparent span {/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */ background:;}
ul#primary-nav li ul a { /* insures alignment */ text-align: left; margin: 0px; /* keeps it relative to it's container */ position: relative; /* less padding than first level no need for large links here */ padding: 6px 3px 6px 10px; /* if first level is set to bold this will reset this level */ font-weight: normal; /* first level is #FFF/white, we need black to contrast with light background */ color: #000;border-bottom:1px solid #fff;}
ul#primary-nav li ul a:hover {background-image:none;background-color:#000;color:#fff;}
ul#primary-nav li ul li a:hover {background-image:none;background-color:#000;color:#fff;}
ul#primary-nav li ul {/* very lite grey color, by now you should know what the rest mean */ background-color:#a13232; margin: 0px 0px 0px; padding: 0px; position: absolute; width: auto; height: auto; display: none; position: absolute; z-index: 999; border:1px solid #fff;;  /*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
opacity: 0.95; /* CSS 3 */}
ul#primary-nav li ul ul {/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/ opacity: 95; /* CSS 3 */}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {/* set your image here, dark grey image */ background:;color: #111}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul, #primary-nav li.menuparenth ul ul ul, */
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {display: none;}
/* for fourth level add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, */
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {display: block;}
/* IE6 Hacks */
#primary-nav li li {float: left;clear: both;}
#primary-nav li li a {height: 1%;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.newsletter-container {background-image:url(/Templates/images/newsletter.jpg);background-position:center top;background-repeat:no-repeat;height:187px; overflow:hidden;}
.newsletter {text-align:center;padding:50px 40px 0px 90px;font-size:11px;text-align:right;}
#schedule-index {margin:auto;background-image:url(/Templates/images/schedule.jpg);background-position:center top;background-repeat:no-repeat;height:149px;text-align:left;font-size:11px;padding:10px 45px 0px 275px; color:#fff;}
#schedule-index a, #schedule-index a:visited, #schedule-index a:link, #schedule-index a:hover {color:#fff;}
.news-container {background-image:url(/Templates/images/news.jpg);background-position:center top;background-repeat:no-repeat;height:188px;}
.news {text-align:left;font-size:11px;margin:0px 0px;padding: 45px 45px 0px 95px;line-height:1.6em;}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {background-image:url(/Templates/images/footer.jpg);background-color:#000;background-position:top; background-repeat:no-repeat;height:169px;}
.footer {color:#fff;font-size:11px;padding:80px 25px;text-align: center;}
.footer-inside {color:#fff;font-size:11px;padding:30px 25px;text-align: center;}
#footer a, #footer a:visited, #footer a:hover, #footer a:link {color:#fff;}

/*************************************/
/*          CMS Stuff                */
/*************************************/
/*NMS ARCHIVE */
.nmsarchive_header {background-image:none;background-color:#629990;padding:3px;}
table.nmsarchive_table {}
table.nmsarchive_table th, td {padding:3px 8px;}
tr.nmsarchive_header {background-image:none;background-color:#629990;padding:3px;}
th.nmsarchive_heading {background-image:none;background-color:#629990;padding:3px 8px;border-left: 1px solid #fff;}
.oddrow {}
.evenrow {background-color:#dbdada;}
table.nmsarchive_detail {}
table.nmsarchive_detail th, td {padding:3px 8px;}
.nmsarchive {}
.nmsarchive_date {font-size:11px; font-style:italic;padding-bottom:10px;}
/*NMS */
#m4moduleform_1 input[type='text'] {width:125px;}

/* CALENDAR */
/* Example stylesheet for Calendar module for using this "big"-class insert something like this in your page or template; {cms_module module='Calendar'} */
/* make all links red */ 
.calendar tr td a {color: red;}
/* highlight "today" for the small calendar */
.calendar-today {font-weight: bold;}
/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title, #cal-upcominglist .calendar-summary-title {display: none;}
#cal-upcominglist h2, #cal-upcominglist .calendar-date ,#cal-upcominglist .calendar-summary {display: inline;margin-right: 5px;}
/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1 {color: red;font-size: 120%;}
#cal-list h2, cal-upcominglist h2 {font-size: 110%;}
/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar {margin: 0px;border-collapse:    collapse;border: 1px solid black;}
/* nice squares for the #cal-calendar table */
#cal-calendar th {border: 1px solid black;padding: 3px;width: 75px;}
#cal-calendar td {border: 1px solid black;vertical-align: top;padding: 3px;height: 75px;width: 75px;}
/* format summaries nicely in #cal-calendar */
#cal-calendar ul{margin: 0px;padding: 0px;padding-left: 5px;}
#cal-calendar li {list-style-type: none;padding: 0px;margin: 0px;}
/* background colours for #cal-calendar */
#cal-calendar td {background-color: silver;}
#cal-calendar .calendar-day {background-color: #80ff80;}
#cal-calendar .calendar-today {font-weight: normal;background-color: #8080ff;}
.calendar-event .calendar-date-title, .calendar-event .calendar-summary-title, .calendar-event .calendar-details-title {display: none;}
table.calendar-event-index {border-width:0px;border-spacing: 0px;border-style: none;border-color:;border-collapse: collapse;background-color:; font-size:11px;width:95%;}
table.calendar-event-index th {background-color:#4a4a4a;border-width: 0px;padding:3px 10px;border-style: none;border-color:;-moz-border-radius: 0px;font-size:13px;}
table.calendar-event-index td {border-width: 0px;padding: 0px 10px;border-style: none;border-color:;background-color:;-moz-border-radius: 0px;border-top:1px solid #4a4a4a; line-height:1.5em;}
table.tiger-stripe th {background-color:#4a4a4a;border-width: 0px;padding:3px 10px;border-style: none;border-color:;-moz-border-radius: 0px;font-size:13px;}

/* NEWS */
div#news {/* margin for the entire div surrounding the news items */ margin: 2em 0 1em 1em; /* border set here */ border: 1px solid #909799; /* sets it off from surroundings */ background: #f5f5f5;}
div#news h2 {line-height: 2em; /* you can set your own image here */ background: url(../uploads/ngrey/darknav.png) repeat-x left center;color: #f5f5f5;border: none}
.NewsSummary {/* padding for the news article summary */ padding: 0.5em 0.5em 1em; /* margin to the bottom of the news article summary */ margin: 0 0.5em 1em 0.5em;border-bottom: 1px solid #ccc;}
.NewsSummaryPostdate {/* smaller than default text size */ font-size: 90%; /* bold to set it off from text */ font-weight: bold;}
.NewsSummaryLink {/* bold to set it off from text */ font-weight: bold; /* little more room at top */ padding-top: 0.2em; font-size:18px;}
.NewsSummaryLink-sm {border-bottom:1px solid #ccc; padding:0.2em 0px;}
.NewsSummaryLink-sm a {text-decoration:none;}
.NewsSummaryCategory {/* italic to set it off from text */ font-style: italic;margin: 5px 0;}
.NewsSummaryAuthor {/* italic to set it off from text */ font-style: italic;padding-bottom: 0.5em;}
.NewsSummarySummary, .NewsSummaryContent {/* larger than default text */ line-height: 140%;}
.NewsSummaryMorelink {font-size: 11px; text-align:right;padding-top: 0.5em;}
#NewsPostDetailDate {/* smaller text */ font-size: 90%;margin-bottom: 5px; /* bold to set it off from text */ font-weight: bold;}
#NewsPostDetailSummary {/* larger than default text */ line-height: 150%;}
#NewsPostDetailCategory {/* italic to set it off from text */ font-style: italic;border-top: 1px solid #ccc;margin-top: 0.5em;padding: 0.2em 0;}
#NewsPostDetailContent {margin-bottom: 15px; /* larger than default text */ line-height: 150%;}
#NewsPostDetailAuthor {padding-bottom: 1.5em; /* italic to set it off from text */ font-style: italic;}
.NewsImageCaption {font-size:10px; font-style:italic; width:270px;}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailContent-Home {}
.NewsImageField {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}

/* PRODUCT CATALOG */
.ProductDirectoryItem {}
.product_detail_field {}
.product_detail_category {}

/* ALBUM */
/* Used for categories to make things clear correctly */
.album_content {width:100%; float:left;}
.clear {clear:both}
/* Album List UL */
.albumlist {margin-left:0;padding-left:0;float:left;}
/* Picture List UL */
.picturelist {margin-left:0;padding-left:0;}
/* Album and Picture Lists */
.thumb {padding:0;width:150px;margin:0 0.5em 0.5em 0;
/* Thumbnail spacing */
text-decoration:none;line-height:normal;list-style-type:none;text-align:center;float:left;}
.thumb a {display:block;height:100px; 
/* Set link formatting*/
width:100px; 
/* Thumb width*/ 
/* Thumb height*/
padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
margin:0;background-color:#e2e2e2;border-top:1px solid #eee;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee;text-decoration:none;}
.thumb a img {border:1px solid #000;}
.thumb a:hover {background-color:#a13232;border-top:1px solid #eee;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee;text-decoration:none;}
.albumcomment { text-align: left; }
.thumb a:visited img {background-color:#eee;
/*Background of thumb on hover - sort of a light grey */}
.thumb a:hover img {background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */}
/* Styling of text and navigation for Album */
.albumname {font-size:smaller;text-align:center;font-weight:bold;font-style:normal;}
.albumname a {display: inline;border: none;margin:none;padding:none;background-color:transparent;}
.albumpicturecount {font-size:smaller;text-align:center;font-weight:normal;font-style:italic;}
.albumcomment {text-align:center;font-weight:normal;font-style:normal;}
.albumnav {text-align:center;font-weight:normal;font-style:normal;font-size:smaller;}
.instructiontext {font-weight:normal;font-style:normal;font-size:smaller;font-style:italic;}
/* Big Picture */
.bigpicture {padding:0.5em 0 0;clear:left;border-top:1px solid #ccc;text-align:center;}
.bigpicturecaption {
/* Big picture caption */
text-align:center;margin:0 0 5px;padding:0;}
.bigpicture img {
/* Big picture settings */
padding:18px;
/* Image padding to form photo frame. */
width:80%;
/* Width of big picture - set to auto for actual width*/
margin:0;background-color:white;
/* Background of picture */
border-top:1px solid #eee;
/* Borders of picture frame */
border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee;text-decoration:none;}
.bigpicturenav {margin:0;padding:0;color:#000;font-size:smaller;line-height:normal;}
/*Lytebox */
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(/modules/Album/templates/db/lytebox/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(/modules/Album/templates/db/lytebox/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(/modules/Album/templates/db/lytebox/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }

/* FORM BUILDER */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {margin-bottom:0.5em;margin-left:1em;}
fieldset div div {margin-top:0.5em;margin-left:1em}
fieldset {margin-bottom:1em;border:;padding:0.5em}
fieldset label {width:auto;}
legend {color:#FFF;background:#a13232;font-style:italic;font-size:1.2em;margin-bottom:0.5em;padding:0.2em;width:auto;border:;}
textarea {margin: 0.5em 0;width:98%;height: 6em}
/* Apply this class to text/select input fields with shorter labels to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}
/* Pretty up your Captcha image output */
.captcha {margin:0.5em auto;text-align:center}
.captcha img {border:1px solid #000; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}
/* Just a bit more room for the Submit button */
.submit {margin:0.5em auto;text-align:center;}
.contactform input, .purpose input, .partner input {border: 1px solid #ccc;}
.contactform input.checkbox, .purpose input.checkbox, .partner input.checkbox {border: none;}
.contactform label, .purpose label, .partner label {display: block;float: left;width: 150px;}
.contactform label.label, .purpose label.label, .partner label.label {display: inline;float: none;width: 50px;font-size: 10px;}
.contactform textarea, .purpose textarea, .partner textarea {background-color:;border:1px solid #ccc;;width:60%;}
.purpose .checkboxes {display:list-item;}
.purpose .checkboxes label {display:list-item; float:left;width:150px;}
.purpose .checkboxes input.checkbox {}
.formbuilderform .message {line-height: 16px;padding: 0 0 8px 0;}
.contactform input.fbsubmit, .purpose input.fbsubmit {border:1px solid #000;}

/* CGFEEDBACK */
#cgfeedback form {background:none; border:0px; background-color:none; border-color:none;}
.pagemessage {}
.cgfeedback_addcomment {overflow:hidden;background:none; border:0px; background-color:none; border-color:none;}
.error {}
.row {}
.col30 {float: left; width: 100px;}
.col70 {float: left; width: 300px;}
.col70 textarea {border:1px solid #ccc;}
.feedback_ratings_item {}
.feedback_summary_item {}
.feedback_item_title {}
.feedback_item_title span {font-weight:bold;}
.feedback_item_authorname {}
.feedback_item_authorname span {font-weight:bold;}
.feedback_item_rating {}
.feedback_item_rating span {font-weight:bold;}
.feedback_item_authoremail {}
.feedback_item_authoremail span {font-weight:bold;}
.feedback_item_authorip {}
.feedback_item_authorip span {font-weight:bold;}
.feedback_item_data {}
.feedback_item_data span {font-weight:bold;}
.feedback_item_field {}
input.submit_button {background-color:#a13232;border:1px solid #000;color:#fff;}

/* TWITTER */
.tweet-single {padding:75px 20px 0px 20px;font-size:11px;}
.tweet-author {float:left;margin-right:10px;}
.tweet-author-name {display:none;}
.tweet-text {}
.tweet-from {display:none;}
.tweet-image {border:1px solid #000;}

.captchapict {border:1px solid #000;}