@charset "UTF-8";

body {
	width:80%;
	min-width:280px;
	color: #ffffff;
	font-family: 'Droid Sans', Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 140%;
	margin-left: auto;
	margin-right: auto;
background-color:#000000;	
/*background : -webkit-linear-gradient(left, #000000, #006EC2);
background : -moz-linear-gradient(left, #000000, #006EC2);
background : -o-linear-gradient(left, #000000, #006EC2);
background-image: linear-gradient(to right,#000000, #006EC2);*/
}

/* Header */

header{
	border-radius:50px 0 0 0;
	margin: 5px auto 0px;
	position: relative;
	width:100%;
	height:auto;
	/*min-height:200px; */
	color: #FFFFFF;
	font-size: 14px;
	font-family: Tahoma;
/*background :url(graphics/header1.png) left top; 
	border-radius: 50px 50px 0px 0px;
	box-shadow: 3px 3px 7px 0px #D87DEE;
	-webkit-box-shadow: 3px 3px 7px 0px #D87DEE;
	-moz-box-shadow: 3px 3px 7px 0px #D87DEE;*/
	overflow: auto;
	text-align: left;
}


#shell {
	display: block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	min-height:90%;
}
.bottom {
width:90%;
height:auto;
vertical-align:bottom;
position:relative;
margin-bottom:0px;
font-size:80%;
}
.mainlink {
min-height:30px;
padding:10px;
line-height:35px;
border-radius: 15px 15px 15px 15px;
box-shadow: 3px 3px 7px 0px #D87DEE;
-webkit-box-shadow: 3px 3px 7px 0px #D87DEE;
-moz-box-shadow: 3px 3px 7px 0px #D87DEE;
overflow: auto; 	
}
.mainlink:hover {
background:#142B76;	
}
.roundpic {
border-radius: 15px 15px 15px 15px;
box-shadow: 3px 3px 7px 0px #D87DEE;
-webkit-box-shadow: 3px 3px 7px 0px #D87DEE;
-moz-box-shadow: 3px 3px 7px 0px #D87DEE;	
}
pre ,code{
	direction:ltr;
	background:url(images/code-bg.png);
	font: 11px/19px 'andale mono', 'lucida console', monospace;
	padding: 3px;
	display: block;
	overflow-x: visible;
	overflow-y: hidden;
	margin: 0 0 20px 0;
	color: #666;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
}

h1, h2, h3,h4, h5, h6 {
	font-weight: 700;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: normal;
	text-decoration: none;
	color: #FFFFFF;
}
h1 {
	font-size: 300%;
}
h2 {
	font-size: 240%;
}
h3 {
	font-size: 180%;
	line-height: normal;	
}
h4 {
	font-size: 160%;
}
h5 {
	font-size: 140%;	
}
h6 {
	font-size: 120%;	
}
hr {color: #A3D1C2;}

.alignright {float: right;}
.alignleft {float: left;}
.aligncenter{clear:both; margin-left:auto;	margin-right:auto;}

a {
  color: #C2E9FE;;
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

a:hover { color: #FFFF80;}
a:visited { color: #7BCCFD;}
a:visited:hover { color: #FC0;}
.clear {clear: both;}

.col3 {
	display:block;
	height:50%;
	-webkit-column-count: 3; 
	-moz-column-count: 3;
	column-count: 3;
}
***************************************/
/*apple presentation styles */

.borderblock {
	border: 2px #BDD6AD solid;
	width: 95%;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 20px;
	font-size: 110%;
	font-weight: 200;
	font-family: Arial, Helvetica, sans-serif;
	color: #554D2F;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border-color: #BDD6AD;
-webkit-box-shadow: 1px 23px 30px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    1px 23px 30px 0px rgba(50, 50, 50, 0.65);
box-shadow:         1px 23px 30px 0px rgba(50, 50, 50, 0.65);
}
.shadow {
-webkit-box-shadow: 1px 10px 15px 0px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    1px 10px 15px 0px rgba(50, 50, 50, 0.65);
box-shadow:         1px 10px 15px 0px rgba(50, 50, 50, 0.65);
}
.giant1{
	color: #806631;
	font-size: 160%;
	font-weight: 400;
	text-align: center;
}
.giant2{
	color: #69794D;
	font-size: 135%;
	font-weight: 300;
	text-align: center;
}
.giant3{
	color: #477A73;
	font-size: 120%;
	text-align: center;
}
.slideno {
	color: #AE614A;
	padding-top: 5px;
	margin-top: -20px;
margin-right: -20px;
	width: 30px;
	z-index: 10;
	height: 30px;
float:right;
clear:both;
text-align:center;
font-weight:700;
font-size:16px;
}
.smallbg {
	padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
	background-color: #663399;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #FFFFFF;
	font-weight:300;
	margin-bottom:20px;
	-webkit-box-shadow: 0px 9px 20px -5px rgba(91, 50, 50, 0.65);
	-moz-box-shadow:    0px 9px 20px -5px rgba(91, 50, 50, 0.65);
	box-shadow:         0px 9px 20px -5px rgba(91, 50, 50, 0.65);
	background : -webkit-linear-gradient(left, #000000, #006EC2);
	background : -moz-linear-gradient(left, #000000, #006EC2);
	background-image: linear-gradient(to right, #000000, #006EC2);
}

/*====================================*/


video {
max-width:80% !important;
min-width:250px !important;
height:auto !important;
	display: inline-block;
	margin: 5px;
}
#main-content strong {
	font-weight: 700;
		
}
strong {
	font-weight: 700;

}

blockquote {
	font-size:14px;
	font-style:italic;
	line-height:22px;
	padding:0 0 0 60px;
	margin:0 0 20px 40px;
	min-height:40px;
}
.sidequotel {
	font-size: 16px;
	font-style: italic;
	line-height: normal;
	font-weight: 500;
	display: block;
	padding: 5px;
	clear: right;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: thin solid #F90;
	width:30%;
}
.sidequoter {
	font-size: 16px;
	font-style: italic;
	line-height: normal;
	font-weight: 500;
	display: block;
	padding: 5px;
	clear: left;
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: thin solid  #F90;
	width:30%;
		
}
#wbg {
	background-color: #fff;
	min-height: 100%;
	width: 100%;
		
}

mark {
	background-color: #EAE0F3;
}
.space {
	display: block;
	height: 40px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.spacnarr {
	display: block;
	height: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.bold16, .bold16 a {
	font-size: 120%;
	font-weight: 800;	
	text-decoration: none;
}
.bold16g, .bold16g a {
	font-size: 120%;
	font-weight: 800;	
	text-decoration: none;
color:green;
}
.bold16 a:hover {
color:#770E92;
}
.bold18, .bold18 a {
	font-size: 150%;
	font-weight: 800;
	text-decoration: none;
}
.bold18g, .bold18g a {
	font-size: 150%;
	font-weight: 800;
	text-decoration: none;
color:green;
}
.bold18 a:hover {
color:#770E92;
}
.bold24, .bold24 a {
	font-size: 200%;
	font-weight: 800;
	text-decoration: none;
}
.bold24 a:hover {
	color:#770E92;
}

.txtbox {
	display: block;
	padding: 10px;
	height: auto;
	width: 96%;
	border: thin solid #006EC2;
	margin-right: auto;
	margin-left: auto;
	background-color: #EAE0F3;
	color:#000000;
}
.txtbox:hover {
	background-color: #CCFFCD;
}

.txtboxthin {
	display: block;
	padding: 5px;
	height: auto;
	width: 96%;
	border: thin solid #006EC2;
}
.box {
display: block;
	padding: 0px;
	height: auto;
	width: 95%;	
	margin-right: auto;
	margin-left: auto;
}

.smallital{
	font-size: 13px;
	font-style: italic;	
}

.figright {
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;	
	clear:left;
	width:40%;
}
.figrights {
	display: inline-block;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;	
	clear:left;
	width:20%;
}


.figfull {
	display: block;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;	
	width:100%;
}


.capright {
	font-size: 14px;
	font-style: oblique;
	display: block;
	margin-top:5px;
	float: right;
	position: relative;
	right: 0px;
	bottom: 10px;
}

.figleft {
	display: block;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	width:50%;
}

.figlefts {
	font-size: 12px;
	font-style: oblique;
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	width:25%;
}
.figright img, .figrights img, .figleft img, .figfull img, .figlefts img {
	width: 100%;	
}
.capleft {
	font-size: 14px;
	font-style: oblique;
	display: block;
	margin-top:0px;
}
.capcen {
	font-size: 14px;
	font-style: oblique;
	display: block;
	margin-top:0px;
	text-align: center;
	width: 100%;	
}
.fighalf {
  display:block;
  width: 50%;
  height:auto;
}
.centered {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.left {
text-align: left;
	margin-right: auto;
	margin-left: 0;
	
}
.indent {
	margin-left: 15px;
	margin-top:-5px;
	margin-bottom:-5px;	
}
.indent2 {
	margin-left: 30px;
	margin-top:-5px;
	margin-bottom:-5px;	
}
.indent3 {
	margin-left: 45px;
	margin-top:-5px;
	margin-bottom:-5px;	
}

.uln {
	text-decoration: underline;	
}

@font-face {

    font-family: 'BebasNeueRegular';

    src: url('fonts/BebasNeue-webfont.eot');

    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/BebasNeue-webfont.woff') format('woff'),

         url('fonts/BebasNeue-webfont.ttf') format('truetype'),

         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {
  font-family: 'tiefontello';
  src: url('fonts/tiefontello.eot?88026028');
 src: url('fonts/tiefontello.eot?88026028#iefix') format('embedded-opentype'),
       url('fonts/tiefontello.woff?88026028') format('woff'),
       url('fonts/tiefontello.ttf?88026028') format('truetype'),
       url('fonts/tiefontello.svg?88026028#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'tiefontello';
    src: url('fonts/tiefontello.svg?88026028#fontello') format('svg');
  }
}

 @media only screen and (max-width: 640px) {	 
	#shell {
	width:100%;
	min-height:90%;
}
 .mainlink {
min-height:30px;
padding:10px;
line-height:35px;
border-radius: 15px 15px 15px 15px;
box-shadow: 3px 3px 7px 0px #D87DEE;
-webkit-box-shadow: 3px 3px 7px 0px #D87DEE;
-moz-box-shadow: 3px 3px 7px 0px #D87DEE;
overflow: auto; 
display:block;	
}
.figright {
	display: block;
	float: none;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom:5px;
	margin-left: 5px;	
	width:98%;
}
.figleft {
display: block;
	float: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width:100%;
}
 .fighalf {
  display:block;
  width: 100%;
  height:auto;
}
h1 {
font-size: 240%;	
}
h2 {
font-size: 200%;	
}
h3 {
	font-size: 160%;
	line-height: normal;	
}
h4 {
	font-size: 140%;
}
h5 {
	font-size: 120%;	
}
h6 {
	font-size: 100%;	
}
.col3 {
	-webkit-column-count: 1; -moz-column-count: 1;column-count: 1;
}
 }
	 
blockquote {
	display:block;
margin:20px;
padding-right:20px;
font-size: 105%;
font-style: oblique;
color: #CACCDD;
}

tr {
	vertical-align:top;
	margin: 0px 0px 20px 0px;
	
}
td {
padding:3px 0px 0px 20px;	
border-bottom:#CCCCCC thin solid;

}