/*  RESET  --------------------------------------------------------------------------------------------------*/


*{
	margin: 0;
	padding: 0;
}

a{
	outline: none;
}

a img{
	border: 0;
}

ul{
	list-style-type: none;
}

html{
	font-size: 62.5%;	
}

body{
	
	font-size: 1.6em;
	line-height: 1.4em;
	font-family: Verdana, Helvetica, sans-serif;
	color: #414141;
	
	background: #a41a1a url(../img/layout/body-bkg.jpg) repeat-x 0 0;
}

h1{
	font-size: 2.1em;
	margin: 0 0 10px 0;
}

h2{
	font-size: 1.9em;
	margin: 15px 0 10px 0;
    color: Green;
}

h3{
	font-size: 1.7em;
	margin: 15px 0 10px 0;
}

h4{
	margin: 15px 0 10px 0;
}

p{
	margin: 10px 0;
}

/*  wrapper  --------------------------------------------------------------------------------------------------*/

.wrapper{
	width: 1024px;
	margin: 0 auto;
}

/*  header  --------------------------------------------------------------------------------------------------*/

.wrapper .header{
/*	background: white url(../img/layout/head-bkg.jpg) no-repeat 0 0; */
	background: white url(../img/layout/head-bkg-b.jpg) no-repeat 0 0;
	height: 200px;
	padding: 0 38px 0 44px;
}

.header a.logo{
	float: left;
	margin-top: 20px;
	margin-left: -5px;
	display: inline;
}

.header .login-form{
	float: right;
	width: 380px;
	margin-top: 50px;
	
}


.header .login-form .fields,
.header .login-form .login-message{
	float: left;
	width: 240px;
	min-height: 100px;
}

.header .login-form .fields{
	background: transparent url(../img/layout/login-form-bkg.gif) no-repeat left 15px;
}

.header .login-form .login-message{
	padding-top: 40px;
}

.header .login-form .login-message *{
	margin: 0;
	padding: 0;
}

* html .header .login-form .fields{height:100px;}
* html .header .login-form .message{height:100px;}

.header .login-form .fields .user,
.header .login-form .fields .pwd{
	float: left;
	width: 100px;
	border: 0;
	padding: 5px 0;
	margin: 58px 0 0 0;
	display: inline;
	background-color: #6dcef5;
	color: white;
}

.header .login-form .fields .user{
	margin-left: 10px;
}

.header .login-form .fields .pwd{
	margin-left: 20px;
}

/* sun */

.header .login-form .submit{
	float: right;
	height: 134px;
	width: 134px;
	border: 0;
	background-color: transparent;
	text-indent: -9000px;
	background: transparent url(../img/layout/login-sun.png) no-repeat 0 0;
	cursor: pointer;
}

.header .login-form .submit-logout {
	float: right;
	height: 134px;
	width: 134px;
	border: 0;
	background-color: transparent;
	text-indent: -9000px;
	background: transparent url(../img/layout/login-logout-sun.png) no-repeat 0 -132px;
	cursor: pointer;
}


/*  main nav  --------------------------------------------------------------------------------------------------*/


.main-nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 75px;
	height: 62px;
	background: transparent url(../img/layout/main-nav-sprite.jpg) no-repeat 0 0;
}

.main-nav li{
	float: left;
	margin: 0;
	padding: 0;
}

.main-nav li a{
	float: left;
	height: 62px;
	text-indent: -9000px;
}

.main-nav li a.link01{
	width: 150px;
}

.main-nav li a.link02{
	width: 149px;
}

.main-nav li a.link03{
	width: 107px;
}

.main-nav li a.link04{
	width: 123px;
}

.main-nav li a.link05{
	width: 91px;
}

.main-nav li a.link06{
	width: 133px;
}

.main-nav li a.link07{
	width: 124px;
}


.main-nav li.active a, .main-nav li a:hover{
	background: transparent url(../img/layout/main-nav-sprite.jpg) no-repeat 0 0;
}

.main-nav li.active a.link01, .main-nav li a.link01:hover{
	background-position: -75px -62px;
}

.main-nav li.active a.link02, .main-nav li a.link02:hover{
	background-position: -225px -62px;
}

.main-nav li.active a.link03, .main-nav li a.link03:hover{
	background-position:-374px -62px;
}

.main-nav li.active a.link04, .main-nav li a.link04:hover{
	background-position:-481px -62px;
}

.main-nav li.active a.link05, .main-nav li a.link05:hover{
	background-position:-604px -62px;
}

.main-nav li.active a.link06, .main-nav li a.link06:hover{
	background-position:-695px -62px;
}

.main-nav li.active a.link07, .main-nav li a.link07:hover{
	background-position:-828px  -62px;
}

/*  sub nav  --------------------------------------------------------------------------------------------------*/

.sub-nav{
	height: 41px;
	padding: 0 75px;
	background: transparent url(../img/layout/sub-nav-bkg.jpg) no-repeat 0 0;
}

.sub-nav ul{
	padding: 0;
	margin: 0;
	padding-top: 15px;
}

.sub-nav ul li{
	list-style-type: none;
	display: inline;
	margin-right: 15px;
}

.sub-nav ul li a{
	text-decoration: none;
	color: #d21b1b;
	font-size: 1.4375em;
}

.sub-nav ul li a:hover, .sub-nav ul li a.active{
	color: black;
}


/*  content  --------------------------------------------------------------------------------------------------*/

.wrapper .content
{
	background: #72c5ef url(../img/layout/content-top.jpg) no-repeat 0 0;
}

.wrapper #NZ.content
{
	background-image: none;
}

.wrapper .content-inner{
	min-height: 900px;
	background: transparent url(../img/layout/content-bottom.jpg) no-repeat left bottom;
}

.wrapper #NZ .content-inner{
	background: #ffffff url(../image/background/backgroundSplice.jpg) no-repeat top left;
	padding-bottom: 30px;
	min-height: 0 !important;
}
#NZ_nav .sub-nav { display: none; }
#NZ.content { padding: 0 !important; }
#NZ .body { padding-top: 25px; }
#NZ .truck_header_text { color: #D21B1B; }
#NZ .truck_intro_text 
{
    float: left;
    width: 490px;
    padding-right: 40px;
    /*text-align: center;   */
}
#NZ .truck_intro_text h1 { color: #D21B1B; }
#NZ .truck_image
{
    float: left;
    width: 400px;
}

#NZ .clear
{
    clear: both;
}

#NZ .map
{
    margin-top: 20px;
    width: 940px; 
    height:420px;
    position: relative;
}

#NZ #map_canvas
{
    width: 940px; 
    height:420px;
}

* html .wrapper .content-inner{
	height: 900px;
}





/*  footer  --------------------------------------------------------------------------------------------------*/

.footer, .footer-game{
	min-height: 153px;
	background: #785729 url(../img/layout/footer.jpg) no-repeat 0 0;
	width:1024px;
	margin:0px auto;
}

#NZ .footer
{
    min-height: 113px;
    padding-top: 40px;
}

.footer-game 
{
    background: #785729 url() no-repeat;   
}

* html .footer{
	height: 153px;
}

.footer-nav{
	padding: 0;
	margin: 0;
	text-align: center;
}

.footer-nav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	padding: 0 15px;
}

.footer-nav li a{
	font-size: 0.875em;
	color: #ba8d53;
	text-decoration: none;
}

.footer-nav li a:hover{
	text-decoration: underline;
}




/*   general  --------------------------------------------------------------------------------------------------------*/


.hasFloat:after{
	content: '.';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

*:first-child+html .hasFloat{
	min-height: 1px;
}

* html .hasFloat{
	height: 1%;
}

.fr{
	float: right;
}

.fl{
	float: left;
}

.w-48{
	width:48%;
	height: 480px;
}

.w-49{
	width:49%;
}

.img-centered{
	display: block;
	margin: 0 auto;
}

.c-red{
	color: #eb270d;
}

.c-blue{
	color: #52b0e2;
}

.c-green{
	color: #50b121;
}


.s-red{
	color: #eb270d;
}

.s-blue{
	color: #52b0e2;
}

.s-green{
	color: #50b121;
}

.bottom-container
{
	position: absolute; 
	bottom: 30px; 
	left: 30px; 
	right: 30px;
}

.bottom-home-container
{
	position: absolute; 
	bottom: 0px; 
}

.li-home-item
{
	min-height:420px;
	height:420px;
}

/* GOOGLE MAPS OVERLAY */

.map_overlay  
{
    width: 450px; 
    position: absolute;
    top: -80px;
    left: 520px;
}

.map_overlay .top
{
    width: 450px;
    height: 31px;
    background: url(../image/misc/overlay_top.gif) no-repeat;
}

.map_overlay .top .close
{
    width: 30px;
    height: 30px;
    float: right;
}

.map_overlay .mid
{
    width: 420px;
    background: url(../image/misc/overlay_mid.gif) repeat-y;
    padding: 0 15px 10px 15px;
    font-size: 0.9em;
    line-height: 1.3em;
}

.map_overlay .mid .school_details
{
    font-weight: bold;
    margin-bottom: 15px;
}

.map_overlay .mid .school_photo
{
    float: left;
    width: 156px;
    height: 98px;
    position: relative;
}

.map_overlay .mid .school_photo img
{
    height:86px;
    left:6px;
    position:absolute;
    top:6px;
    width:144px;
}

.map_overlay .mid .school_photo .frame
{
    background: url("../image/misc/img-frame-left-1.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:98px;
    left:0;
    position:absolute;
    top:0;
    width:156px;
}

.map_overlay .mid .school_text
{
    float: left;
    width: 250px;
    margin-left: 10px;
}

.map_overlay .bot
{
    width: 450px;
    height: 10px;
    background: url(../image/misc/overlay_bottom.gif) no-repeat;
}

img.tiny-thumb-pad { padding-left: 7px; padding-top: 5px; }