/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Global */

html { }
body {background-color:#CCC;}

/* Headings */

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#000;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:14px;}
h4 {font-size:14px;font-style:italic;}
h5 {font-size:12px;}
h6 {font-size:12px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Text Elements */

p				{color:#000; font-size:14px; line-height:150%;}
p.left				{margin:1.5em 1.5em 1.5em 0; padding:0;}
p.right				{margin:1.5em 0 1.5em 1.5em; padding:0;}

a					{ }
a:link				{color:#00F;}
a:visited			{color:#00F;}
a:active			{color:#000;}
a:focus				{color:#666;}
a:hover				{color:#F00;}

blockquote			{color:red; font-size:16px; text-align:center; font-weight:bold;}

strong				{font-weight:bold;}
b					{font-weight:bold;}
em					{font-style:italic;}

/* Images */



/* Lists */

ul					{list-style-type:none; }
ol					{list-style-type:circle;padding-left:20px;}

ul li				{color:#000; font-size:12px;float:left;}
ol li				{color:#000; font-size:14px;}

dl					{ }
dt					{ }
dd					{ }

 /* Dropdown Button */
 li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: transparent;
}

li.dropdown {
    display: inline-block;
}

.dropbtn {
    background-color:#333;
    color: white;
    padding: 16px;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display:list-item;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position:absolute;
    background-color: #333;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	text-align:left;
    font-size: 14px;
    color: #FFF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/* Tables */

table				{ }

/* 
tr				{width:75px;display:inline;}
*/
.odd				{background-color:#EEE;}
.even				{background-color:#FFF;}

th					{font-weight:bold;}
thead, th			{background:#CCC;}

tbody				{ }

th, td, caption		{ }
caption				{ }

tfoot				{ }
.tfooter			{background-color:#CCC; text-align:center; font-style:italic;}

caption				{background:#EFEFEF;}

/* Miscellaneous */

sup, sub			{line-height:0;}

abbr, acronym		{border-bottom:1px dotted #666;}
address				{ }
del					{background:#FFCECE; color:#F00;}

code, pre			{background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px;}
					
/* Containers */

#wrapper			{width:900px; margin:0px auto; background-color:#FFFFFF}

#top				{background-color:#FFFFFF; width:100%; overflow:hidden;}

#logo				{margin:0 0 0 10px; float:left;}

#social-media		{float:right; margin:0; margin-right:0;}
#social-media p		{color:#FFFFFF; font-size:11px; margin:4px 4px 4px 0px;}
#social-media img	{width:24px; height:24px;}
#social-media ul li	{display:inline;}
#social-media ul li {float:right; }

#social-media a:link	{color:#333;text-decoration:none;}
#social-media a:visited	{color:#333;text-decoration:none;}
#social-media a:active	{color:#333;text-decoration:none;}
#social-media a:focus	{color:#333;text-decoration:none;}

#searchCalegis		{float:right; margin:0; margin-right:0;}

#topnav				{background-color:#333; clear:both;}
#topnav ul			{width:100%; float:left; margin:0px; background-color:#333; border-bottom:3px #CCCCCC solid;}
#topnav ul li		{display:inline;}
#topnav ul li a		{float:left; padding:10px 20px;}

#topnav a:link		{color:#FFF; text-decoration:none;}
#topnav a:visited	{color:#FFF; text-decoration:none;}
#topnav a:hover		{color:#FFF; background-color:#770000; text-decoration:none;}
#topnav a:active	{color:#FFF; text-decoration:none;}
#topnav a:focus		{color:#FFF; text-decoration:none;}

 /* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

#banner				{ }

#subbanner			{width:100%; background-color:#555555; padding:15px 0; overflow:hidden;}
#subbanner h3			{color:#FFF; font-size:16px; font-weight:bold; text-align:center; line-height:180%;}

#content-wrapper	{ }

#leftnav			{ }

#leftside			{padding:10px; width:145px; float: left;}
#leftside h2			{margin:20px 0 10px 0;}
#leftside p			{margin:8px 0; line-height:160%}


#content			{margin-left:150px; width:650px; padding:20px;}
#content h1			{margin:0 0 20px 0; font-size:32px; border-bottom:thin #777777 solid; padding:20px 0;}
#content h2			{margin:20px 0 0 0;}
#content p			{margin:16px 0; line-height:160%;}
#content ul p			{text-align:center;font-size:14px;top:8px;margin:8px;padding:20px; }
#content img			{padding:8px; border:1px #888888 solid; margin:8px;}
#content a			{padding:8px;margin:8px;}
#content ol li a		{padding:2px;margin:2px;}

.imgWrap {
  position:relative;
  float:left;
  height: 120px;
  width: 120px;
}
.imgDescription {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
}
.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

#rightside			{padding:10px; margin-left:650px;}
#rightside h2			{margin:20px 0 10px 0;}
#rightside p			{margin:8px 0; line-height:160%}

#footer				{clear:both; background-color:#000; padding:10px 0;}
#footer p			{text-align:center; color:#FFFFFF;}

#box1				{ }

#box2				{ }

#box3				{ }

#box4				{ }

#box5				{ }

#box6				{ }

/* Layout Extra */

/* Navigation Extra */

/* Forms */

form				{text-align:left; margin:20px;}

//label, submit, input, textarea {border:0; padding:0; margin:0; background:none;}

//label 				{float:left; width:150px; text-align:right; display:block;}

input, textarea 	{border:1px #333 solid; margin-left:10px;}

input				{width:280px; margin-bottom:16px;}

textarea			{width:280px; height:150px; margin-bottom:16px;}

select				{ }

.submit				{width:90px; height:25px; margin-left:150px; font-size:12px;}

br					{clear:left;}

/* Miscellaneous */

.copyright-text		{font-size:80%; font-style:italic; color:#333;}
.footer-text		{font-size:80%; font-style:normal; color:#666;}

.title				{font-size:18px; font-weight:bold; color:#333;}
.subtitle			{font-size:14px; font-style:italic; color:#333;}

.artist				{font-size:16px; font-weight:bold; color:#333;}
.author				{font-size:14px; font-weight:bold; color:#555;}
.editor				{font-size:14px; font-style:italic; color:#555;}

.pub-date			{font-size:10px; font-style:italic; color:#555;}
.article-date		{font-size:10px; font-style:italic; color:#555;}
.location			{font-size:10px; font-style:italic; color:#555;}

.float-right		{float:right;}
.float-left			{float:left;}
.clear				{clear:both;}

.hide				{display:none;}
.block				{display:block;}
.inline				{display:inline;}

.first				{font-weight:bold;}
.last				{font-weight:bold;}
.left				{font-weight:bold; text-align:left;}
.right				{font-weight:bold; text-align:right;}

.added				{background:#D7D7FF;}
.removed			{background:#FFCECE; color:#F00;}
.changed			{background:#FFB;}

/* Success, info, notice, and error/alert boxes */

.error, .alert, .notice, .success, .info {padding:0.8em; margin-bottom:1em; border:2px solid #DDD;}

.error, .alert		{background:#FBE3E4; color:#8A1F11; border-color:#FBC2C4;}

.notice				{background:#FFF6BF; color:#514721; border-color:#FFD324;}

.success			{background:#E6EFC2; color:#264409; border-color:#C6D880;}

.info				{background:#D5EDF8; color:#205791; border-color:#92CAE4;}

.error a			{color:#8A1F11;}
.alert a			{color:#8A1F11;}

.notice a			{color:#514721;}
.success a			{color:#264409;}
.info a				{color:#205791;}

 /* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position:fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin:auto;
    display:block;
    width: 80%;
    max-width: 1200px;
    text-align:center;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/* jssor slider bullet navigator skin 05 css */
			        /*
			        .jssorb05 div           (normal)
			        .jssorb05 div:hover     (normal mouseover)
			        .jssorb05 .av           (active)
			        .jssorb05 .av:hover     (active mouseover)
			        .jssorb05 .dn           (mousedown)
			        */
			        .jssorb05 {
			            position: absolute;
			        }
			        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
			            position: absolute;
			            /* size of bullet elment */
			            width: 16px;
			            height: 16px;
			            background: url('img/b05.png') no-repeat;
			            overflow: hidden;
			            cursor: pointer;
			        }
			        .jssorb05 div { background-position: -7px -7px; }
			        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
			        .jssorb05 .av { background-position: -67px -7px; }
			        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
			
			        /* jssor slider arrow navigator skin 12 css */
			        /*
			        .jssora12l                  (normal)
			        .jssora12r                  (normal)
			        .jssora12l:hover            (normal mouseover)
			        .jssora12r:hover            (normal mouseover)
			        .jssora12l.jssora12ldn      (mousedown)
			        .jssora12r.jssora12rdn      (mousedown)
			        */
			        .jssora12l, .jssora12r {
			            display: block;
			            position: absolute;
			            /* size of arrow element */
			            width: 30px;
			            height: 46px;
			            cursor: pointer;
			            background: url('img/a12.png') no-repeat;
			            overflow: hidden;
			        }
			        .jssora12l { background-position: -16px -37px; }
			        .jssora12r { background-position: -75px -37px; }
			        .jssora12l:hover { background-position: -136px -37px; }
			        .jssora12r:hover { background-position: -195px -37px; }
			        .jssora12l.jssora12ldn { background-position: -256px -37px; }
			        .jssora12r.jssora12rdn { background-position: -315px -37px; }



/* Partys Spot*/

/* left side bar button */

.ps_link_lsb a {
    color: white;
    display: block;
    padding:  10px 10px;
    width: 80%;       
    text-decoration: none;       
    background-color:powderblue;
    border: none;
    margin: 4px 0;
}

.ps_link_lsb2 a {
    color: white;
    display: block;
    padding:  1px 1px;
    width: 45%;       
    text-decoration: none;       
    background-color:powderblue;
    border: none;
    margin: 1px 0;
}

.ps_link_lsb3 a {
    color: white;
    display: block;
    padding:  1px 1px;
    
    text-decoration: none;       
    background-color:powderblue;
    border: none;
    margin: 1px 0;
}

/*
    width: 25%;   
*/
/*
    end of file
*/