﻿@media screen and (min-width:718px) and (max-width:1016px){

/*General*/

.container {
width:100%;
padding:0px;
background-color:#cccccc;
}



.top_right {
display:none!important;
}

.bg_grey{
padding:0;
min-width:0;

}

.content{
padding:0;
min-width:256px;
width:auto;
max-width:1014px;
}

.left_column{
/*float:left;*/
padding:0;
margin:0;
}

/*Right Column*/
.right_column {
float:left;
margin:10px;
height:auto;
width:calc(100% - 240px);

}

.right_column *{
/*width:auto;*/
min-width:0px;
}


/*Top Nav*/
.main_menu {
position:static;
top:120px;
width:100%;
height:auto;
width:auto;
}

.main_menu li {
text-align:center;
background-color:#003366;
border-bottom:0;
width:20%;
}

.main_menu li a {
width:100%;

}

.top_right {
display:none!important;
}


#menu_left {
background-color:#003366;
}

#menu_right {
min-width:100%;
background-color:#003366;
}

#about_link {
font-weight:bold;
background-color:#ff3366;
}

.logo {
position:absolute;
float:left;
margin:0 0 0 5px;
}

.logo img {
width:60%;
height:60%;
}

.header {
margin:0;
padding:0;
top:0;
width:100%;
z-index:-100;
float:left;
min-width:320px;
height:120px;
background-color:#FFF;
/*background-image:url(../images/DOR_header_res_tab.png);*/
}

.header_right {
position:static;
width:90%;
background-repeat: no-repeat;
background-position: right top;
z-index:-1;
opacity: .99;
}


/*=================================Alert Box==========================================*/

		.alert a, .alert_global a  {
			font-size:14px;
			/*margin-bottom:10px;*/
		}

		.alert-none {
			display:none;
		}

		.alert-title{
			margin-right: 5px;
			vertical-align:top;
		}
		.alert-body
		{
		vertical-align:middle;
		}

		.ms-status-status{
			display:inline-block
		}
		.ms-status-yellow {
			background-color:#fff19d !important;
			border:1px solid #d7d889 !important;
			margin-bottom:15px;
			padding: 5px 10px;
		}

		.ms-status-yellow div{
			display:inline;
		}

		.ms-status-red {
			background-color:#f8d4d4 !important;
			border:1px solid #f5a6a7 !important;
			margin-bottom:15px;
			padding: 5px 10px;
		}

		.ms-status-red div{
			display:inline;
		}

		.ms-status-green
		{
			background-color:#c7f299 !important;
			border:1px solid #99cc62 !important;
			margin-bottom:15px;
			padding: 5px 10px;
		}

		.ms-status-green div{
			display:inline;
		}

		.ms-status-blue
		{
			background-color:#f0f0f0 !important;
			border:1px solid #c6c6c6 !important;
			padding: 5px 10px;
		}

		.ms-status-blue div{
			display:inline;
		}




/*Left Column*/



.side_menu1, .side_menu1_alt, .side_menu2, .side_menu3, .side_menu4 {
float:none;
height:auto;
margin-bottom:5px;

}

.side_menu1 h2, .side_menu1_alt h2, .side_menu2 h2, .side_menu3 h2, .side_menu4 h2 {
width:100%;
font-size:16px;
padding:5px;

}

.side_menu1_alt h2 {
color:#003366;
background-color:#cccccc;
}

.side_menu1 ul li a {
font-size:12px;
width:208px;
padding: 50px 0px 10px 10px;
border:0;
margin:0 0 1px 0;
}


/*eServices*/

.eServices_tablet {
margin-bottom:10px;
border:1px inset #009999;
}

.eServices2_links {
width:80%;
min-width:250px;
height:auto;
color:#7ecef1;
background-color:#fff;
margin:0px;
overflow:auto;
padding-top:10px;
padding-bottom:10px;
padding-left:10%;
padding-right:10%;
}

.eServices2_links ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

.eServices2_links ul li {
display:inline;
margin-right:5px;
}

#eServ2_table {
width:100%;
}

/*eServ Links*/
.eServices_table{
	overflow: hidden;
/*	width:100%;*/
}

a.gta_link, a.cse_link{

	font-size: 12px;
	color: #ff3366;
	margin-left:10px;
}

.eServices_table ul{
	
	margin-left:10px;
	list-style-position:inside;
}


/*Sliders*/
.slider {
width:100%;
height:auto;
background-color:#fff;
overflow:hidden;
}

#slide1 {
width:100%;
height:auto;
background-image:url(../images/slide1.jpg);
margin:auto;
}

#slide2 {
width:100%;
height:auto;
background-image:url(../images/slide2.jpg);
margin:auto;
}

#slide3 {
width:100%;
height:auto;
background-image:url("../images/slide3_old.jpg");
margin:auto;
}

#slide4 {
width:100%;
height:auto;
background-image:url("../images/slide4_old.jpg");
margin:auto;
}

#slide5 {
width:100%;
height:auto;
background-image:url(../images/slide5.jpg);
margin:auto;
}

.slide_content {
width:auto !important;
}

#main_slider {
/*display:none!important;*/
}

.flexslider{
margin: 0 0 32px !important;
}

.news_box {

width:100%;
min-width:318px;
margin-bottom:10px;
}

.news p {
line-height:16px;
}

.news a {
color:#ff3366;
}

.news a:hover {

}

.news2 {
width:auto;
padding-bottom:10px;
}

/*.news2 h3 {
display:none!important;
}*/

/*Twitter Feed*/

.twitter_feed {
height:auto;
margin-top:0px;
margin-bottom:10px;
}

#twitter_width {
width:100%!important;
height:280px;
margin-bottom:10px;
}

/*Footer*/


.rev_logo {
margin-top: 60px;
position: absolute;
margin-left: 20%;
right: 60px;
}

.rev_logo img {
width:61px;
height:87px;
}

.myflorida {
margin-top: 60px;
position: absolute;
margin-right: 20%;
left:60px;
}

.myflorida img {
width:118px;
height:75px;
}


.footer {
min-width:220px;
width:100%;
position:static;
padding-top:10px;
}

.footer_bar {
display:none!important;
}

.footer_content {
margin-top:10px;
width:100% !important;
}

.footer_menu {
margin-top:0;
float:none;
width:74% !important;
min-width:150px;
bottom:10px;
}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.toggle { margin: 2px 0 0 14px; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.toggle li { float: left; }
.toggle li a {width: 50px; padding: 6px 0; text-align: center; display: block; text-shadow: 1px 1px 0 #fff; font-size: 12px; font-weight: 600; color: #666; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; 

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */

box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
}

.toggle li:first-child a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.toggle li a:hover { background: #ededed; color: #222; }
.toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); }


#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

.button {
display: inline-block;
margin: 0;
padding: .461em 1.563em .41em;
color: #fff!important;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
text-transform: uppercase;
line-height: 1;
font-size: .9em;
cursor: pointer;
font-family: "proxima-nova", sans-serif;
border: 1px solid #1a4064;
background: #255a8c;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
-moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.15);
}
.button:active  {
-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.button.green  {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
border: 1px solid #578824;
background: #71b02f;
}
.button.green:hover  {
background: #79bc32;
}


/* Layout
***********************/
#main {margin-left: 420px; margin-top: -75px; margin-bottom:-107px; overflow: hidden;}
aside h3 {float: left;}

/* Header
***********************/
header .logo  { display: block; margin: 10px 0 30px; }
header h1 { font-family: Geogrotesque-Semibold, Helvetica, Arial, sans-serif; margin: 0 0 10px; text-shadow: 0 1px 0 #2F4C63; color: #fff; font-size: 42px; }
header h2 { margin: 0 0 30px; font: normal 20px Geogrotesque-regular, Helvetica, Arial, sans-serif; text-shadow: 0 1px 1px #555; color: #fff; }
header .button { margin: 0 0 50px; padding: 10px 15px 10px 15px; position: relative; }
h3.nav-header { width: 200px; margin: 0 0 10px; padding: 0 0 3px; font-size: 18px; text-shadow: 0 1px 1px #555; color: #fff; font-family: Geogrotesque-Regular, Helvetica, Arial, sans-serif; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5); }
nav li {margin: 0 0 7px; font-size: 15px; }
nav li a:hover,
nav li.active a  {border-bottom: 1px dotted #fff; border-bottom: 1px dotted rgba(255,255,255,0.3); background: none;}
nav li.active a  { cursor: default; }

/* Media Queries
***********************/

#container {padding: 0px 5px;}
header {width: 100%; float: none; text-align: center;}
header img  {width:120px;}
header h1  { margin: 0 auto 10px; font-size: 32px; }
header h2  { font-size: 16px; }
header .button  { margin-bottom: 28px; }

#main {margin-left: 0;}
h3.nav-header { margin: 0 auto 10px; font-size: 16px; }
nav {
position: relative;
min-height: 46px;
margin-bottom: 20px;
width: 100%;
}
nav ul {
width: 260px;
padding: 0;
position: absolute;
left: 50%;
margin-left: -130px;
top: 0;
z-index: 9999;
border: 1px solid #1e5486;
background: #255a8c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
}
nav li {
display: none; /* hide all <li> items */
margin: 0;
}
nav li a  { border: none!important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
nav li a:hover  { text-decoration: underline; }
nav .active {
display: block; /* show only current <li> item */
}
nav a {
display: block;
padding: 10px 20px;
text-align: center;
font-size: 12px;
}
nav .active a {
background: none;
color: #fff;
position: relative;
}
nav .active a:after  {
font-family: flexslider-icon;
content: '\f005';
font-size: 13px;
position: absolute;
right: 10px;
top: 10px;
}

/* on nav hover */
nav ul:hover {
background: #32679a;
}
nav ul:hover li {
display: block;
margin: 0 0 5px;
}
nav ul:hover .active {
border: 1px solid #1e5486!important;
background: #255a8c;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
nav ul:hover .active a:after  {
display: none;
}

	.nav_float {}
	.nav_float.visible {
		left: 0;
		width: calc(100% - 17px);
		margin-left: 0;
		height: 44px;
		position: fixed;
		top: 0px;
		z-index:100001;
		margin-top:0px;
		}
	
	.nav_float.visible div ul li{
		margin-top:0px;
		display:inline;
		width:20%;
		float:left;
	}
	
	.nav_space {
		height:0px!important;
	}
	.nav_space.visible {
		width:100%;
		height:44px!important;
		overflow:hidden;
	}


#carousel {
display:none!important;
}
/*Footer*/
#show_full{
	display:inline;
}

}

@media screen and (min-width:719px) and (max-width:927px){
	.header_right {
		position:static;
		width:90%;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
}

