html{
background: url('../images/pattern-1.png') repeat left top;
}
body{
margin: 0;
padding: 0;
font: 12px Arial, Helvetica, Geneva, sans-serif;
line-height: 18px;
color: #000000;
min-height: 0px !important;
}
.clear{
clear: both;
}
.wrap{
width: 960px;
margin: 0 auto;
position: relative;
/* padding: 0px 20px; */
}
.main img{
outline: none;
border: none;
padding: 5px 10px 5px 0px;
}
ul{
list-style-type: square;
list-style-position: inside;
}
a, a:visited{
outline: none;
color: #2a84ae;
}
a:hover{
outline: none;
color: #5ea9cc;
cursor: pointer;
}
:focus{
-moz-outline-style: none;
}
h1{
font-size: 24px;
color: #2A84AE;
line-height: 28px;
}
h2{
font-size: 18px;
line-height: 24px;
color: #1d5d7c;
}
h2 a{
text-decoration: none;
}
h3{
font-size: 1.17em;
color: #2A84AE;
}
h4{
font-size: 1em;
color: #000;
}
h5{
font-size: .83em;
color: #000
}
hr{
border: none;
height: 0;
border-top: 4px solid #ccc;
margin: 20px 0;
width: 100%;
}
.l{
float: left;
width: 520px;
min-height: 30px;
}
.r{
float: right;
width: 380px;
min-height: 30px;
}
p{
margin: 0 0 10px 0;
font: 13px/18px Arial, Helvetica, Geneva, sans-serif;
}
table td{
padding: 10px 10px 10px 0px;
}
table td h3{
padding: 0;
margin: 0;
}
form ul{
margin: 0;
padding: 0;
list-style-type: none;
}
form legend{
font-size: 1.13em;
color: #2A84AE;
padding-bottom: 5px;
}
.legend{
font-size: 1.13em;
color: #2A84AE;
padding: 0 0 5px 0;
margin: 0;
}
fieldset{
margin-bottom: 5px;
padding: 0;
}
.top{
display: none;
}
.languageBar{
width: 100%;
height: 30px;
margin-top: 10px;
}
.languageBar p{
text-align: right;
}
.languageBar #google_translate_element{
float: right;
}
.loginNavContainer{
width: 100%;
margin-top: 10px;
}
p.loginGreeting{
float: left;
width: 520px;
font: 16px 'ArvoRegular', Arial, sans-serif;
color: #5ea9cc;
margin: 13px 0 0 0;
}
ul.loginNav{
list-style-type: none;
margin: 13px 0 0 0;
padding: 0;
float: right;
}
ul.loginNav li{
display: block;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
}
ul.loginNav li a{
font: 12px Arial, sans-serif;
color: #5ea9cc;
text-decoration: underline;
}
/*
.languageBar ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 500px;
float: right;
}
.languageBar ul li a{
float: right;
margin-left: 10px;
}
*/
.head{
width: 100%;
/* background-color: #d9d5ca; */
}
.logoBox{
width: 100%;
}
.logo{
width: 352px;
height: 80px;
margin: 0px auto 0;
float: left;
background: url('../images/logo2.png') no-repeat left top;
}
.logo-sm{
display: none;
}
/*
.logo{
width: 265px;
height: 76px;
margin: 20px auto 0;
float: left;
background: url('../images/logo2.png') no-repeat left top;
}*/
.logo a{
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
fieldset{
border: none;
}
input{
font-size: 13px;
}
.logoBox form{
float: right;
margin: 30px 0 0 0;
padding: 0;
}
#searchBox{
/* background-color: #e2e2e2;
border:1px solid #919191; */
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding: 3px;
width: 208px;
background-color: #e2e2e2;
}
.searchWrap{
/* background-color: #fff;*/
background-color: #fff;
border: 1px solid #c1c1c1;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding: 2px 2px 2px 10px;
height: 30px;
}
#searchBox input{
border: medium none;
color: #898989;
margin: 6px 0;
padding: 0;
outline: medium none;
width: 155px;
font: 14px Arial, Helvetica, Geneva, sans-serif;
}
#searchBox button{
height: 32px;
width: 34px;
border: none;
cursor: pointer;
background-color: #fff;
position: relative;
padding: 0;
margin: 0;
float: right;
right: 2px;
top: -2px;
}
.nav{
width: 100%;
height: 40px;
margin-top: 10px;
font: bold 1.2em/1.9em Arial, Helvetica, Geneva, sans-serif;
}
.nav ul{
margin: 0;
padding: 0;
list-style-type: none;
margin: 0 auto;
}
.nav ul li{
width: 11.5%;
height: 40px;
float: left;
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-right: 1px solid #7eadc3;
border-left: 1px solid #4c87a1;
}
.nav ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
.nav ul li.navFirst{
width: 9%;
height: 40px;
float: left;
margin-left: 0px;
}
.nav ul li.navSecond{
width: 8%;
height: 40px;
float: left;
}
.nav ul li.navOther{
width: 15%;
height: 40px;
float: left;
}
.nav ul li a{
width: 100%;
height: 100%;
display: block;
text-decoration: none;
color: #fff;
line-height: 38px;
text-align: center;
}
.nav ul li ul{ /* Start of 2nd Level Drop Down Menu */
list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
.nav ul ul li:first-child{
float: none;
margin-left: 0px;
/* width: 11%; */
}
.nav ul li ul li{
width: 60px;
float: none;
border: none;
height: 100%;
background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
}
.nav ul ul li a{
padding: 5px;
display: block;
text-decoration: none;
margin: 0 auto;
text-align: left;
}
.nav ul li:hover ul{
list-style-type: none;
display: block;
position: absolute;
z-index: 10;
width: 105px;
}
/* Change this to edit drop down menu width size*/
.nav ul li:hover ul li{
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-top: 1px solid #4c87a1;
width: 150px;
}
.nav ul li:hover ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
/* Change this to edit drop down menu width size*/
.nav ul li:hover ul li a{
display: block;
width: 130px;
color: #1d3b49;
text-decoration: none;
line-height: 18px;
}
.nav ul li:hover ul li a:hover{
color: #fff;
}
.nav2{
display: none;
}
.social{
width: 100%;
}
.social2{
display: none;
}
.fb, .rss, .youtube{
margin: 10px 5px 0 10px ;
}
.fb:hover, .rss:hover, .youtube:hover{
opacity: .5;
}
.fb{
text-indent: -9999px;
display: block;
background: #f5f5f5 url('../images/fb.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
}
.rss{
text-indent: -9999px;
display: block;
background: #f5f5f5 url('../images/rss.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
}
.youtube{
text-indent: -9999px;
display: block;
background: #f5f5f5 url('../images/youtube.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
}
.main{
width: 920px;
background-color: #ffffff;
border: 1px solid #dbdada;
margin-top: 30px;
-moz-box-shadow: 0 0 4px #dbdada;
-webkit-box-shadow: 0 0 4px #dbdada;
box-shadow: 0 0 4px #dbdada;
position: relative;
z-index: 2;
padding: 20px;
}
.slideshow{
width: 920px;
margin: 10px auto 0;
margin-bottom: 20px;
}
#slideShim{
width: 920px;
height: 300px;
z-index: 5;
}
.slideshow2{
display: none;
}
.banner{
display: none;
}
.content{
width: 640px;
float: left;
min-height: 300px;
}
a.read{
width: 70px;
display: block;
border: 1px solid #dedede;
background: #f1f1f1 url('../images/gradient-top.png') repeat-x;
color: #2a84ae;
line-height: 24px;
padding: 1px 5px 0px;
text-decoration: none;
border-radius: 3px;
-moz-border-radius: 3px;
font-size: 13px;
text-align: center;
}
a.read:hover{
background: url('../images/gradient-top.png') repeat-x #e3e2e2;
}
.box0, .box1, .box2, .box3{
width: 150px;
float: left;
margin-right: 10px;
}
.sidebar{
width: 260px;
float: right;
}
.sidebar2{
display: none;
}
.sidebar h2{
border-bottom: 1px solid #5f92ab;
padding-bottom: 5px;
margin: 0 0 10px 0;
}
.sidebar ul{
padding: 0;
margin: 0;
}
.sidebar ul li{
margin-bottom: 8px;
}
.foot{
width: 100%;
height: 70px;
margin-top: -100px;
padding: 150px 0 0 0;
background-image: url(../images/footer-bg.png);
background-color: #64a5c4;
vertical-align: baseline;
position: relative;
z-index: 1;
}
.footContent{
width: 960px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.foot p{
border-top: 1px solid #5f92ab;
margin: 0 auto;
color: #ffffff;
padding: 15px 0 0;
text-align: center;
width: 100%;
}
/* @group Blog */
.blog-hr
{
border: none;
height: 0;
border-top: 1px solid #5f92ab;
margin: 25px 0;
width: 100%;
}
.blog-post
{
font-family: Georgia, "Times New Roman", Times, serif;
color: #ccc;
font-style: italic;
font-weight: 200;
}
.blog-entry
{
display: block;
float: left;
width: 420px;
}
.blog-entry-wide
{
display: block;
float: left;
width: 835px;
}
.blog-img-cat
{
display: block;
width: 120px;
float: left;
}
.blog-entry-wide-cat
{
display: block;
float: left;
width: 710px;
}
.blog-entry-wide h2, .blog-entry-wide-cat h2, .blog-entry-wide h4, .blog-entry-wide-cat h4
{
margin: 0;
}
.blog-date
{
background: #74aac3;
display: block;
text-align: center;
float: left;
width: 60px;
margin-right: 20px;
color: #fff;
font-weight: 200;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.blog-date-d
{
font-size: 30px;
line-height: 40px;
/*display: block;*/
}
.blog-date-m
{
text-transform: uppercase;
font-size: 15px;
margin-top: -5px;
display: block;
}
.blog-date-y
{
font-size: 15px;
display: block;
margin: -1px 0 0 0;
padding-bottom: 10px;
}
.blog-snippet
{
}
.blog-tiny
{
display: block;
width: 295px;
padding: 0 10px 0 0;
float: left;
}
.blog-tiny-l
{
display: block;
width: 110px;
float: left;
}
.blog-tiny-r
{
display: block;
width: 170px;
float: left;
}
.blog-story{
background-color: #74aac3;
color: #e0eef4;
font-size: 20px;
font-weight: normal;
font-style: normal;
padding: 10px;
}
.blog-story a{
color: #e0eef4;
}
.blog-story a:hover{
color: #fff;
}
.recent-blog{
padding-top: 25px;
margin-top: 30px;
border-top: 4px solid #bbb;
}
/* @end */
/* @group Panel */
form.panelForm{
width: 300px;
}
form.panelForm input{
width: 100%;
border: 1px solid #bad9e7;
background-color: #e0eef4;
padding: 5px;
color: #3184a7;
}
form.panelForm select{
width: 100%;
border: 1px solid #bad9e7;
background-color: #e0eef4;
padding: 10px;
color: #3184a7;
}
form.panelForm input#twocolumns{
width: 20px;
}
li.checkboxNoPad{
margin-top: 5px;
font-style: italic;
color: #23627d;
margin-bottom: 5px;
}
form.panelForm .submit{
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
color: #3184a7;
background-color: #e0eef4;
padding: 8px;
margin-top: 5px;
}
form.panelForm .submit:hover{
background-color: #c8e0eb;
}
form.panelForm .remember{
font-style: italic;
color: #23627d;
padding: 10px 0;
}
form.panelForm .remember input{
width: 20px;
margin: 0;
padding: 0;
color: #23627d;
}
ul.panelUl{
margin: 0;
padding: 0;
}
.panelL{
float: left;
width: 650px;
}
.panelR{
float: right;
width: 220px;
}
.urlBox{
width: 100%;
border: 1px solid #bad9e7;
background-color: #e0eef4;
padding: 5px;
color: #3184a7;
}
.images p{
display: table;
float: left;
margin-right: 50px;
margin-bottom: 40px;
overflow: hidden;
position: relative;
text-align: center;
width: 150px;
}
.images img{
border: 5px solid #bad9e7;
margin: 0;
padding: 0;
}
#response ul{
margin: 0;
padding: 0;
}
#response {
padding:10px;
background-color:#2a84ae;
border:2px solid #2a84ae;
margin-bottom:20px;
}
#list li{
margin: 0 0 3px;
padding:8px;
background-color:#2a84ae;
color:#fff;
list-style: none;
}
ul.ui-sortable{
margin: 0;
padding: 0;
}
/* @group Panel --- WYSIWYG */
/* TOOLBAR BUTTONS */
.widgToolbar a
{
display: block;
width: 30px;
height: 30px;
overflow: hidden;
background-repeat: no-repeat;
text-indent: -1000em;
text-decoration: none;
}
.widgToolbar a:hover
{
background-position: 0 -30px;
}
.widgToolbar a:active
{
margin-top: 2px;
margin-left: 2px;
background-position: 0 -60px;
}
.widgToolbar li.on a, .widgToolbar li.on a:hover
{
background-position: 0 -60px;
}
.widgToolbar li.widgEditButton
{
background-repeat: no-repeat;
background-position: bottom right;
}
.widgButtonBold
{
background-image: url(../images/widgeditor/widgeditor_button_bold2.gif);
}
.widgButtonHTML
{
background-image: url(../images/widgeditor/widgeditor_button_html2.gif);
}
.widgButtonImage
{
background-image: url(../images/widgeditor/widgeditor_button_image2.gif);
}
.widgButtonItalic
{
background-image: url(../images/widgeditor/widgeditor_button_italic2.gif);
}
.widgButtonLink
{
background-image: url(../images/widgeditor/widgeditor_button_link2.gif);
}
.widgButtonOrdered
{
background-image: url(../images/widgeditor/widgeditor_button_ordered2.gif);
}
.widgButtonUnordered
{
background-image: url(../images/widgeditor/widgeditor_button_unordered2.gif);
}
.widgSource a
{
background-image: url(../images/widgeditor/widgeditor_button_empty.gif);
cursor: default;
}
.widgSource li.on a, .widgSource li.on a:hover
{
background-position: 0 0;
}
.widgSource .widgButtonHTML
{
background-image: url(../images/widgeditor/widgeditor_button_html2.gif);
}
.widgSource .widgButtonHTML:hover
{
cursor: pointer;
}
/* TOOLBAR */
.widgToolbar
{
list-style: none;
width: 600px;
height: 48px;
margin: 0;
padding: 0 0 0 2px;
border-top: 1px solid #bad9e7;
border-left: 1px solid #bad9e7;
border-right: 1px solid #bad9e7;
background-image: url(../images/test/widgeditor_toolbar_bg2.gif);
background-repeat: repeat-x;
background-color: #e0eef4;
}
* html .widgToolbar
{
width: auto;
}
.widgToolbar li
{
display: inline;
float: left;
width: 32px;
height: 32px;
margin-top: 9px;
margin-left: 7px;
line-height: 30px;
}
/* EDITING AREA */
#iframeBody{
padding: 10px;
}
.widgIframe
{
width: 602px;
height: 200px;
color: #256c85;
border: 1px solid #bad9e7;
margin: 0;
background-color: #f5f9fb;
}
.widgContainer textarea.widgEditor{
clear: left;
width: 100%;
height: 200px;
padding: 0;
border: 1px solid #bad9e7;
background-color: #f5f9fb;
}
#cke_page_full, #cke_page_col_full, #cke_blog_short, #cke_blog_full, #cke_home_welcome, #cke_home_contact, #cke_home_links, #cke_home_star_full{
width: 700px;
margin-bottom: 40px;
}
/* EDITOR CONTAINER */
.widgContainer
{
}
/* @end */
/* @end */
/* @group Shopping */
form.shoppingForm{
width: 100%;
}
form.shoppingForm input{
width: 100%;
border: 1px solid #bad9e7;
background-color: #e0eef4;
padding: 4px;
color: #3184a7;
box-sizing: border-box;
}
form.shoppingForm select{
width: 100%;
border: 1px solid #bad9e7;
background-color: #e0eef4;
padding: 4px;
color: #3184a7;
box-sizing: border-box;
}
form.shoppingForm .submit{
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
color: #3184a7;
background-color: #e0eef4;
padding: 8px;
margin-top: 5px;
box-sizing: border-box;
}
form.shoppingForm .submit:hover{
background-color: #c8e0eb;
}
form.shoppingForm legend
{
font-size: 1em;
color: #1d5d7c;
font-weight: bold;
}
form.shoppingForm div.l, .shoppingForm .r
{
width: 48%;
}
a.small
{
font-size: 15px;
font-weight: normal;
}
a.shopping-button, a.shopping-button:link, a.shopping-button:visited
{
background: #2A84AE;
color: #fff;
border-radius: 5px;
padding: 12px 18px;
text-decoration: none;
font-size: 18px;
line-height: 18px;
margin: 5px;
display: inline-block;
}
a.shopping-button:hover
{
background: #3d9fcc;
}
a.shopping-button:active
{
background: #5eadd1;
}
.checking_btn_checkout, .checking_btn_checkout:link, .checking_btn_checkout:visited
{
display: inline-block;
font-family: inherit;
font-size: 14px;
text-align: center;
padding: 8px 12px;
text-decoration: none;
margin: 10px 0 0 0;
color: #3184a7;
background-color: #e0eef4;
border: 0;
cursor: pointer;
outline: none;
border-radius: 5px;
float: right;
}
.checking_btn_checkout:hover, .checking_btn_checkout:active
{
background-color: #c8e0eb;
}
.paypal_btn
{
display: inline-block;
font-family: inherit;
font-size: 14px;
color: #fff;
text-align: center;
padding: 8px 12px;
margin: 0;
background: #2A84AE;
border: 0;
cursor: pointer;
outline: none;
border-radius: 5px;
}
.paypal_btn_checkout, form.shoppingForm input.paypal_btn_checkout
{
display: inline-block;
font-family: inherit;
font-size: 20px;
color: #fff;
text-align: center;
padding: 10px 15px;
margin: 0 0 0 50%;
background: #2A84AE;
border: 0;
cursor: pointer;
outline: none;
border-radius: 5px;
width: 50%;
}
.paypal_btn:hover, .paypal_btn_checkout:hover, form.shoppingForm input.paypal_btn_checkout:hover
{
background: #5eadd1;
}
.paypal_quantity{
width: 50%;
font-size: 13px;
border: 1px solid #bad9e7;
background-color: #e0eef4;
padding: 0 4px;
color: #3184a7;
box-sizing: border-box;
}
.paypal_drop
{
width: 50%;
border: 1px solid #bad9e7;
background-color: #e0eef4;
padding: 4px;
font-size: 13px;
color: #3184a7;
box-sizing: border-box;
}
.text-center
{
text-align: center;
}
.col-1-3
{
width: 31%;
margin: 0 1%;
}
form.shoppingForm legend.required
{
color: #b20;
font-weight: bold;
text-transform: uppercase;
}
/* @end */
/* @group Media Queries */
/*********************
MQs
*********************/
@media only screen and (max-width: 959px) {
form.shoppingForm div.l, .shoppingForm .r
{
width: 100%;
}
}
/* /////// 700px /////// */
@media only screen and (min-width: 700px) and (max-width: 959px){
.top{
display: none;
}
.wrap {
width: 94%;
}
.nav{
width: 100%;
}
.nav ul li{
width: 11.4%;
height: 40px;
}
.nav ul li a{
font-size: 12px;
}
.nav ul li ul li{
padding: 5px 0 5px 0;
}
.logo{
width: 400px;
}
#searchBox input{
border: medium none;
color: #898989;
margin: 6px 0;
outline: medium none;
width: 130px;
font: 14px Arial, Helvetica, Geneva, sans-serif;
}
#searchBox button{
height: 32px;
width: 34px;
border: none;
cursor: pointer;
background-color: #fff;
padding: 0;
position: relative;
float: right;
right: 2px;
top: -2px;
}
.main{
width: 94%;
}
.slideshow{
width: 100%;
height: 260px;
}
#slideShim{
max-width: 100%;
height: 100%;
margin: 0 auto;
}
#slideShim a, #slideShim img{
max-width: 100%;
}
.content{
width: 68%;
}
.box0, .box1, .box2, .box3{
width: 35%;
float: left;
margin-right: 20px;
padding: 5px;
}
.box2{
clear: left;
}
.box2, .box3{
margin-top: 10px;
}
.sidebar{
width: 30%;
}
.footContent{
width: 90%;
margin: 0 auto;
}
.foot p{
border-top: 1px solid #5f92ab;
margin: 0 auto;
color: #ffffff;
padding: 15px 0 0;
text-align: center;
width: 100%;
}
.l{
float: left;
width: 60%;
min-height: 30px;
}
.r{
float: right;
width: 35%;
min-height: 30px;
}
.main img.blogImg1{
width: 100%;
}
.r img{
width: 100%;
}
.r h2{
margin-top: 0;
}
.panelR{
float: right;
width: 35%;
}
.panelL{
float: left;
width: 60%;
}
.blog-post
{
font-family: Georgia, "Times New Roman", Times, serif;
color: #ccc;
font-style: italic;
font-weight: 200;
}
.blog-entry, .blog-entry-wide, .blog-entry-wide-cat
{
display: block;
float: none;
width: 100%;
}
.blog-img-cat
{
display: block;
width: 120px;
float: none;
}
.blog-date
{
background: #74aac3;
display: block;
text-align: center;
float: none;
width: 50px;
height: auto;
}
/* .blog-tiny, .blog-tiny-l, .blog-tiny-r
{
display: block;
width: 100%;
float: none;
}*/
.blog-tiny
{
display: block;
width: 28%;
margin: 0 30px 0 0;
float: left;
}
.blog-tiny-l
{
display: block;
width: 100%;
float: left;
}
.blog-tiny-r
{
display: block;
width: 100%;
float: left;
}
.blog-tiny{
/*border-top: 1px solid #5f92ab;*/
padding: 10px 0;
}
.recent-blog{
padding-top: 25px;
margin-top: 30px;
/*border-top: none;*/
}
}
/* /////// 560 /////// */
@media only screen and (min-width: 560px) and (max-width: 699px) {
.wrap {
width: 93%;
}
.logoBox{
width: 100%;
}
/*.logo{
width: 52%;
}*/
.logo{
display: none;
}
.logo-sm{
display: block;
width: 264px;
height: 67px;
margin-top: 10px;
/*margin: 0px auto 0;*/
float: left;
background: url('../images/logo-sm.png') no-repeat left top;
}
.logo-sm a{
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.main{
width: 92%;
}
.content{
width: auto;
float: none;
}
p.loginGreeting{
float: none;
width: 500px;
font: 16px 'ArvoRegular', Arial, sans-serif;
color: #5ea9cc;
clear: both;
padding-top: 10px;
}
ul.loginNav{
list-style-type: none;
margin: 13px 0 0 0;
padding: 0;
float: none;
}
ul.loginNav li{
display: block;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
}
ul.loginNav li a{
font: 12px Arial, sans-serif;
color: #5ea9cc;
text-decoration: underline;
}
#searchBox input{
border: medium none;
color: #898989;
margin: 6px 0;
outline: medium none;
width: 130px;
font: 14px Arial, Helvetica, Geneva, sans-serif;
}
#searchBox button{
height: 32px;
width: 34px;
border: none;
cursor: pointer;
background-color: #fff;
padding: 0;
position: relative;
float: right;
right: 2px;
top: -2px;
}
.slideshow{
display: none;
}
.slideshow2{
display: block;
width: 100%;
height: 220px;
}
#slideShim2{
max-width: 100%;
height: 100%;
margin: 0 auto;
}
#slideShim2 a, #slideShim2 img{
max-width: 100%;
}
.sidebar{
width: auto;
clear: both;
float: none;
}
.nav{
display: none;
}
.nav2{
margin-top: 20px;
display: block;
width: 100%;
font: bold 1.2em/1.9em Arial, Helvetica, Geneva, sans-serif;
}
.nav2 ul{
margin: 0;
padding: 0;
list-style-type: none;
margin: 0 auto;
}
.nav2 ul li{
width: 49.5%;
height: 40px;
float: left;
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-right: 1px solid #7eadc3;
border-left: 1px solid #4c87a1;
}
.nav2 ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
/* width: 9%;
height: 40px;
float: left;
margin-left: 0px;
}
.nav2 ul li.navSecond{
width: 8%;
height: 40px;
float: left;
} */
.nav2 ul li a{
width: 100%;
height: 100%;
display: block;
text-decoration: none;
color: #fff;
line-height: 38px;
text-align: center;
}
.nav2 ul li ul{ /* Start of 2nd Level Drop Down Menu */
list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
.nav2 ul ul li:first-child{
float: none;
width: 11%;
}
.nav2 ul li ul li{
width: 60px;
float: none;
border: none;
height: 100%;
background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
}
.nav2 ul ul li a{
padding: 5px;
display: block;
text-decoration: none;
margin: 0 auto;
text-align: left;
}
.nav2 ul li:hover ul{
list-style-type: none;
display: block;
position: absolute;
z-index: 50;
width: 105px;
}
.nav2 ul li:hover ul li{
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-top: 1px solid #4c87a1;
border-right: 1px solid #4c87a1;
width: 120px;
}
.nav2 ul li:hover ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
.nav2 ul li:hover ul li a{
display: block;
width: 95px;
color: #1d3b49;
text-decoration: none;
line-height: 18px;
}
.nav2 ul li:hover ul li a:hover{
color: #fff;
}
.sidebar{
display: none;
}
.sidebar2{
display: block;
margin-bottom: 10px;
}
.sidebar2 h2{
border-bottom: 1px solid #5f92ab;
padding-bottom: 5px;
margin: 0 0 10px 0;
}
.sidebar2 ul{
padding: 0;
}
.sbBox1{
float: left;
width: 26%;
}
.sbBox2{
float: left;
width: 35%;
margin-left: 20px;
}
.sbBox3{
float: left;
width: 25%;
margin-left: 20px;
}
.box0, .box1, .box2, .box3{
width: 100%;
padding: 20px 0;
border-top: 1px solid #5f92ab;
}
.social{
display: none;
}
.foot{
height: 110px;
padding: 130px 0 0 0;
}
.footContent{
width: 90%;
margin: 0 auto;
position: relative;
z-index: 150;
}
.foot p{
border-top: 1px solid #5f92ab;
margin: 0 auto;
color: #ffffff;
padding: 15px 0;
text-align: center;
width: 100%;
}
.social2{
display: block;
width: 70px;
margin: 0 auto;
height: 40px;
}
/* .fb, .rss{
margin: 0px 15px 0 0px ;
} */
.fb{
text-indent: -9999px;
display: block;
background: url('../images/fb.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 15px 0 0;
}
.rss{
text-indent: -9999px;
display: block;
background: url('../images/rss.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 15px 0 0;
}
.youtube{
text-indent: -9999px;
display: block;
background: url('../images/youtube.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 0px 0 0;
}
.l{
float: left;
width: 45%;
min-height: 30px;
}
.r{
float: right;
width: 48%;
min-height: 30px;
}
.main img.blogImg1{
width: 100%;
}
.r img{
width: 100%;
}
.panelR{
float: right;
width: 35%;
}
.panelL{
float: left;
width: 60%;
}
.blog-post
{
font-family: Georgia, "Times New Roman", Times, serif;
color: #ccc;
font-style: italic;
font-weight: 200;
}
.blog-entry, .blog-entry-wide, .blog-entry-wide-cat
{
display: block;
float: none;
width: 100%;
}
.blog-tiny{
border-top: 1px solid #5f92ab;
padding: 10px 0;
}
.blog-img-cat
{
display: block;
width: 120px;
float: none;
}
.blog-date
{
background: #74aac3;
display: block;
text-align: center;
float: none;
width: 50px;
height: auto;
}
.blog-tiny, .blog-tiny-l, .blog-tiny-r
{
display: block;
width: 100%;
float: none;
}
.recent-blog{
padding-top: 10px;
margin-top: 20px;
border-top: none;
}
}
/* /////// 480 /////// */
@media only screen and (min-width: 481px) and (max-width: 559px) {
.wrap {
width: 93%;
overflow: hidden;
}
.logoBox{
width: 100%;
height: 140px;
}
.logo{
display: none;
}
.logo-sm{
width: 264px;
height: 67px;
margin: 10px auto 10px;
display: block;
float: none;
background: url('../images/logo-sm.png') no-repeat left top;
}
.logo-sm a{
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.logoBox form{
width: 240px;
height: 37px;
float: none;
margin: 0 auto;
}
p.loginGreeting{
float: none;
width: 500px;
font: 16px 'ArvoRegular', Arial, sans-serif;
color: #5ea9cc;
clear: both;
padding-top: 10px;
}
ul.loginNav{
list-style-type: none;
margin: 13px 0 0 0;
padding: 0;
float: none;
}
ul.loginNav li{
display: block;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
}
ul.loginNav li a{
font: 12px Arial, sans-serif;
color: #5ea9cc;
text-decoration: underline;
}
#searchBox input{
border: medium none;
color: #898989;
margin: 6px 0;
outline: medium none;
width: 130px;
font: 14px Arial, Helvetica, Geneva, sans-serif;
}
#searchBox button{
height: 32px;
width: 34px;
border: none;
cursor: pointer;
background-color: #fff;
padding: 0;
position: relative;
float: right;
right: 2px;
top: -2px;
}
.main{
width: 90%;
margin-right: 0 !important;
}
.content{
width: auto;
float: none;
}
.slideshow{
display: none;
}
.slideshow2{
display: block;
width: 100%;
height: 230px;
}
#slideShim2{
max-width: 100%;
height: 100%;
margin: 0 auto;
}
#slideShim2 a, #slideShim2 img{
max-width: 100%;
}
.sidebar{
width: auto;
clear: both;
float: none;
}
.nav{
display: none;
}
.nav2{
display: block;
width: 100%;
}
.nav2 select{
margin: 0 auto;
width: 100%;
}
/* .nav2{
display: block;
width: 100%;
font: bold 1.2em/1.9em Arial, Helvetica, Geneva, sans-serif;
}
.nav2 ul{
margin: 0;
padding: 0;
list-style-type: none;
margin: 0 auto;
}
.nav2 ul li{
width: 49.5%;
height: 40px;
float: left;
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-right: 1px solid #7eadc3;
border-left: 1px solid #4c87a1;
}
.nav2 ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
width: 9%;
height: 40px;
float: left;
margin-left: 0px;
}
.nav2 ul li.navSecond{
width: 8%;
height: 40px;
float: left;
}
.nav2 ul li a{
width: 100%;
height: 100%;
display: block;
text-decoration: none;
color: #fff;
line-height: 38px;
text-align: center;
}
.nav2 ul li ul{ Start of 2nd Level Drop Down Menu */
/* list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
.nav2 ul ul li:first-child{
float: none;
margin-left: 0px;
width: 11%;
}
.nav2 ul li ul li{
width: 60px;
float: none;
border: none;
height: 100%;
background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
}
.nav2 ul ul li a{
padding: 5px;
display: block;
text-decoration: none;
margin: 0 auto;
text-align: left;
}
.nav2 ul li:hover ul{
list-style-type: none;
display: block;
position: absolute;
z-index: 5;
width: 105px;
}
.nav2 ul li:hover ul li{
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-top: 1px solid #4c87a1;
border-right: 1px solid #4c87a1;
width: 120px;
}
.nav2 ul li:hover ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
.nav2 ul li:hover ul li a{
display: block;
width: 95px;
color: #1d3b49;
text-decoration: none;
line-height: 18px;
}
.nav2 ul li:hover ul li a:hover{
color: #fff;
} */
.slideshow{
display: none;
}
#slideShim{
display: none;
}
.slideshow2{
display: none;
}
.banner{
display: block;
margin-bottom: 10px;
}
.banner img{
max-width: 100%;
}
.sidebar{
display: none;
}
.sidebar2{
display: block;
margin-bottom: 10px;
}
.sidebar2 h2{
border-bottom: 1px solid #5f92ab;
padding-bottom: 5px;
margin: 0 0 10px 0;
}
.sidebar2 ul{
padding: 0;
}
.sbBox1{
float: auto;
width: auto;
}
.sbBox2{
float: auto;
width: auto;
}
.sbBox3{
float: auto;
width: auto;
}
.box0, .box1, .box2, .box3{
width: 100%;
padding: 20px 0;
border-top: 1px solid #5f92ab;
}
.social{
display: none;
}
.foot{
height: 110px;
padding: 130px 0 0 0;
}
.footContent{
width: 90%;
margin: 0 auto;
}
.foot p{
border-top: 1px solid #5f92ab;
margin: 0 auto;
color: #ffffff;
padding: 15px 0 0;
text-align: center;
width: 100%;
}
.social2{
display: block;
width: 70px;
margin: 0 auto;
height: 40px;
}
/* .fb, .rss{
margin: 0px 15px 0 0px ;
} */
.fb{
text-indent: -9999px;
display: block;
background: url('../images/fb.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 15px 0 0;
}
.rss{
text-indent: -9999px;
display: block;
background: url('../images/rss.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 15px 0 0;
}
.youtube{
text-indent: -9999px;
display: block;
background: url('../images/youtube.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 0px 0 0;
}
.l{
float: none;
width: auto;
min-height: 30px;
}
/* .l{
float: auto !important;
width: auto;
min-height: 200px;
} */
.r{
float: left;
width: auto;
min-height: 30px;
}
.main img.blogImg1{
width: 100%;
}
.r img{
width: 100%;
}
.panelR{
float: right;
width: 35%;
}
.panelL{
float: left;
width: 60%;
}
.blog-post
{
font-family: Georgia, "Times New Roman", Times, serif;
color: #ccc;
font-style: italic;
font-weight: 200;
}
.blog-entry, .blog-entry-wide, .blog-entry-wide-cat
{
display: block;
float: auto;
width: 100%;
}
.blog-tiny{
border-top: 1px solid #5f92ab;
padding: 10px 0;
}
.blog-img-cat
{
display: block;
width: 120px;
float: none;
}
.blog-date
{
background: #74aac3;
display: block;
text-align: center;
float: none;
width: 50px;
height: auto;
}
.blog-tiny, .blog-tiny-l, .blog-tiny-r
{
display: block;
width: 100%;
float: none;
}
.recent-blog{
padding-top: 10px;
margin-top: 20px;
border-top: none;
}
}
/* /////// 480 /////// */
@media only screen and (max-width: 480px) {
.wrap {
width: 90%;
overflow: hidden;
}
.main img{
width: 100%;
}
.box0 img, .box1 img, .box2 img, .box3 img{
width: 150px;
}
.logoBox{
width: 100%;
}
.logo{
display: none;
}
.logo-sm{
width: 264px;
height: 67px;
margin: 10px auto 10px;
display: block;
float: none;
background: url('../images/logo-sm.png') no-repeat left top;
}
.logo-sm a{
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
/*.logo{
float: none;
}*/
.logoBox {
height: 140px;
}
.logoBox form{
width: 240px;
height: 37px;
float: none;
margin: 0 auto;
}
p.loginGreeting{
float: none;
width: 500px;
font: 16px 'ArvoRegular', Arial, sans-serif;
color: #5ea9cc;
clear: both;
padding-top: 10px;
}
ul.loginNav{
list-style-type: none;
margin: 13px 0 0 0;
padding: 0;
float: none;
}
ul.loginNav li{
display: block;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
}
ul.loginNav li a{
font: 12px Arial, sans-serif;
color: #5ea9cc;
text-decoration: underline;
}
#searchBox input{
border: medium none;
color: #898989;
margin: 6px 0;
outline: medium none;
width: 155px;
font: 14px Arial, Helvetica, Geneva, sans-serif;
}
#searchBox button{
height: 32px;
width: 34px;
border: none;
cursor: pointer;
background-color: #fff;
padding: 0;
position: relative;
float: right;
right: 2px;
top: -2px;
}
.main{
width: 80%;
margin: 0 auto;
}
.content{
width: auto;
float: none;
}
.sidebar{
width: auto;
clear: both;
float: none;
}
.nav{
display: none;
}
.nav2{
display: block;
width: 90%;
margin: 10px auto 50px;
}
.nav2 select{
margin: 0 auto;
width: 100%;
}
.blog-post
{
font-family: Georgia, "Times New Roman", Times, serif;
color: #ccc;
font-style: italic;
font-weight: 200;
}
.blog-entry, .blog-entry-wide, .blog-entry-wide-cat
{
display: block;
float: none;
width: 100%;
}
.blog-tiny{
border-top: 1px solid #5f92ab;
padding: 10px 0;
}
.blog-tiny img{
width: 100px;
}
.blog-img-cat
{
display: block;
width: 120px;
float: none;
}
.blog-date
{
background: #74aac3;
display: block;
text-align: center;
float: none;
width: 50px;
height: auto;
}
.blog-tiny, .blog-tiny-l, .blog-tiny-r
{
display: block;
width: 100%;
float: none;
}
.recent-blog{
padding-top: 10px;
margin-top: 20px;
border-top: none;
}
/* .nav2{
display: block;
width: 100%;
font: bold 1.2em/1.9em Arial, Helvetica, Geneva, sans-serif;
}
.nav2 ul{
margin: 0;
padding: 0;
list-style-type: none;
margin: 0 auto;
}
.nav2 ul li{
width: 49%;
height: 40px;
float: left;
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-right: 1px solid #7eadc3;
border-left: 1px solid #4c87a1;
}
.nav2 ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
.nav2 ul li.navSecond{
width: 8%;
height: 40px;
float: left;
}
.nav2 ul li a{
width: 100%;
height: 100%;
display: block;
text-decoration: none;
color: #fff;
line-height: 38px;
text-align: center;
}
.nav2 ul li ul{ Start of 2nd Level Drop Down Menu */
/* list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
.nav2 ul ul li:first-child{
float: none;
width: 11%;
}
.nav2 ul li ul li{
width: 60px;
float: none;
border: none;
height: 100%;
background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
}
.nav2 ul ul li a{
padding: 5px;
display: block;
text-decoration: none;
margin: 0 auto;
text-align: left;
}
.nav2 ul li:hover ul{
list-style-type: none;
display: block;
position: absolute;
z-index: 5;
width: 105px;
}
.nav2 ul li:hover ul li{
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
border-top: 1px solid #4c87a1;
border-right: 1px solid #4c87a1;
width: 120px;
}
.nav2 ul li:hover ul li:hover{
background: #87b7cd url('../images/nav-shadow.png') repeat-x left top;
}
.nav2 ul li:hover ul li a{
display: block;
width: 95px;
color: #1d3b49;
text-decoration: none;
line-height: 18px;
}
.nav2 ul li:hover ul li a:hover{
color: #fff;
} */
.slideshow{
display: none;
}
.slideshow2{
display: none;
}
.banner{
display: block;
margin-bottom: 10px;
}
.banner img{
max-width: 100%;
}
.sidebar{
display: none;
}
.sidebar2{
display: block;
margin-bottom: 10px;
}
.sidebar2 h2{
border-bottom: 1px solid #5f92ab;
padding-bottom: 5px;
margin: 0 0 10px 0;
}
.sidebar2 ul{
padding: 0;
}
.sbBox1{
float: auto;
width: auto;
}
.sbBox2{
float: auto;
width: auto;
}
.sbBox3{
float: auto;
width: auto;
}
.box0, .box1, .box2, .box3{
width: 100%;
padding: 20px 0;
border-top: 1px solid #5f92ab;
}
.social{
display: none;
}
.foot{
height: 110px;
padding: 130px 0 0 0;
}
.footContent{
width: 90%;
margin: 0 auto;
}
.foot p{
border-top: 1px solid #5f92ab;
margin: 0 auto;
color: #ffffff;
padding: 15px 0 0;
text-align: center;
width: 100%;
}
.social2{
display: block;
width: 70px;
margin: 0 auto;
height: 40px;
}
/* .fb, .rss{
margin: 0px 15px 0 0px ;
} */
.fb{
text-indent: -9999px;
display: block;
background: url('../images/fb.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 15px 0 0;
}
.rss{
text-indent: -9999px;
display: block;
background: url('../images/rss.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 15px 0 0;
}
.youtube{
text-indent: -9999px;
display: block;
background: url('../images/youtube.png') no-repeat left top;
width: 24px;
height: 24px;
float: right;
margin: 0 0px 0 0;
}
.l{
float: none;
width: auto;
min-height: 30px;
}
.r{
float: left;
width: auto;
min-height: 30px;
}
.r img{
width: 100%;
margin-top: 10px;
}
.panelR{
float: auto;
width: 100%;
}
.panelL{
float: auto;
width: 100%;
}
}
.ul-nav-flex {
display: flex;
align-items: stretch; /* Default */
justify-content: space-between;
width: 100%;
background: #66a2be url('../images/nav-shadow.png') repeat-x left top;
margin: 0;
padding: 0;
}
.ul-nav-flex > li {
width: 15% !important;
}
/* @end */