@import url('https://fonts.googleapis.com/css?family=Lato|Rancho|Open+Sans|Coming+Soon|Tillana|Modak|Caveat|Gloria+Hallelujah|Muli|Schoolbell|Montserrat|Cousine');

body {
    /*background-color: #of1da0;*/
    color: #ccc;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;

}

form
{
    position:relative; 
    top:0; 
    margin:0;
    min-height:100%; 
    width:100%; 
    overflow:hidden; 
    background-color:#FFFFFF;
}

a
{
    text-decoration:none;
    font-weight:bold;
    color:#00F;
}
.border-horizontal{
    width:100%;
    border-bottom:1px solid blue;
    margin-top:2px;
    margin-bottom:2px;
    display:inline-block;
    position:relative;
}
.pageContent{
    padding-left:5px;
    padding-right:5px;
}
blockquote 
{
                
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before 
{
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote cite 
{
    display: inline;
}

        .breadcrumb a{font-size:.8em;}

h1, h2, h3, h4 {
    font-family: 'Muli',sans-serif;
    font-variant: normal;
    text-align: left;
    margin: 0px;
    padding: 0px;
    display: inline;
}
h2
{
	font-family: 'Muli',sans-serif;

    font-variant:normal;
}

h4
{
	FONT-SIZE: 15px; 
	font-weight: bold;
	display: inline;
}

.section
{
    width:100%;
    display:inline-block;
    font-size:1em;
    padding-top:2px;
    padding-bottom:2px;
}
 
.fancyheading{font-size:100pt; text-shadow: 2px 3px 3px #292929; letter-spacing:-7px; -webkit-text-stroke: 1px white;font-variant: small-caps;color:#5b81b0; font-weight:900;}
.smalltext{font-size:10px;}     

.roundedbox
{
    overflow:hidden; 
    border:1px solid black; 
    padding:5px 5px 5px 5px; 
    border-radius:10px; 
    box-shadow: 10px 10px 5px #888888;
}
             
table.equip td{border-top:1px solid black;}

.collapsePanelHeader
{
	width:90%;
	height:30px;
	
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
	vertical-align: middle;
	font-weight: bold;
	text-transform: none;
	font-family: 'Cambria';
	font-variant: normal;
	FONT-SIZE: 10pt; 

}


.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }
.no-scroll-x { overflow-x: hidden;}
.no-scroll-y { overflow-y: hidden; }
.options.row {left: 0px; padding-left: 100px; top: 0; height: 50px; background-color: #2b3c59; z-index: 1;color: #FFFFFF;}
.fill.row {left: 0px; top: 50px; bottom: 0; z-index: 0; padding-top: 3px; padding-left: 3px;}
.pagecontrols{     overflow: hidden; position: absolute; right:0; top:0;  z-index: 100;color: #FFFFFF;background-color: transparent;}
.selectwindow { overflow: hidden; position: absolute; left:0; top:0; bottom:0; width:470px; overflow-y: scroll; }
.viewwindow{ overflow: hidden; position: absolute; left:470px; top:0; bottom:0; right:0;border: 1px solid #000000;overflow-y: auto;}
.optionsRowLinkButton{ color:#FFFFFF; text-align: center;}
.constructFill{ position: absolute; overflow: hidden; top:0px; left:0px; right:0px; bottom:0px; z-index:10000; background-color: rgba(128, 128, 128, 0.5);}
.constructImg{position: absolute; overflow: hidden; top:50%; margin-top: -105px; left:50%; margin-left:-100px; width:200px; height:209px; z-index:10001; background-image: url('Images/under_construction_animated.gif');}
.tableHeader{border-bottom: 1px solid black; background-color:#2b3c59; color:White;}
.pageBody
{
    overflow: auto; position: absolute;
    right: 0; 
    left: 0px; top: 50px; bottom: 0; z-index: 0; padding-top: 3px; padding-left: 3px;
}




.selectwindowHeader{ overflow: hidden; position: absolute; left:0; top:0; height:50px; width:470px;}
.leftimg
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.programLink {
    display: inline-block;
    border: 1px solid grey;
    padding: 5px;
    margin: 5px;
    max-width: 292px;
    max-height: 194px;
    width: 292px;
    height: 194px;
    overflow: hidden;
    background-color: #2b3c59;
}

    .programLink:hover {
        background-color: #808080;
    }

a.programLink:hover {
    text-decoration: none;
}



@media all and (max-device-width:950px) {
    form {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        padding: 0;
        padding-left: 0px;
        font-size: 10pt;
    }

    body {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        
    }


    .vid {
        width: 300px;
        height: 168px;
    }

    .leftimg {
        float: none;
        max-width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

    .rightimg {
        float: none;
        max-width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
}