/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {background-color: #D7D3C7;background-image: url(/img2012/hugeback2b.jpg);background-position: center top;background-repeat: repeat;-webkit-text-size-adjust: 100%;
}
#container {width:1100px;margin:0 auto;}
#bigtop {background-image: url(/img2012/newtop2012c.jpg);background-repeat:no-repeat;width:1100px;height:226px;margin-top:0px;padding:0;margin-left:auto;margin-right:auto;}
#logo {float:left;padding-left:162px;padding-top:82px}
#tagline {float:left;padding-left:95px;padding-top:127px}
#students {float:right;margin-right:106px;padding-top:54px;width:258px;height:171px}

#breadcrumbs {max-width:1100px;height:auto;padding:27px 0 3px 96px;}
#content {float:left;width:631px;margin-left:76px;margin-top:-10px}
#contenttop {background-image: url(/img2012/contenttop.png);background-repeat:no-repeat;width:628px;height:16px;margin:0;padding:0}
#contentbottom {background-image: url(/img2012/contentbottom.png);background-repeat:no-repeat;width:631px;height:22px;margin:0;padding:0}
.contentback {width:100%;background-image: url(/img/textback1.png)}
.contentpadding {padding:23px 43px 33px 40px}
.hometitle {margin:4px 0 4px 0}
.rotatepic {width:333px;margin-right:3px;float:left}
.highlights {margin:19px 0 12px 0}
.features1 {float:left;width:225px;padding-right:10px}
.features2 {float:left;width:245px}

#navright {float:left;width:325px;margin-right:68px;margin-top:-10px}
#nav1 {background-image: url(/img2012/navtop.png);background-repeat:no-repeat;width:323px;height:11px;margin:0;padding:0}
.nav1back {width:325px;background-image: url(/img/navback1.png);padding-top:20px}
.nav1pad {width:175px;padding-left:76px;padding-bottom:10px}
.navonebottom {background-image: url(/img/navbottom1b.png);background-repeat:no-repeat;width:325px;height:20px;margin:0;padding:0}

#nav2 {width:275px;margin:10px auto}
.navtwotop {background-image: url(/img/navtop.png);background-repeat:no-repeat;width:275px;height:18px;margin:0;padding:0}
.navtwoback {width:275px;background-image: url(/img/navsmall.png);padding-top:5px}
.nav2pad {width:175px;padding-left:76px;padding-bottom:5px}
.navtwobottom {background-image: url(/img/navbottom.png);background-repeat:no-repeat;width:275px;height:23px;margin:0;padding:0}

.contactgraphic {width:144px;margin:0 auto}
.socialmedia {width:150px;margin:0 auto;padding-top:10px}
#footer {max-width:1100px;margin-left:199px;padding-bottom:30px}
.copyright {color:#666666;font-size:12px;padding-left:50px}

.hrline1 {background-image: url(/img/hrline1.png);background-repeat:no-repeat;width:548px;height:30px;margin-bottom:10px}
.hrhome{max-width:350px;height:0;font:0/0 serif;border-bottom:1px dashed #E1CB74}
.hr1{background-image:url(/img/hrline2.png);width:548px;height:30px}
.titlebreak {display:inline}
.homestars {display:inline}
#hiddenbottom {display:none}
#hiddennav {display:none}
.floatleft1 {float:left}
.floatleft2 {float:left}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {background-image: url(/img2012/hugeback788.jpg);background-position:top left;
	}
#container {width:768px;margin:0;}
#bigtop {background-image: url(/img2012/newtop768.jpg);width:768px;height:226px}
#logo {float:left;padding-left:42px;padding-top:82px}
#tagline {float:left;padding-left:70px;padding-top:127px}
#students {float:right;margin-right:46px;padding-top:44px;width:200px;height:133px}

#breadcrumbs {max-width:768px;height:auto;padding:27px 0 3px 15px;}
#content {float:left;width:500px;margin-left:10px;margin-top:0px}
#contenttop {background-image: url(/img2012/contenttop.png);background-repeat:no-repeat;width:500px;height:16px;margin:0;padding:0}
#contentbottom {background-image: url(/img2012/contentbottom.png);background-repeat:no-repeat;width:500px;height:22px;margin:0;padding:0}
.contentback {width:100%;background-image: url(/img/textback1.png)}
.contentpadding {padding:23px 40px 33px 40px}
.hometitle {margin:4px 0 4px 0}
.rotatepic {margin-right:3px;float:none}
.highlights {margin:19px 0 12px 0}
.features1 {float:none;width:100%;padding-right:0px}
.features2 {float:none;width:100%}

#navright {float:right;width:225px;margin-right:20px;margin-top:10px}
#nav1 {background-image: url(/img2012/navtop.png);background-repeat:no-repeat;width:223px;height:11px;margin:0;padding:0}
.nav1back {width:225px;background-image: url(/img/navback1.png);padding-top:20px}
.nav1pad {width:175px;padding-left:26px;padding-bottom:10px}
.navonebottom {background-image: url(/img/navbottom1b.png);background-repeat:no-repeat;width:225px;height:20px;margin:0;padding:0}

#nav2 {width:175px;margin:10px auto}
.navtwotop {background-image: url(/img/navtop.png);background-repeat:no-repeat;width:175px;height:18px;margin:0;padding:0}
.navtwoback {width:175px;background-image: url(/img/navsmall.png);padding-top:5px}
.nav2pad {width:175px;padding-left:26px;padding-bottom:5px}
.navtwobottom {background-image: url(/img/navbottom.png);background-repeat:no-repeat;width:175px;height:23px;margin:0;padding:0}

#footer {max-width:768px;margin-left:90px}
.copyright {color:#666666;font-size:12px;padding-left:50px}

.hrline1 {background-image: url(/img/hrline1.png);background-repeat:no-repeat;width:438px;height:30px;margin-bottom:10px}
.hr1{background-image:url(/img/hrline2.png);width:435px;height:30px}
.titlebreak {display:none}
.homestars {display:none}
.hidedate {display:none}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {background-color: #D7D3C7;background-image: url(/img2012/hugeback320.jpg);background-position:top left;
	}

#container {width:320px;margin:0;}
#bigtop {background-image: url(/img2012/newtop320.jpg);width:320px;height:188px}
#logo {float:none;padding-left:38px;padding-top:18px}
#tagline {float:none;padding-left:30px;padding-top:17px}
#students {display:none}

#breadcrumbs {max-width:320px;height:auto;padding:7px 0 3px 15px;}
#content {float:none;width:300px;margin-left:0px;margin-top:0px}
#contenttop {background-image: url(/img2012/contenttop.png);background-repeat:no-repeat;width:300px;height:16px;margin:0;padding:0}
#contentbottom {background-image: url(/img2012/contentbottom.png);background-repeat:no-repeat;width:300px;height:22px;margin:0;padding:0}
.contentback {width:100%;background-image: url(/img/textback1.png)}
.contentpadding {padding:17px 16px 28px 30px}
.hometitle {margin:4px 0 4px 0}
.rotatepic {width:240px;margin-right:3px;float:none}
.highlights {margin:19px 0 12px 0}
.features1 {float:none;width:100%;padding-right:0px}
.features2 {float:none;width:100%}

#navright {display:none}
#footer {max-width:220px;margin-left:20px;text-align:left;padding-bottom:20px;line-height:2.3}
.copyright {display:block;padding-left:0px}
#hiddenbottom {display:inline}
#hiddennav {display:block;padding:20px}
.homestars {display:none}
.titlebreak {display:none}
.hrline1 {color:#B5AB76;background-color:#B5AB76;height:2px;width:100%;overflow:hidden;font-size:1px;margin:12px 0;padding:0}
.hr1{color:#ccc;background-color:#ccc;height:2px;width:100%;overflow:hidden;font-size:1px;margin:12px 0;padding:0}
.hidedate {display:none}
.floatleft1 {float:none}
.floatleft2 {float:none;margin-top:10px}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {background-image: url(/img2012/hugeback480.jpg);background-position:top left;
	}

#container {width:480px;margin:0;}
#bigtop {background-image: url(/img2012/newtop480b.jpg);width:480px;height:207px}
#logo {float:left;padding-left:28px;padding-top:28px}
#tagline {float:left;padding-left:20px;padding-top:47px}
#students {display:none}

#breadcrumbs {max-width:480px;height:auto;padding:7px 0 3px 15px;}
#content {float:none;width:450px;margin-left:10px;margin-top:0px}
#contenttop {background-image: url(/img2012/contenttop.png);background-repeat:no-repeat;width:450px;height:16px;margin:0;padding:0}
#contentbottom {background-image: url(/img2012/contentbottom.png);background-repeat:no-repeat;width:450px;height:22px;margin:0;padding:0}
.contentback {width:100%;background-image: url(/img/textback1.png)}
.contentpadding {padding:23px 33px 33px 40px}
.hometitle {margin:4px 0 4px 0}
.rotatepic {width:333px;margin-right:3px;float:none}
.highlights {margin:19px 0 12px 0}
.features1 {float:none;width:100%;padding-right:0px}
.features2 {float:none;width:100%}

#navright {display:none}
#footer {max-width:480px;margin-left:0px;text-align:center;padding-bottom:20px}
.copyright {display:block;padding-left:0px}
#hiddenbottom {display:inline}
#hiddennav {display:block;padding:20px}
}