@import url('/library/jQueryUISmoothness/jquery-ui-1.8.2.custom.css');

/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }
 
/* Removes Firefox imposed outline */
a { outline: none; }
 
/* Clearing floats without extra markup - give the parent container the contain class */
.contain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
 
/* IE6 */
* html .contain { height: 1%; }
 
/*IE7 */
.contain { min-height: 1px; }
 
/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */
 
/* Set the desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; background-image: url('/images/NMKSO-Background-1.jpg'); background-attachment: fixed; background-position: top center; background-color: #cfcabd;}
 
 
/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }
 
 
/* Headings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
 
h1 { font-size: 41px; line-height: 1; margin-bottom: 0.5em; color: #520E0F; border-bottom: 1px solid #373232; font-weight: normal; }
h2 { font-size: 1.7em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.2; margin-bottom: .5em; margin-top: .8em; }
h5 { font-size: 1em; margin-bottom: .5em; }
h6 { font-size: 1em; }

h4 a:link, h4 a:visited { color:#333; text-decoration: none; }
h4 a:hover { color:black; text-decoration: underline;}
 
 
/* Text elements
-------------------------------------------------------------- */
 
p { margin: 0 0 1.5em; }
p.Highlight { font-size:1.2em; }
 
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
 
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
 
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
 
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }
 
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp { /* For better-looking ampersands */
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}

/* Layout
-------------------------------------------------------------- */
body {  }
#container { width: 960px; margin:20px auto; position: relative; overflow: auto; border: 1px solid #373232; background: #fff; margin-bottom: 10px;}
#header { }

#content { padding: 20px 0 0 20px; clear: both; overflow: visible; }
#content .slideshow img { width: 407px; border: 1px solid #ccc; margin-top: 40px; }

.conductor { margin:0 10px 10px 0; background: #eee; overflow:hidden; border:1px solid #ccc; width:260px; float:left;}
.conductor img { border-right: 1px solid #ccc; float:left; }
.conductor h4 { float:left; padding:10px 0 0 10px;}
.conductor h4 span { font-size:.7em; color:#333; font-weight: normal;}

.event { padding: 8px 0 8px 0; clear: both; overflow: auto; border-bottom: 1px solid #ccc; border:none;}
.event .calendar { float: left; height: 50px; width: 50px; background: #fff; margin: 5px 15px 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ccc; }
.event .calendar span.month { text-align: center; display: block; background: #005930; color: white; width: 50px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; padding-top: 4px; }
.event .calendar span.day { text-align: center; color: #333; display: block; width: 50px; font-size: 20px; padding-top: 9px; }

#footer { width: 960px; margin:auto; position: relative; }
#footer p { margin:0; padding:0; font-size: .9em; color:#444;  }
#footer p a:link, #footer p a:visited { color:#444; }

#left { height: 650px; width: 330px; float: left; background-color: #771119; background-color: #00994C; background-color: #005930; position: relative; background-image: url('/images/silhouette.png'); background-repeat: no-repeat; background-position: right center; }
	#f { position: absolute; left: 60px; top: 280px; }
	#logo { position: absolute; left: 4px; top: 15px; }

#right { height: 620px; width: 570px; float: left; padding: 0 20px 10px 20px; }


/*----------------------- Lists ----------------------*/		
ul.BasicList { padding-left:4px; line-height: 1.4em;}
ul.BasicList li { list-style-type: disc; margin-left:16px;}
ul.BasicList ul { margin-left:16px; margin-bottom:12px;}
ul.BasicList ul li { list-style-type:disc; }
ul.BasicList ul ul { margin-left:16px; margin-bottom:6px;}
ul.BasicList ul ul li { list-style-type:disc; }

ul.NoBulletList { padding-left:4px; line-height: 1.4em;}
ul.NoBulletList li { list-style-type: none; margin-left:16px;}
ul.NoBulletList ul { margin-left:16px; margin-bottom:12px;}
ul.NoBulletList ul li { list-style-type:none; }
ul.NoBulletList ul ul { margin-left:16px; margin-bottom:6px;}
ul.NoBulletList ul ul li { list-style-type:none; }

ol.BasicList { padding-left:.25em;}
ol.BasicList li { list-style-type:decimal; margin-left:2em;}
ol.BasicList ol { margin-left:1.5em; margin-bottom:1em;}
ol.BasicList ol li { list-style-type:disc; }
ol.BasicList ol ol { margin-left:1.5em; margin-bottom:.5em;}
ol.BasicList ol ol li { list-style-type:disc; }


/*--------------------- General Styles ----------------*/
.floatRight { float:right; }
.floatLeft { float:left; }
.clearer { clear:both; }
strong { font-weight:bold; }


/* jPlayer
-------------------------------------------------------------- */
div.jp-single-player { width: 33px; height: 43px; float: left; overflow: visible; position: absolute; bottom: 10px; left: 10px; }
div.jp-interface { position: relative; width:33px; height:43px; }
div.jp-interface ul.jp-controls { list-style-type:none; padding:0; margin: 0; }
div.jp-interface ul.jp-controls a {	position: absolute;	overflow:hidden; text-indent:-9999px; }
a.jp-play, a.jp-pause { width:33px; height:43px; }
div.jp-single-player a.jp-play, div.jp-single-player a.jp-pause { left:0; }
div.jp-playlist-player a.jp-play, div.jp-playlist-player a.jp-pause { left:75px; }
a.jp-play { background: url("/images/play.png") no-repeat; }
a.jp-play:hover { background: url("/images/pause.png") no-repeat; }
a.jp-play:active { background: url("/images/pause.png") no-repeat; }
a.jp-pause { background: url("/images/pause.png") no-repeat; display: none; }
a.jp-pause:hover { background: url("/images/play.png") no-repeat; }
a.jp-pause:active { background: url("/images/play.png") no-repeat; }


/* Menu
-------------------------------------------------------------- */
#navlist { padding: 30px 0 0 20px; margin: 0; }
#navlist li { display: inline; list-style-type: none; }
#navlist a { font-size: 16px; padding: 4px 12px 2px; margin-right: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; }
#navlist a:link, #navlist a:visited { background-color: #373232; color: white; }
#navlist a:hover { background-color: #760507; background-color:black; color: #fff; text-decoration: none; }

#current { background-color: #760507 !important; background-color: #005930 !important; color: #fff !important; text-decoration: none !important; }

.dark_red {
	color: #ffffff !important;
	border: solid 1px #6E0101;
	background: #990000;
	background: -webkit-gradient(linear, left top, left bottom, from(#AE0101), to(#850101));
	background: -moz-linear-gradient(top,  #AE0101,  #850101);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#AE0101', endColorstr='#850101');
}
.dark_red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#C60202), to(#990000));
	background: -moz-linear-gradient(top,  #C60202,  #990000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C60202', endColorstr='#990000');
}
.dark_red:active {
	color: #ffffff !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#6E0101));
	background: -moz-linear-gradient(top,  #990000,  #6E0101);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#6E0101');
}

#current.dark_red {
	color: #ffffff !important;
	background: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#444444));
	background: -moz-linear-gradient(top,  #333333,  #444444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#444444');
	border: solid 1px #222222;
}

