@charset "UTF-8";

/*
Theme Name: New Site Framework
Author: Charlene Kaye
Author URL: http://www.cpkayewebdesign.com
*/

/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,a { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal; } 
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
a,ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
li {list-style:none;}
html,body {width:100%; height:100%;}
article,aside,figure,footer,header,hgroup,nav,section { display:block; }
/* End CSS Reset */


/*------------------------------------*\
    Layout Structure
\*------------------------------------*/
body {
	width:1200px;
	margin:0 auto;
/*	background-color:grey;                                             /* any other color theme */
/*	background-color:#99A1A8;                                   /* ncc1701-D bridge */
	background-color:#000409;                                   /* blue starfield */
/*	background-image:url(../assets/images/Enterprise-Bridge-01.jpg);          */
	background-image:url(../assets/graphics/bluestarfield.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	font-family:Arial, Helvetica, sans-serif;
	font-size:larger;
	font-weight:bold;
}

/* img {width:100%;}   */

header {
	width:100%; 
	height:auto; 
	background-color:transparent; 
}

.pagewrapper {
	height:auto;
	background-color:#000409;
	background-image: url(assets/graphics/opaquebkgrd.png); 
	background-repeat: repeat;
	border:2px solid #0B4185; 
	color:#F1EBDE;                                 /*  ENTBRIDGE - offwhite */
	margin:0 auto;
	max-width:1064px;
	padding:15px;
/*	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#leftcol01 {height:auto; background-color:transparent; margin-bottom:40px;}
#middlecol01 {height:auto; background-color:transparent; margin-bottom:40px;}
#rightcol01 {height:auto; background-color:transparent; margin-bottom:40px;}
/* #leftcol02 {height:500px; background-color:transparent;}
#rightcol02 {height:500px; background-color:transparent;}                     */

.featured01 {
	height:150px; 
	background-color:#001A44; 
}

/*------------------------------------------
.featured02 {
	height:245px;
	background-color:#001A44; 
}
---------------------------------------------*/

/*------------------------------------------
.featured03 {
	height:150px; 
	background-color:#001A44;}
---------------------------------------------*/

footer {
	width:100%;
	height:auto; 
	background-color:transparent;
	clear:both; 
	color:black;
	font-family:"Tw Cen MT Condensed Extra Bold", "Arial Rounded MT Bold";
	font-size:100%;
	padding: 20px 0;
	text-align:center;
}


/*---------------------------------------*\
    Frequently Used for Pretty-Printing
\*---------------------------------------*/

.screenshot{
	width:auto;
	height:auto;
	border-radius: .8em;
	border:solid .75em #F1EBDE;
	margin:0 auto;
	max-width:450px;
	padding:0;
	position:relative;
}

.screenshot a{text-decoration:none;}

.image-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}
.image-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.img-center {display:block; margin-left:auto; margin-right:auto;}

.flexi-img {
    max-width: 100%;
    height: auto;
    width: auto/9;                        /* ie8 */
}

.bottom-round {
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}

.rounded-corners {
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}

.shadow-boxing {
	box-shadow: 0 45px 60px -30px #7D7D7D;
	-moz-border-bottom-colors: white;
	-moz-border-left-colors: black;
	-moz-border-radius:10px;
}

.textshadow { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); }


/*------------------------------------*\
    Typography
\*------------------------------------*/

@font-face  {
	font-family: sttng;
	font-style:normal;
	font-weight:normal;
	src: url('..css/lcars.ttf'),
/*     url('Sansation_Light.eot');  */                         /* IE9 */
} 

h1 {
	font-size:111%;
	font-weight:bolder;
	padding:10px;
}

#banner {
	font-family:"Tw Cen MT Condensed Extra Bold", "Arial Rounded MT Bold";
	padding-top: 25px;
	padding-bottom: 25px;
}

#banner h2 {
	font-size:300%;
	text-align:center;
	text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.9);
	font-weight: bold;
	text-transform: uppercase;
}

#banner h3 {
	color:#F1EBDE;
	font-size:150%;
	font-weight: bold;
	text-align:center;
	text-shadow: .75px .75px .75px rgba(255, 255, 255, 0.9);
	text-transform: uppercase;
}

.sponsors {
	width:100%; 
	height:auto; 
	background-color:#001A44;                                       /*bluestarfield - dark blue */
	border-color:#388531;
	border-width:thick;
	padding: 20px 10px 15px 10px;
}

.container-xml {
	width:100%
	height:100%;
	padding:20px 10px 15px 10px;
}
.container-format {
	width:100%
	height:auto;
	background-color:#001A44;
	border-color:#3885D1;
	border-width:thick;
	padding:20px 10px 15px 10px;
}

.section-title {
	font-family:Arial Black;
	font-size:95%;
	font-weight:bolder;
	text-align:center;
}

.section-title-125pc {
	font-family:Arial Black;
	font-size:125%;
	font-weight:bolder;
	text-align:center;
}

.horiz-divider {
	float: left;
	width: 100%;
	border-top-width: thick;
	border-bottom-width: thick;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #3885D1;                                       /* BLUESTARFIELD - bright blue   */
	border-bottom-color: #000409;                                /*  BLUESTARFIELD  - blueish black*/
}

.single-line-hr {
	float: left;
	width: 100%;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #3885D1;                                       /* BLUESTARFIELD - bright blue   */
}

.medgreyliner {
	height:auto;
	width: 85%;
/*	background-color:#002D60;                                     /* STARFIELD01 - misc med dark grey  */
	background-color:rgb(109,114,113);                          /* STARFIELD01 - misc med dark grey  */
	margin-top: 2%;
	margin-right: 3%;
	margin-bottom: 1.25%;
	margin-left: 5%;
	padding:10px;
	text-align:left;
}

.greyliner {
	height:auto;
	width: 85%;
	background-color:#002D60;                                     /* STARFIELD01 - misc med dark grey  */
/*	background-color:rgb(109,114,113);                          /* STARFIELD01 - misc med dark grey  */
	margin-top: 2%;
	margin-right: 3%;
	margin-bottom: 1.25%;
	margin-left: 5%;
	padding:10px;
	text-align:left;
}

.greyliner-right {
	height:auto;
	width: 91%;
	background-color:#002D60;                                     /* STARFIELD01 - misc med dark grey  */
/*	background-color:rgb(109,114,113);                          /* STARFIELD01 - misc med dark grey  */
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 2%;
	padding:20px;
	text-align:left;
}

.padthis {padding:0 3%;}

#eventslot {
	width:90%;
	height:auto;
	background-color:rgb(77,77,77);
	border-color:rgb(102,102,102);
	border-style:solid;
	border-width:medium;
	padding:10px 5px;
}

#eventslot h5 {
	color:red;
	font-family:Arial Black;
	font-size:18px;
	text-align:center;
}

#eventslot h5:hover, #eventslot h5:focus {color:#000409;}

#eventslot h6 {
	color:#F1EBDE;
	font-family: Arial Black;
	font-size:16px;
	text-align:center;
}

#eventslot h6:hover, #eventslot h6:focus {color:#000409;}

#socmed {
	width:90%;
	height:25px;
	background-color:rgb(77,77,77);
	border-color:rgb(102,102,102);
	border-style:solid;
	border-width:medium;
	display:inline-block;
	line-height:5px;
	padding:6px;
	text-align:left;
}

#socmed h7 {
	color:#F1EBDE;
	font-family: "Arial Black";
	font-size:14px;
}

#socmed h7:hover, #socmed h7:focus {color:#000409;}

.mainstuff {
	height:auto; 
	width:100%; 
	background-color:#001A44;                                       /*bluestarfield - dark blue */
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	padding:10px;
	text-align:left;
}

.maillist {
	width:100%; 
	height:auto; 
	background-color:#001A44;                                       /*bluestarfield - dark blue */
	border-color:#388531;
	border-width:thick;
	padding: 20px 10px 15px 10px;
}


#mailme {
	width:90%;
	height:40px;
	background-color:rgb(77,77,77);
	border-color:rgb(102,102,102);
	border-style:solid;
	border-width:medium;
	display:inline-block;
	line-height:10px;
	padding:10px;
}

#mailme h8 {
	color:#F1EBDE;
	font-family: "Arial Black";
	font-size:18px;
	text-align:left;
}

#mailme h8:hover, #mailme h8:focus {color:#000409;}

/*------------------------------------*\
    All Other ID Definitions
\*------------------------------------*/


/*------------------------------------*\
    All Other Class Definitions
\*------------------------------------*/

.filler {width:100%; background-color:transparent; height:8px;}

.decal {
	float:left;
	padding:1%;
}

.video-wrapper {
	width: 325px;
	max-width: 90%;
	background-color:#002D60;  */                        /* STARFIELD01 - misc med dark grey  */
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.video-container {
	position: relative;
/*	padding-bottom: 56.25%;  */
	padding-bottom:10px;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------*\
    HOME page  Class Definitions
\*------------------------------------*/

.HOME-featured01 {
	height:auto; 
	background-color:#001A44; 
}


@media screen and (min-width: 600px) {
	
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 960px) {

}

@media screen and (min-width: 1200px) {

}



/*------------------------------------*\
    Responsive Navigation Menu
	author: Omar Jesus Bravo
	@OmarJesusBravo, www.bravodms.com
\*------------------------------------*/

nav {background-color:red; height:50px; width:100%;}