@-ms-viewport{width:device-width;} 

/* 240 + 320px */

@media screen and (min-width:180px) and (max-width:360px) {
	#menu-icon {background-image:url(images/menu-icon.png); background-repeat:no-repeat; display:inline-block; float:right; padding:20px; margin-top:-45px;}
	#logo-icon {color:#FFFFFF; display:inline-block; padding:15px 0px 0px 10px; font-size:100%;}
	#header, #topnav, #intro, #container, fixcontainer, #footer, #copyright{max-width:95%; margin:0 auto;}
	#topnav ul{display:none;}
/*	#topnav ul li #abd{display: none; position: absolute; padding:2px; background-color:#FFF; right:10px; top:5px; width: 60%; }
	#topnav ul, topnav:active ul, #header{display: none; position: absolute; padding:10px; background-color:#07234d; right:10px; top: 30px; width: 90%; border:#FFFFFF solid 1px;}
	#topnav li {text-align:left; width: 100%; display:block; float:left; margin:0 30px 0 0; border-bottom:#FFFFFF solid 1px;}
	#topnav li a {display: block; padding: 10px 0;}
	#topnav:hover ul{display: block;}
	#topnav ul li:hover #abd{display: block;}*/
	
	.fixcontainer{margin:0px; padding-top:98px;}
	.fixheader{margin:0px;}
	/*.imgslider{display:none;}*//*Josey changed*/
	.imgslider{display:block;}
	/*
	.newsevent{width:95%; max-height:353px; background-color:white; float:left; overflow:hidden; padding:2%;}*/ /*Josey changed*/
	.newsevent{width:95%; max-height:100%; background-color:white; float:left; overflow:hidden; padding:2%;}
	form input[type="submit"]{margin-bottom:10px;}
	
	
	h1, h2, h3, h4, h5{margin:0 0 15px 0; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal; text-transform:capitalize;}
	h6{margin:0px; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:normal; text-transform:capitalize;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

	#header #header-contact{display:block; width:100%; float:none; margin:0px; padding:0; text-align:center;}
	#header #header-contact{margin:10px 0 0 0;}
	#header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #header-contact li:first-child{margin:0;}

    #header hgroup {
        display: block;
        width: auto;
        float: left;
        margin: 0px;
        padding: 0px 0px 0px 50px;
        background-image: url(images/ksunlogo.jpg);
        background-repeat: no-repeat;
        background-position: left;
    }
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	.calltoaction.opt4{font-size:1.5em;}

	#blog-post #comment-count div{float:none; margin-top:10px; text-align:center;}
	#blog-post #comment-count div:first-child{margin-top:0;}
	#blog-post .list.block li > ul, #blog-post .list.block li > ol{margin:0; padding:0; list-style:none; border:none;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
}
@media screen and (min-width:361px) and (max-width:560px){
	#menu-icon {background-image:url(images/menu-icon.png); background-repeat:no-repeat; display:inline-block; float:right;  padding:20px; margin-top:-45px;}
	#logo-icon {color:#FFFFFF; display:inline-block; padding:15px 0px 0px 10px; font-size:100%;}
	#header, #topnav, #intro, #container, fixcontainer, #footer, #copyright{max-width:98%; margin:0 auto;}
	#topnav ul{display:none;}
/*	#topnav ul li #abd{display: none; position: absolute; padding:2px; background-color:#FFF; right:10px; top:5px; width: 60%; }
	#topnav ul, topnav:active ul, #header{display: none; position: absolute; padding:10px; background-color:#07234d; right:10px; top: 30px; width: 90%; border:#FFFFFF solid 1px;}
	#topnav li {text-align:left; width: 100%; display:block; float:left; margin:0 30px 0 0; border-bottom:#FFFFFF solid 1px;}
	#topnav li a {display: block; padding: 10px 0;}
	#topnav:hover ul{display: block;}
	#topnav ul li:hover #abd{display: block;}*/
	
	
	.fixcontainer{margin:0px; padding-top:106px;}
	.fixheader{margin:0px;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	#header #header-contact{display:block; width:100%; float:none; margin:0px; padding:0;}
	#header #header-contact{margin:10px 0 0 0;}
    #header hgroup {
        display: block;
        width: auto;
        float: left;
        margin: 0px;
        padding: 0px 0px 0px 60px;
        background-image: url(images/ksunlogo.jpg);
        background-repeat: no-repeat;
        background-position: left;
    }
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	/*.imgslider{display:none;}*//*Josey changed*/
	.imgslider{display:block;}
	/*.newsevent{width:95%; max-height:100%; background-color:white; float:left; overflow:hidden; padding:2%;}*/ /*Josey changed*/
	.newsevent{width:95%; max-height:259px; background-color:white; float:left; overflow:hidden; padding:2%;}
	#header hgroup h1{font-size:1.3em;}
	#header hgroup h2{font-size:0.8em;}
	h1, h2, h3, h4, h5{margin:0 0 15px 0; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal; text-transform:capitalize;}
	h6{margin:0px; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:normal; text-transform:capitalize;}



.list{margin:10px 0; padding:0; font-family:Helvetica, sans-serif, Arial; font-size:1em;}
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}

}
/* 480px */

@media screen and (min-width:560px) and (max-width:690px) {
	#menu-icon {background-image:url(images/menu-icon.png); background-repeat:no-repeat; display:inline-block; float:right; margin-top:-45px;  padding:20px;}
	#logo-icon {color:#FFFFFF; display:inline-block; padding:15px 0px 0px 10px; font-size:100%;}
	#header, #topnav, #intro, #container, fixcontainer, #footer, #copyright{max-width:98%; margin:0 auto;}
	#topnav ul{display:none;}
/*	#topnav ul li #abd{display: none; position: absolute; padding:2px; background-color:#FFF; right:10px; top:5px; width: 60%; }
	#topnav ul, topnav:active ul, #header{display: none; position: absolute; padding:10px; background-color:#07234d; right:10px; top: 30px; width: 90%; border:#FFFFFF solid 1px;}
	#topnav li {text-align:left; width: 100%; display:block; float:left; margin:0 30px 0 0; border-bottom:#FFFFFF solid 1px;}
	#topnav li a {display: block; padding: 10px 0;}
	#topnav:hover ul{display: block;}
	#topnav ul li:hover #abd{display: block;}*/

	.fixcontainer{margin:0px; padding-top:110px;}
	.fixheader{margin: 0px;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	#header #header-contact{display:block; width:100%; float:none; margin:0px; padding:0;}
	#header #header-contact{margin:10px 0 0 0;}
    #header hgroup {
        display: block;
        width: auto;
        float: left;
        margin: 0px;
        padding: 0px 60px;
        background-image: url(images/ksunlogo.jpg);
        background-repeat: no-repeat;
        background-position: left;
    }
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#header hgroup h1{font-size:1.8em;}
	#header hgroup h2{font-size:0.9em;}
	h1, h2, h3, h4, h5{margin:0 0 15px 0; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal; text-transform:capitalize;}
	h6{margin:0px; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:normal; text-transform:capitalize;}
	.list{margin:10px 0; padding:0; font-family:Helvetica, sans-serif, Arial; font-size:1em;}
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
}

/* 768px */
@media screen and (min-width:690px) and (max-width:800px) {
	#topnav ul{display:none;}
	.fixcontainer{margin:0px; padding-top:110px;}
	
}
@media screen and (min-width:690px) and (max-width:960px) {
	#header, #topnav, #intro, #container, fixcontainer, #footer, #copyright{max-width:98%; margin:0 auto;}
	h1, h2, h3, h4, h5{margin:0 0 20px 0; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal; text-transform:capitalize;}
	h6{margin:0px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:normal; text-transform:capitalize;}
	.list{margin:10px 0; padding:0; font-family:Helvetica, sans-serif, Arial; font-size:1em;}

	
	form input[type="submit"]{margin-bottom:10px;}
	
	.calltoaction.opt4 div{display:block; float:none; width:100%; margin:30px 0 0 0;}
	.calltoaction.opt4 div:first-child{margin-top:0; text-align:center;}
	.calltoaction.opt4{font-size:1.5em;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin-top:0; font-size:12em;}
	#fof h2{margin-top:0;}
	#header hgroup h1{font-size:2em;}
	#header hgroup h2{font-size:1em;}
}

/* 960px */


@media screen and (min-width:960px) and (max-width:1024px) {
	#header, #topnav, #intro, #container, fixcontainer, #footer, #copyright{max-width:98%; margin:0 auto;}
	#header hgroup h1{font-size:2em;}
	#header hgroup h2{font-size:1em;}
}

/* 1028px */

@media screen and (min-width:1024px) {
	#header, #topnav, #intro, #container, fixcontainer, #footer, #copyright{max-width:980px; margin:0 auto;}
	#header hgroup h1{font-size:2em;}
	#header hgroup h2{font-size:1em;}
}

/* 1200px */

@media screen and (min-width:1200px) {
	body.boxed .wrapper{max-width:1140px;}
	#header, #topnav, #intro, #container, fixcontainer, #footer, #copyright, .stretched{max-width:99%; margin:0 auto;}
	#header hgroup h1{font-size:2em;}
	#header hgroup h2{font-size:1em;}
}

/* Hide The Jquery Generated Navigation Form from 801px upwards */

@media screen and (min-width:801px) and (max-width:10000px) {
	#topnav form{display:none;}
	#header hgroup h1{font-size:2em;}
	#header hgroup h2{font-size:1em;}
}

/* Resize Extended Box */

@media screen and (min-width:1501px) {
	body.boxed .wrapper .stretched{margin-left:-2.6%; margin-right:-2.6%;}
	#header hgroup h1{font-size:2em;}
	#header hgroup h2{font-size:1em;}
}