/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
/*
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }
*/


/*========================================================*/
/*    Cascading Style Sheet for JMOCA                     */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. GLOBAL ELEMENTS                                    */
/*  2. GLOBAL LAYOUT                                      */
/*  3. UNIQUE ELEMENTS                                    */
/*  4. POSITIONIG CLASSES                                 */
/*  5. STYLING CLASSES                                    */
/*========================================================*/

/* ============================================================================================================================= */
/* 1. GLOBAL ELEMENTS                                                                                                            */
/* ============================================================================================================================= */


* {margin:0; padding:0; border:none; outline:none;}
body {
	font-size:62.5%;
	line-height:1.125em; /* 16×1.125=18 */
	font-family:"century gothic", Tahoma, Arial;
	color:#000;
	/*background:url(images/wallpapers/paper013.jpg) repeat;*/
	background:#ffffff;	
	width:100%;
	height:100%;
	}
a {text-decoration:none; color:#000; cursor:pointer;}

a:visited {text-decoration:none;}
p {font:1.0em "century gothic", Tahoma, Arial; margin-top:10px;}
p a {text-decoration:none;}
p a:hover {text-decoration:underline;}
ul {list-style-type:none;}
ol {list-style-type:none;}
h1 {font:bold 1.30em "century gothic", Tahoma, Arial;}
h2 {font: 1.30em "century gothic", Tahoma, Arial;}
h3 {font: 1.20em "century gothic", Tahoma, Arial;}
h4 {font: 1.90em "century gothic", Tahoma, Arial;}
h5 {font: 1.40em "century gothic", Tahoma, Arial;}
h6 {font: 1.10em/2.0em "century gothic", Tahoma, Arial;}

/* ============================================================================================================================= */
/* 2. GLOBAL LAYOUT                                                                                                              */
/* ============================================================================================================================= */
#wrapper {
	position:relative;
	width:950px; 
	height:100%; 
	margin:0 auto;
	background:#fff;
	}
#holder {
	position:relative;
	width:950px;
	height:auto;
	padding:0 90px 0 50px;
	left:-70px;
	background:#fff;
	}
#header {
	position:relative;
	clear:left;
	width:950px;
	height:120px;
	background: url(images/logo.jpg) no-repeat 0px 32px;
	}
#header a.logo_btn {
	float:left;
	height:84px;
	margin-top:32px;
	width:175px;
	}
.contact {
	float:right;
	margin:90px 0 0;
	width:auto;
	height:auto;
	text-align:right;
	}
#header .contact a {font: 1.40em "Georgia", Times New Roman, sans-serif; letter-spacing:0.1em;}
.rule_top {
	position:relative;
	width:950px;
	height:3px;
	margin:0px 0 10px;
	background: url(images/bg_rule.jpg) no-repeat top right;	
	}
.rule_bottom {
	position:relative;
	width:950px;
	height:auto;
	padding:5px 0 50px;
	margin:10px 0 0;
	background: url(images/bg_rule.jpg) no-repeat top right;	
	text-align:right;
	}
#main {
	position:relative; 
	float:left; 
	width:817px; 
	height:auto;
	}
#contentHolder {
	position:relative;
	width:950px;	
}
#content {
	position:relative;
	width:757px;
	min-height:500px;
	height:auto;
	padding:30px;
	background: url(images/bg_main.jpg) repeat-y;
	}
#menu {
	position:relative; 
	float:left; 
	clear:left;
	width:123px; 
	height:auto;
	margin:0;
	padding:25px 10px 0 0;
}
#img-container span.nothumb {
	display:block;
	float:left;
	clear:left;
}
#img-container .nav {
	margin-bottom:5px;
}
.pics {
	height:430px;
}
a.past-show {
	border-left:1px solid #000;
	display:block;
	padding-left:20px;
	margin:0 0 30px 10px;
}
a.past-show:hover h1 {text-decoration:underline;}
div.future-show {
	border-left:1px solid #000;
	display:block;
	padding-left:20px;
	margin:0 0 30px 10px;
	cursor:default;
}
/* -------------------------------------------------------------------------------------------------- NAVIGATION --------------- */	
.navigation {
	position:relative; 
	float:left; 
	width:123px; 
	height:auto;
	padding:10px 0;
}
.navigation li {
  float: left;
  width:123px;
  text-align:right;
  display: block;
  cursor:pointer;
}

.navigation li {
	font: 1.40em "Georgia", Times New Roman, sans-serif;
	letter-spacing:0.1em;	
}
.navigation li ul li {
	font-size: 1.0em;	
}
.navigation li.sectiontitle ul li {
    padding:10px 0;
}
.navigation li.sectiontitle ul li a {
	font: 0.80em "century gothic", Tahoma, Arial;
    letter-spacing:0em;	
}
.navigation li a {
  width: auto;
  text-decoration:none;
}
/* -------------------------------------------------------------------------------------------------- second level nav --------- */
/* -------------------------------------------------------------------------------------------------- hide second level -------- */
.navigation li.off ul {
  display:none;
  width:123px;
  height:auto;
  float:left;
  margin:15px 0;
  text-align:right;
  letter-spacing:0.1em;  
}
/* -------------------------------------------------------------------------------------------------- display second level ----- */
.navigation li.on ul {
  /*display active subnav list*/
  display: block;
  width:123px;
  height:auto;
  float:left;
  margin:15px 0;
  text-align:right;

}
/* -------------------------------------------------------------------------------------------------- nav rollovers ------------ */
/*
.navigation li.on ul li, .navigation li.off ul li {
	text-align:right;
	padding:5px 0;
	width:123px;
	
	}
.navigation li.on ul a, .navigation li.off ul a {
  text-decoration:none;
  font: 0.80em "century gothic", Tahoma, Arial;
  letter-spacing:0em;
}
.navigation li.off:hover ul, .navigation li.over ul {
  display: block;
}
.navigation li a:hover {
  text-decoration:underline;
}

.navigation li.active a {
  font-style:italic;
  text-decoration:none;
}
.navigation li.active ul li a {
  font-style:normal;
}
*/

.navigation li ul li.active a {
  text-decoration:underline;
  font-style:normal;
}
.navigation li ul li a:hover {
  text-decoration:underline;
}

/* ============================================================================================================================= */
/* 3. UNIQUE ELEMENTS                                                                                                            */
/* ============================================================================================================================= */

/* -------------------------------------------------------------------------------------------------- ABOUT PAGE ---------------- */
h3.about {
	width:600px;
	}
/* ============================================================================================================================= */
/* 4. POSITIONIG CLASSES                                                                                                         */
/* ============================================================================================================================= */

.fl {float:left;}
.fr {float:right;}
.toppush {margin-top:15px;}
.btmpush {margin-bottom:15px;}
.lftpush {margin-left:15px;}
.rhtpush {margin-right:15px;}
.cl {clear:both;}
.bigtop {margin-top:25px;}

/* ============================================================================================================================= */
/* 5. STYLING CLASSES                                                                                                            */
/* ============================================================================================================================= */

.textblack {color:#000;}