/*/ media queries - basic (1024 ~ 1200 px wide) + IE < 9 /*/

body {
background:#f5f5f5 url(../imgs/pattern_top.png) repeat-x center 70px;
}
h1 {
text-align:left;
}
.inner, #subnav .inner, #content .inner, #footer .inner {
max-width:100%;
min-width:0;
width:920px;
width:92rem;
text-align:left;
padding-left:0;
padding-right:0;
}
#siteWrapper {
background:url(../imgs/header_bg.gif) no-repeat center top;
border-top:10px solid #fff;
}
#header {
width:920px;
width:92rem;
margin:0 auto;
overflow:hidden;
background:url(../imgs/header.gif) no-repeat 130px top;
background-position:13rem top;
}
#logo, #logo .inner {
float:left;
margin:0;
padding:0;
width:15rem;
}
#logo {
padding:35px 0 15px;
}
#logo img {
margin:-15px 0 0;
margin:-1.5rem 0 0;
width:100%;
float:left;
}
#nav {
float:right;
}
#nav a {
border:0;
padding:0 15px;
padding:0 1.5rem;
line-height:70px;
float:left;
}
#nav a.current {
background-image:url(../imgs/current_light.png);
background-position:center bottom;
background-repeat:no-repeat;
}
#footer {
clear:both;
}
#subnav {
background:none;
}
#subnav .inner {
padding:0;
}
#subnav ul {
display:block;
overflow:visible;
width:180px;
width:18rem;
float:left;
margin:0;
padding:20px 40px 40px 0;
padding:2em 4rem 4rem 0;
background:url(../imgs/fading_line.png) no-repeat right bottom;
}
#subnav li ul {
display:none;
padding:0 0 5px;
padding:0 0 .5rem;
}
#subnav .open ul {
display:block;
}
#subnav a, #subnav li li a {
background:none;
padding:5px 0;
padding:.5rem 0;
color:#3d3c3b;
border:0;
}
#subnav li li a {
padding:0 0 5px 10px;
padding:0 0 .5rem 1rem;
}
#subnav .current li a {
color:#3d3c3b;
}
#subnav .current a, #subnav li .current a {
color:#005695;
}
#siteWrapper #subnav a:hover, #siteWrapper #subnav a:focus, #siteWrapper #subnav a:active {
color:#e04;
}
#subnav .current a:after {
display:inline-block;
float:right;
bottom:-3px;
bottom:-.3rem;
margin:0 -1em 0 0;
position:relative;
width:1em;
}
#subnav .current li a:after {
display:none;
}
#content {
background:none;
}
#footer .aside {
border:0;
margin:0 0 40px;
margin:0 0 4rem;
}
#footer #about {
float:right;
padding-bottom:0;
}
#footer #contactinfo {
width:560px;
width:56rem;
overflow:hidden;
padding-right:41px;
padding-right:4.1rem;
background:url(../imgs/groove.png) repeat-y right top;
padding-bottom:0;
}
#footer .imgWrapper {
float:right;
width:240px;
width:24rem;
}
#up {
clear:both;
width:80px;
margin:0 auto;
opacity:.6;
}
#up:hover, #up:focus, #up:active {
opacity:1;
}
.columns {
overflow:hidden;
}
.primary, .secondary, .tertiary {
float:left;
width:280px;
width:28rem;
}
.two .secondary {
float:right;
width:600px;
width:60rem;
}
.three .secondary {
float:left;
margin:0 0 0 40px;
margin:0 0 0 4rem;
}
.three .tertiary {
float:right;
}
#intro .columns {
border-top:1px solid #d8d8d8;
background:url(../imgs/fading_line.png) no-repeat 360px bottom;
background-position:36rem bottom;
padding:29px 10px 0;
padding:2.9rem 1rem 0;
margin:0 -10px;
margin:0 -1rem;
}
#intro .primary, #intro .secondary {
width:320px;
width:32rem;
}
#intro .secondary {
width:520px;
width:52rem;
}
#graphic h1 {
font-size:34px;
font-size:3.4rem;
margin:0 0 23px;
margin:0 0 2.3rem;
}
#graphic h2 {
padding:0 40px 0 0;
padding:0 4rem 0 0;
}
#graphic {
background:url(../imgs/glow.png) no-repeat center bottom;
background-size:100% auto;
height:235px;
height:23.5rem;
position:relative;
}
#graphic .imgWrapper {
background:none;
padding:0;
border:0;
}
#graphic .hgroup {
position:absolute;
width:360px;
width:36rem;
bottom:12px;
bottom:1.2rem;
left:0;
}
#graphic .imgWrapper {
width:560px;
width:56rem;
position:absolute;
right:0;
bottom:-20px;
bottom:-2rem;
margin:0;
}
#crumbtrail {
display:block;
background:#f5f5f5;
}
#crumbtrail .inner {
background:url(../imgs/glow.png) no-repeat center bottom;
background-size:100%;
}
#default .inner {
border-top:1px solid #d8d8d8;
border-width:.1rem;
padding:24px 10px 40px 270px;
padding:2.4rem 1rem 4rem 27rem;
width:650px;
width:65rem;
}

/*/ media queries - basic (1024 ~ 1200 with more vertical height) /*/

@media screen and (min-width: 75em) and (min-height: 50em) {
	html {
	font-size:68.75%;
	}
}

/*/ media queries bigger and taller /*/

@media screen and (min-width: 90em) and (min-height: 70em) {
	html {
	font-size:75%;
	}
}

/*/ media queries biggerer and tallerer /*/

@media screen and (min-width: 120em) and (min-height: 90em) {
	html {
	font-size:93.75%;
	}
}