/* ------------------------------------------------------------------------------ */
/* RESPONSIVE */
/* ---------------------------------------- */
@media screen and (max-width:1000px) {
body { overflow:scroll; width:100%; overflow-x:hidden; }
div#container { width:900px; /* overflow-x:hidden */ } /* 1000 */
/* left1 ------------------------------------------ */
body.left1 div#mainDiv1 { width:200px; } /* 200 */
body.left1 div#contentWrap { width:650px; } /* 780 */
/* left2 ------------------------------------------ */
body.left2 div#mainDiv1, body.left2 div#mainDiv2 { width:160px; } /* 200 */
body.left2 div#contentWrap { width:430px; } /* 580 */
/* centeredcols ------------------------------------------ */
body.centeredcols div#mainDiv1, body.centeredcols div#mainDiv2 { width:160px; } /* 200 */
body.centeredcols div#contentWrap { width:430px; } /* 580 */
/* right1 ------------------------------------------ */
body.right1 div#contentWrap { width:550px; }
body.right1 div#mainDiv1 { width:200px; }
/* right2 ------------------------------------------ */
body.right2 div#mainDiv1, body.right2 #mainDiv2 { width:160px; }
body.right2 div#contentWrap { width:430px; }
ul.SideNav li ul { overflow-y: visible; }
}
@media screen and (max-width:800px) {
div#container { width:760px; } /* 1000 */
div#container div#contentDiv { padding:5px 10px; }
/* left1 ------------------------------------------ */
body.left1 div#mainDiv1 { width:20%; } 
body.left1 div#contentWrap { width:79%; padding:0; } 
/* left2 ------------------------------------------ */
body.left2 div#mainDiv1, body.left2 div#mainDiv2 { width:20%; } 
body.left2 div#contentWrap { width:50%; padding:5px; } 
/* centeredcols ------------------------------------------ */
body.centeredcols div#mainDiv1, body.centeredcols div#mainDiv2 { width:20%; } 
body.centeredcols div#contentWrap { width:58%; padding:0; margin:0 auto; } 
/* right1 ------------------------------------------ */
body.right1 div#contentWrap { width:75%; padding:5px; }
body.right1 div#mainDiv1 { width:20%; }
/* right2 ------------------------------------------ */
body.right2 div#mainDiv1, body.right2 div#mainDiv2 { width:20%; }
body.right2 div#contentWrap { width:75%; padding:5px; }
#SiteNav li a { font-size:90%; line-height:1.3em; }
div.SideColDiv .calendarTableWrap { font-size:90%; }
#contentDiv img { max-width:100%; }
}
@media screen and (max-width:700px) {
/* kill all floats */
div#container { width:100%; /* overflow-x:hidden */ } 
/* left1 ------------------------------------------ */
body.left1 div#mainDiv1 { width:100%; float:none; } 
body.left1 div#contentWrap { width:100%; float:none; } 
/* left2 ------------------------------------------ */
body.left2 div#mainDiv1, body.left2 div#mainDiv2 { width:100%; float:none; } 
body.left2 div#contentWrap { width:100%; float:none; } 
/* centeredcols ------------------------------------------ */
body.centeredcols div#mainDiv1, body.centeredcols div#mainDiv2 { width:100%; float:none; } 
body.centeredcols div#contentWrap { width:100%; float:none; } 
/* right1 ------------------------------------------ */
body.right1 div#contentWrap { width:100%; float:none; }
body.right1 div#mainDiv1 { width:100%; float:none; }
/* right2 ------------------------------------------ */
body.right2 div#mainDiv1, body.right2 div#mainDiv2 { width:100%; float:none; }
body.right2 div#contentWrap { width:100%; float:none; }
/* side nav ---------------------------------------- */
#mainDiv1 #SiteNav, 
#mainDiv2 #SiteNav { display:none; }
/*
#mainDiv1 div.w_SiteNav:hover #SiteNav, 
#mainDiv2 div.w_SiteNav:hover #SiteNav { display:block; position:absolute; }
*/
div#SiteNavToggle { display:block; height:30px; background:transparent url('/images/naviconBlock.png') no-repeat 90% top; cursor:pointer; }
#SiteNav { position:absolute; width:100%; display:none; }
ul#SiteNav:hover ul,
ul#SiteNav ul
{ display:block; float:none; position:relative; width:auto; left:0; }
ul#SiteNav li,
ul#SiteNav a,
ul#SiteNav ul li { margin:0; display:block; float:none; position:realtive; top:0; }
ul#SiteNav ul li a { padding-left:30px; margin:0; display:block; float:none; }
ul#SiteNav li ul,
ul#SiteNav li:hover ul { top:0; }
/* ul.SideNav li ul.ulChildren { width:65%; left:25%; box-shadow: 0 0 3px 3px #333; } */
ul.SideNav li { padding:0; margin:0; }
ul.SideNav li a { margin:0; }
ul.SideNav li ul li,
ul.SideNav li ul li a { width:100%; }	
div.blog_nav_btm_right,
div.blog_nav_btm_left {
float:none;
width:98%;
padding:0;
border:none;
}
}