/*low resolution, 480 and below*/
@media only screen and (max-width: 480px){ 
body {background: rgb(204,204,204); font-family:Georgia, "Times New Roman", Times, serif}

#master {width:95%; margin: 0 auto; border: 1px solid rgb(0,0,0); background: #FFF;}

header { width:100%; height: 80px;}

nav { background:#000; padding: 2ppx 0 0 0; margin-bottom: 10px;}

nav ul {-webkit-padding-start:40px;}

nav li {display:inline; color:#999;}

nav li a {color:#CCC; text-decoration:none; font-weight:bold; font-size:15px;}

#slideshow img { display:none; }

article { width:95%; margin-left:10px;}

article img { width:100%;}

.news {margin-bottom:20px;}

.news h2 a { color: #666;}

.boxes {margin:15px auto; background-color:#FFF;}

.contentbox {background: #E0CB60; padding: 10px; margin: 0 0 10px 10px;}

.contentbox p {font-size:80%; line-height: 140%;}
.contentbox img {width:80%;}

footer nav{ margin-bottom:0;}
}

/*medium resolution, 481 to 1023*/
@media only screen and (min-width: 481px){
body {background: rgb(204,204,204); font-family:Georgia, "Times New Roman", Times, serif}

#master {width:95%; margin: 0 auto; border: 1px solid rgb(0,0,0); background: #FFF;}

header { width:100%; height: 130px;}

nav { background:#000; padding: 2px 0 20px 0; margin-bottom: 20px;}

nav ul {-webkit-padding-start:40px;}

nav li {display:inline; color:#999;}

nav li a {color:#CCC; text-decoration:none; font-weight:bold; font-size:14px;}

#slideshow { width:99%; margin:10px auto; }

#slideshow img { display: width:100%; }

article { width:95%; margin-left:10px;}

article img {width:auto; }

.news {margin-bottom:20px;}

.news h2 a { color: #666;}

.boxes {margin:15px auto; background-color:#FFF;}

.contentbox {background: #E0CB60; padding: 10px; margin: 0 0 10px 10px;}

.contentbox p {font-size:80%; line-height: 140%;}
.contentbox img { width:auto; }

footer nav{ margin-bottom:0;}
}

/*high resolution, 1024 and above*/
@media only screen and (min-width: 1042px){ 
body {background: rgb(204,204,204); font-family:Georgia, "Times New Roman", Times, serif}

#master {width:960px; margin: 0 auto; border: 1px solid rgb(0,0,0); background: #FFF;}

header { width:100%; height: 130px;}

nav { width: 960px; height: 35px; background:#000; padding: 2px 0 20px 0; margin-bottom: 20px;}

nav ul {-webkit-padding-start:40px;}

nav li {display:inline; color:#999;}

nav li a {color:#CCC; text-decoration:none; font-weight:bold; font-size:14px;}

article { width:940px; margin-left:10px;}
  article img {width:auto; float:left; padding-right:30px; }

.news {margin-bottom:20px;}

.news h2 a { color: #666;}

.boxes {margin:15px auto; background-color:#0F0;}

.contentbox{width: 285px; background: #E0CB60; padding: 10px; margin: 0 0 10px 10px; float:left;}

.contentbox p {font-size:80%; line-height: 140%;}
.contentbox img {width:auto;}

footer nav{ margin-bottom:0;}


}