/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
}

#background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left:0px;
  z-index: -10000;
}

body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	/* reset font-sizes to 1em == 10px */
	background-color: #000000;
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Trebuchet MS,tahoma,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

/* Layout CSS */
#Main {
	margin:0px auto;
	width:100%;
	background-color: black;
}
#Header {
    background:url("../images/flame-top.png") no-repeat scroll center top;
    border-bottom:3px ridge #606060;
    clear:left;
    height:130px;
    width:100%;
}
#Header h1 {
	padding-left:20px;
}
	
#HeaderWrapper {
    margin: 0px auto;
    width: 900px;
}
.Menu1 {
    float:left;
    margin-top:20px;
}
.Menu1 li {
	float:left;
	margin-left:2px;
    -moz-border-radius:7px 7px 7px 7px;
    height:38px;
}
.Menu1 li.active {
    background-color:#2C7694;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 
                     0px 0px 3px rgba(0, 0, 0, .40), 
                     inset 0px 5px 12px #2c7794,
                     inset 0px 15px 2px rgba(124, 180, 202, .5),
                     inset 0px -25px 25px #2c7794;
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, .20), 
                     0px 0px 3px rgba(0, 0, 0, .40), 
                     inset 0px 5px 12px #2c7794,
                     inset 0px 15px 2px rgba(124, 180, 202, .5),
                     inset 0px -25px 25px #2c7794;
}
.Menu1 li.active:hover { 	
    -webkit-box-shadow:        
		2px 2px 4px rgba(0, 0, 0, .4),
		0px 0px 3px rgba(0, 0, 0, .1),
		inset 0 0 4px rgba(0, 0, 0, .6),
		inset 0px 10px 12px #2c7794,
		inset 0px 20px 2px rgba(124, 180, 202, .5),
		inset 0px 25px 25px #2c7794;
	-moz-box-shadow:        
		2px 2px 4px rgba(0, 0, 0, .4),
		0px 0px 3px rgba(0, 0, 0, .1),
		inset 0 0 4px rgba(0, 0, 0, .6),
		inset 0px 10px 12px #2c7794,
		inset 0px 20px 2px rgba(124, 180, 202, .5),
		inset 0px 25px 25px #2c7794; 	 	
		}

.Menu1 li a {
	display:block;
	color:#fff;
	font-size:0.8em;
	text-decoration:none;
	padding:10px 10px;
}
.Menu1 li a:hover {
	color:#d2ebff;
}
.Menu1 li.current a,
.Menu1 li.section a {
	color:#d2ebff;
}
	
.bigmenu {
    display: none;
    
   	position: absolute;
	top: 65px; 

	z-index: 99999;

  	background-color: black;
	background-color: rgba(0,0,0,0.90);

	border: 2px solid #333333;
	border: 2px solid rgba(51,51,51,0.9);

	padding: 5px;
	
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0, 0.5);   
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);	    
	-kthml-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);	    
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);	
}

.bigmenu ul {
    position: static;
    padding-right:3px;
}

.bigmenu ul li {
    background-color: #1c1c1c;
    height: 26px;
    clear: left;
    margin-bottom: 3px;
    width: 100%;
}

.bigmenu ul li a {
	display:block;
	color:#989898;
	font-size:0.6em;
	text-decoration:none;
	padding:5px 5px;
}

.bigmenu ul li:hover {
    background-color: #29B4CB;
    color: #fff;
}

#ContentContainer {
    background:url("../images/flame-top.png") no-repeat scroll center -131px;
	padding-top:20px;
	padding-bottom:20px;
	overflow: auto;
	clear: both;
	margin:0px auto;
    width:900px;
    min-height: 400px;
}

#ContentContainer h1 {
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #1c1c1c;
    background:none repeat scroll 0 0 rgba(28,28,28,0.85);
    color:white;
    font-size:2.5em;
    margin-bottom:15px;
    padding:7px 13px;
    font-weight:normal;
}

#ContentContainer h2 {
    background:none no-repeat scroll 0 0 #0f0f0f;
    color: #717171;
    font-size:2.0em;
    margin-bottom:15px;
    padding:10px;
    border: solid 1px #191919;
    width: 838px;
}


#ContentContainer h2 div.toggle {
    background:url("../images/newstoggle.png") no-repeat scroll 0 0 transparent;
    float:right;
    height:30px;
    margin-left:25px;
    margin-top:-5px;
    width:30px;
}

#ContentContainer h2 div.plus {
    background:url("../images/newstoggle.png") no-repeat scroll 0 -30px transparent;
}

#ContentContainer h2 div.toggle:hover {
    background:url("../images/newstoggle.png") no-repeat scroll -30px 0 transparent;
}

#ContentContainer h2 div.plus:hover {
    background:url("../images/newstoggle.png") no-repeat scroll -30px -30px transparent;
}


#ContentContainer h2 span.date {
    font-size: 0.75em;
    float: right;
}

#Menu3 {
    float: right;
    margin-top: -5px;
}

#Menu3 a {
    font-size: 0.5em;
    margin-right: 8px;
}


#Banner {
	text-align: center;
}


#Content {
	float: left;
	margin: 0px 20px;
	width: 880px;
	position: relative;
}


#Footer {
	background:#0c0c0c;
	clear:both;
	text-align:center;
    border-top:3px ridge #606060;
    height: 87px;
    background:url("../images/flames.png") no-repeat scroll center bottom;
}
#Footer span {
	color:#ccc;
	font-size:1.1em;
	line-height:2em;
	font-weight:bold;
	padding-left:20px;
}
#Footer a {
	color:#fff;
}
#Footer a:hover {
	text-decoration:none;
}

#socials {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

#socials li {
    display: inline;
}

#socials li a {
    display: block;
    height: 28px;
    width: 28px;
    float: left;
}

#facebook {
    background: url("../images/socials.png") no-repeat scroll -28px 0 transparent;
    text-indent: -99000px;
}

#twitter {
    background: url("../images/socials.png") no-repeat scroll 0 0 transparent;
    text-indent: -99000px;
}

#facebook:hover {
    background: url("../images/socials.png") no-repeat scroll -28px -28px transparent;
    text-indent: -99000px;    
}

#twitter:hover {
    background: url("../images/socials.png") no-repeat scroll 0 -28px transparent;
    text-indent: -99000px;    
}


#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}

		
.portfolio ul li {
  display: inline;
  margin: 0 !important;
}

.portfolio_entry img {
    border:10px solid #1C1C1C;
    margin:5px 10px;
}

#gallery {
  display: none;
  height: 600px;
  width: 960px;
  border: solid 1px black;
}

#gallery .disabled {
		visibility:visible !important;
	}
	
#gallery .inactive {
		visibility:hidden !important;
	}
	
.translations {
  float: right;
  padding-top:7px;
}

.translations a {
  color: #0083C8;
  font-size: 1.4em;
}

#logo {
    margin-bottom: -25px;
}

#logo_link {
    float:left
}

#Courses {
    padding: 0px;
    margin-bottom: 5px;
    display: block;
}

.CourseWrapper {
    width: 195px;
    border: 1px solid #989898;
    float: left;
    padding: 5px;
    display: block;
    background-color: #0c0c0c;
    margin: 5px !important;
    height: 262px;
}

.CourseTitle {
    color:#41BBE7;
    font-size:1.2em !important;
    font-weight:bold;
    margin-bottom: 3px;
}

div.CourseTitle + img {
    border:7px double #1c1c1c;
}

.CourseValue {
    color:#989898;   
    font-weight: bold;
    margin: 2px 4px;
    width: 100%;
    overflow:hidden;
    width:100%;
}

.CourseDate {
    color: orange;
    font-size: 1.3em !important;
    font-weight: bold;
}

.CourseAvailNumber {
    color: orange;
    font-weight: bold;
}

.CourseOverlay {
    display:none;
    background-color:#0c0c0c;
    width:500px;
	padding:15px;
	text-align:left;
	border:2px solid #0c0c0c;
	
	opacity:0.9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;    
}

.close {
    background:url("../images/fancybox.png") repeat scroll -40px 0 transparent;
    cursor:pointer;
    height:30px;
    position:absolute;
    right:-15px;
    top:-15px;
    width:30px;
    z-index:1103;
}

.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
    height:33px;
    padding:12px;
    width:81px;
	color:#41BBE7;	
}