nav ul { -webkit-padding-start: 0; }

body { background: #f4f4f4; }

nav { background: #020053; text-align: center; font-weight: bold; font-family: verdana; }

nav li {padding: 5px;}

header { background: url(images/tartan72.gif); min-height: 72px; }

header h1 { color: #fff; padding:20px 20px; }

article { font-family: Geneva, Arial, Helvetica, sans-serif; }
	article h1, h2 { color: #020053; }

.news {margin-bottom: 30px; }

footer nav { margin-bottom: 0; font-size: 100%; font-family: verdana; color: #fff; }

.top { font-size: 10px; text-decoration: none; float: right; }

img { max-width:100%; }


/*low resolution, 480px and below */
@media only screen and (max-width: 480px) { 

#master { width: 95%; margin: 0 auto; background: #fff; border: 1px solid #c1b498; }

nav { margin-bottom: 10px; padding: 10px 5px; }
	nav li { display: inline; margin-left: 20px; font-size: 160%; line-height: 200%; }
	nav li a { color: #fff; text-decoration: none; }

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

}


/*medium resolution, 481px to 799px */
@media only screen and (min-width: 481px) { 

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

nav { padding: 10px 5px; margin-bottom: 20px; }
	nav li { display: inline; margin-left: 20px; font-size: 120%; }
	nav li a { color: rgb(255,255,255); text-decoration: none; }

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

}

/*medium resolution, 800px to 1023px */
@media only screen and (min-width: 800px) { 

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

nav { padding: 10px 5px; margin-bottom: 20px; }
	nav li { display: inline; margin-left: 20px; font-size: 120%; }
	nav li a { color: rgb(255,255,255); text-decoration: none; }

article { width: 95%; margin-left: 10px; background: url(images/instruments.gif) repeat-y left top; padding-left: 25px; padding-right: 25px; }

.news { margin-left: 150px; }

}

/*high resolution, 1024px and higher */
@media only screen and (min-width: 1024px) { 

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

header { width: 960px; }

nav { width: 960px; padding: 10px 0; margin-bottom: 20px;  }
	nav li { display: inline; margin-left: 10px; font-size: 120%; }
	nav li a { color: rgb(255,255,255); text-decoration: none; }

article { width: 900px; margin-left: 10px; background: url(images/instruments.gif) repeat-y left top; padding-left: 25px; padding-right: 25px; }

.news { margin-left: 150px; }

}