@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Londrina+Sketch);
@import url(http://fonts.googleapis.com/css?family=Henny+Penny);

body
{
	font-family: "Gill Sans", sans;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	background: #333;
	color: #ccc;
	height: 100%;
	line-height:26px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	background-image: url(/images/backgroundgradient.png);
	background-clip: border-box;
	background-origin: padding-box;
	background-attachment: fixed;
	background-repeat: repeat-x;
	text-shadow: #222 1px 1px 1px;
}

#page-container
{
	margin: 0;
	width: 100%;
}

/*
#center-container
{
	width: 500px;
	min-height: 100%;
	height:100%;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.03);
	padding-left:10px;
	padding-right:10px;
}
*/

#center-container
{
	width: 900px;
	min-height: 100%;
	height:100%;
	margin: 0 auto;
}


#middle
{
	width: 500px;
	min-height: 100%;
	height:100%;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.05);
	padding-left:10px;
	padding-right:10px;
    margin-top:0.0em;

}

ul {margin-left: -14px; text-indent:0px; padding 0px:}

#topcontainer ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	margin-left:-1em;
	text-align: center;
	line-height: 100%;
    border-bottom: none !important;
}

#topcontainer ul li a
{
    border-bottom: none !important;
    color:#aaa;
    background:none;
}

#topcontainer ul li
{
    border-bottom: none !important;
	display: inline;
	float: left;
	padding-top:13px;
    padding-left:37px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}

b
{
    color:#fff;
    font-weight:1800;
}

a
{
	font-size:100%;
	display: inline-block;
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	background:#111118;
	padding:0;
	line-height:100%;
    font-weight: 700;
}


#fancybox-right
{
	border-bottom: none !important;
}

#fancybox-left
{
	border-bottom: none !important;
}
#fancybox-close
{
	border-bottom: none !important;
}

#fancybox-content
{
  overflow-y: auto;
  -webkit-overflow-scrolling:touch
}

#fancybox-title-over
{
	color: #fff;
}

.fancybox-title-over
{
	color: #fff;
} 



a:hover
{
	display: inline-block;
	color: #bb9;
	text-decoration: none;
}



.normal
{
	font-variant: small-caps;
	font-size:100%;
	display: inline-block;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid rgba(255,255,255,0.13);
	padding:0;
	line-height:100%;
}


#selected
{
	color: #fff;	
}



hr
{
	background-color: rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.1);
	border: 0;
	height: 1px;
	border-color: #777 ;
	width:100%;
}


li
{

	list-style: square;
	
}
#topcontainer
{
	margin-top: 10px;
	padding-top: 10px;
	top: 0px;
	position: fixed;
	text-align: right;
	height: 49px;
	width: 900px;


	background: rgba(30,30,30,0.58);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);

	z-index:1000;

    margin-left: 100px;
    width: 700px;
    padding-left: 10px;
    border-bottom: none;
}

#bannerImageHolder
{
	padding:0px;
	margin-top:75px;
	width: 600;
	margin-left:0px;
	z-index:-10;
}

#bannerImage
{
	margin: 0;
	text-align: center;
	width: 900px;
}


#midcontainer
{
	padding:0px;
	margin-top:10px;
	float: left;
	width: 600px;	


/*
	background: rgba(90,90,90,0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
*/
		
}

#fullcontainer
{
	padding:0px;
	margin-top:85px;
	float: left;
	width: 900px;	
	margin-right: -298px;

/*
	background: rgba(90,90,90,0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
*/

}

h1{
	font-variant: small-caps;
	padding-left: 0px;
	padding-right: 12px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-weight:700;
	font-size:25px;
	color:#eee;
//	background-color:#363636;
    background-color:rgba(0,0,0,0.3);

	padding-left: 60px;
	padding-right: 60px;

	padding-top:70px;
	padding-bottom:10px;

	margin-left:-60px;
	margin-right:-60px;
	text-align: left;
	margin-top:30px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);

	-moz-border-radius: 5px;
	border-radius: 5px;
}


h2{
	font-variant: small-caps;
	padding-left: 0px;
	padding-right: 12px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-weight:700;
	font-size:25px;
	color:#eee;
	background-color:#363636;
    background-color:rgba(0,0,0,0.3);

	padding-left: 40px;
	padding-right: 40px;

	padding-top:70px;
	padding-bottom:10px;

	margin-left:-40px;
	margin-right:-40px;
	text-align: left;
	margin-top:30px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-moz-border-radius: 5px;
	border-radius: 5px;



}

h3{
	padding-left: 0px;
	padding-right: 12px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-weight:400;
	font-size:20px;
	color:#eee;
	background-color:#363636;
    background-color:rgba(0,0,0,0.3);

	padding-left: 20px;
	padding-right: 20px;
	margin-left:-20px;
	margin-right:-20px;
	text-align: center;
	margin-top:30px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);

	padding-top:20px;
	padding-bottom:20px;
	text-align: left;
	-moz-border-radius: 5px;
	border-radius: 5px;


}

h4{
	padding-left: 0px;
	padding-right: 12px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-weight:400;
	font-size:20px;
	color:#eee;
	background-color:#393939;
    background-color:rgba(0,0,0,0.2);

	padding-left: 10px;
	padding-right: 10px;
	margin-left:-10px;
	margin-right:-10px;
	text-align: left;
	margin-top:30px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);

	padding-top:10px;
	padding-bottom:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

code
{
	line-height:140%;
	font-size:80%;
	max-width:500px;
	color:#feb;
}

pre 
{
	line-height:100%;
	overflow:hidden;
	max-width:500px;	
	background-color:#2f2f2f;
	margin:-5px;
	padding:5px;
}

pre:hover
{
	overflow:auto;
}

p img
{
	text-align: center;
	max-width: 500px;
    
}


strong, b
{
    color:#fff;
    font-weight:600;
}

p #largeImage
{
	text-align: center;
	max-width: 800px;
    margin-left:-150px;
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

p #largeImage800
{
	text-align: center;
	max-width: 803px;
    margin-left:-150px;
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

object
{
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

img{ 
display:block; /*allows the element to take auto margins*/ 
margin:0 auto; /*centers in compliant browsers*/ 
text-align:center; /*centers in old versions of IE*/ 
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}

.slideshow
{

	background: rgba(30,30,30, 0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	
}

#titleContainer
{
	/*
	background: rgba(30,30,30, 0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	*/
	padding-right: 18px;
	padding-left: 18px;
	margin-top: -15px;
	width:570px;
	font-size: 15px;
	margin-right: 0px;
	text-align: left;
	line-height: 170%;
	
	margin:0px; 
	z-index:10; 
	position:absolute; top:80px;

	padding-left: 12px;
	padding-right: 12px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-weight:700;
	font-size:25px;
	color:#aaa;
	top:80px;

}

#bodycontainer
{
	/*
	background: rgba(30,30,30, 0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	*/
	padding-right: 18px;
	padding-left: 18px;
	margin-top: 15px;
	width:550px;
	font-size: 15px;
	margin-right: 0px;
	text-align: left;
	line-height: 170%;
	
	margin-top:20px;
	float:left;
	position:relative;
	z-index:20
}


#bodycontainercenter
{
	font-size: 15px;
	line-height: 170%;
}

#frontBannerContainer
{
	
	background: rgba(30,30,30, 0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	
	padding-right: 18px;
	padding-left: 18px;
	padding-top:10px;
	padding-bottom:10px;

	font-size: 15px;
	margin-right: 0px;
	text-align: left;
	line-height: 170%;
	
	margin-top:-110px;

	float:left;
	position:relative;
	top:45px;
	z-index:20;
	width:865;

	color:#888;

}

#midcontainer p
{
	padding-left: 18px;
	padding-right: 18px;
	font-size: 16px;
	line-height: 150%;
}

#fullcontainer p
{
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-size: 16px;
	line-height: 150%;
}

#rightmarginLogo
{
	font-family: "Arvo";
	
	float:left;
	text-align: left;
	width:250px;
	font-size: 10px;
	color: #999;
	margin-top: -23px;
	margin-right: -250px;
	margin-left: 0px;
}

#navigation
{
	
	background: rgba(30,30,30, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);

	margin:0px; 
	top:80px;
	z-index:10; 
	position:fixed; 
	margin-left:20px; 
	font-size:14px; 
	color:#888; 
	width:256px; 
	padding:12px;
	padding-top:10px;
	/*border: 1px solid rgba(255,255,255,0.2);*/
}

#rightmargin
{

/*	
	background: rgba(30,30,30, 0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
*/
	margin:0px; 
	top:80px;
	display: inline;

	margin-right:-310px;
	font-size:14px; 
	color:#888; 
	width:256px; 
	padding:10px;
	float:right;
	text-align:right;
	font-size:12px;
	padding-bottom:0px;
	color:#666;
	font-weight:700px;
}

#rightmargin p
{	margin-top:0px;
		margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#three
{
	display: block;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

#caption
{
	color:rgba(255,255,255,0.8);
	overflow:hidden;
	position:relative;
	padding-top:5px;
	top:-25px;
	height:20px; 
/*
	background:rgba(30,30,30,0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
*/
}

.fadeCaption
{
	float:left;
	width:25%;
	overflow:hidden;
	margin-bottom: -20px;
}
.fadeCaption img
{
	width:210px;
	max-width:210px;
	height:125px;
}

img
{
	border-style: none !important;
}

.fadeCaption div
{
	color:rgba(255,255,255,0.75);
	overflow:hidden;
	font-size:15px;
	position:relative;
	top:-34px;
	height:20px;
	padding-bottom:4px;
	text-align: center;
	background:rgba(0,0,0,0.65);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
 
	margin-right:12px;
	text-shadow: #000 1px 1px 1px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.fadeCaption a
{
    border-bottom: none !important;
}

.fadeCaption a img
{
    border-bottom: none;
}


#three_left
{
	border: solid 1px black;
	max-width: 180px;
}

#three_center
{
	border: solid 1px black;
	max-width: 180px;
}

#three_right
{
	border: solid 1px black;
	max-width: 180px;
}

#leftmarginimage1
{
    float: left;
    margin-left: -570px;
    position: fixed;
    z-index: -20;
    top: 120px;
}

.hll { background-color: #ffffcc }
.c { color: #5F5A60; font-style: italic } /* Comment */
.err { border:#B22518; } /* Error */
.k { color: #CDA869 } /* Keyword */
.cm { color: #5F5A60; font-style: italic } /* Comment.Multiline */
.cp { color: #5F5A60 } /* Comment.Preproc */
.c1 { color: #5F5A60; font-style: italic } /* Comment.Single */
.cs { color: #5F5A60; font-style: italic } /* Comment.Special */
.gd { background: #420E09 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { background: #B22518 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { background: #253B22 } /* Generic.Inserted */
.go { } /* Generic.Output */
.gp { font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { } /* Generic.Traceback */
.kc { } /* Keyword.Constant */
.kd { color: #e9df8f; } /* Keyword.Declaration */
.kn { } /* Keyword.Namespace */
.kp { color: #9B703F } /* Keyword.Pseudo */
.kr { } /* Keyword.Reserved */
.kt { } /* Keyword.Type */
.m { } /* Literal.Number */
.s { color: #8F9D6A } /* Literal.String */
.na { color: #F9EE98 } /* Name.Attribute */
.nb { } /* Name.Builtin */
.nc { color: #9B859D; font-weight: bold } /* Name.Class */
.no { color: #9B859D } /* Name.Constant */
.nd { color: #7587A6 } /* Name.Decorator */
.ni { color: #CF6A4C; font-weight: bold } /* Name.Entity */
.nf { } /* Name.Function */
.nn { color: #9B859D; font-weight: bold } /* Name.Namespace */
.nt { color: #CDA869; font-weight: bold } /* Name.Tag */
.nv { color: #7587A6 } /* Name.Variable */
.ow { color: #aaaaaa; font-weight: bold } /* Operator.Word */
.w { color: #141414 } /* Text.Whitespace */
.mf { color: #CF6A4C } /* Literal.Number.Float */
.mh { color: #CF6A4C } /* Literal.Number.Hex */
.mi { color: #CF6A4C } /* Literal.Number.Integer */
.mo { color: #CF6A4C } /* Literal.Number.Oct */
.sb { color: #8F9D6A } /* Literal.String.Backtick */
.sc { color: #8F9D6A } /* Literal.String.Char */
.sd { color: #8F9D6A; font-style: italic; } /* Literal.String.Doc */
.s2 { color: #8F9D6A } /* Literal.String.Double */
.se { color: #F9EE98; font-weight: bold; } /* Literal.String.Escape */
.sh { color: #8F9D6A } /* Literal.String.Heredoc */
.si { color: #DAEFA3; font-weight: bold; } /* Literal.String.Interpol */
.sx { color: #8F9D6A } /* Literal.String.Other */
.sr { color: #E9C062 } /* Literal.String.Regex */
.s1 { color: #8F9D6A } /* Literal.String.Single */
.ss { color: #CF6A4C } /* Literal.String.Symbol */
.bp { color: #00aaaa } /* Name.Builtin.Pseudo */
.vc { color: #7587A6 } /* Name.Variable.Class */
.vg { color: #7587A6 } /* Name.Variable.Global */
.vi { color: #7587A6 } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */