@media screen  and (min-width: 300px) and (max-width: 480px)

{
body
{
background:#99ccff;
}
/*body {background:#5A84AC;}*/
/*body {background: url("images\background1.jpg")}*/

div.header 
{
margin-left:auto;
margin-right:auto;
font-family:georgia;
font-size:18px;
width:90%;
height:50px;
color:#ffffff;
text-align:right
}

div.content {font-family:arial; font-size:16px;margin-left:auto;margin-right:auto;width:90%;border-style:solid;border-width:2px;border-color:#ffffff;background: #99ccff; color:#ffffff} /*#006fa0;*/
div.menu {margin-left:auto;margin-right:auto;background:#99ccff;border:none;width:90%;height:20px;font-family:arial;font-size:12px;color:#ffffff;text-align:left}
div.note {margin-left:auto;margin-right:auto;border:none;width:90%;font-family:arial;font-size:14px;padding-left:10px; text-align:left}
/*td {height:100px;width:29%;border-style:solid;border-color:#ffffff;border-width:2px;background:#afafaf;text-align:center;font-family:arial;font-decoration:bold;font-size:16px}*/
table {width:90%;margin-left:auto;margin-right:auto}

div.indent10 
{
padding-left:10%
}

div.indent5 
{
padding-left:5%
}

div.alert
{
margin-left:auto;
margin-right:auto;
width:80%;
padding-left:2%;
padding-right:2%;
border-style:solid;
border-width:2px;
border-color:#ffffff;
background: #5A84AC; 
color:#ffffff;
font-family: times new roman;
font-size: 16px
}

.hr
{
background:#ffffff;
}

/*a {text-decoration:none}*/
a:link, a:visited
{
color:#ffffff;
}

a.d
{
color:#C0C0C0;
}

a.w
{
color:#ffffff;
}

td.orange
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#ffa500
}

td.green
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#006400
}

td.yellow
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#ffd700
}

td.red
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#dc143c
}

td.blue
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#4169e1
}

span.green
{
color:#006600;
}

span.type1
{
padding-left:10px;
font-family:arial;
font-size:14px;
color:blue;
}

}

@media screen  and (min-width: 481px) and (max-width: 1024px)
{
body
{
background:#99ccff
}
/*body {background:#5A84AC;}*/
/*body {background: url("images/background1.jpg")}*/
div.header {margin-left:auto;margin-right:auto;font-family:georgia;font-size:18px;width:90%;height:50px;color:#ffffff;text-align:right}
div.content {font-family:arial; font-size:16px;margin-left:auto;margin-right:auto;width:90%;border-style:solid;border-width:2px;border-color:#ffffff;background: #99ccff; color:#ffffff}
div.menu {margin-left:auto;margin-right:auto;background:#99ccff;border:none;width:90%;height:20px;font-family:arial;font-size:12px;color:#ffffff;text-align:left}
div.note {margin-left:auto;margin-right:auto;border:none;width:90%;font-family:arial;font-size:14px;padding-left:10px; text-align:left}
/*td {height:32px;border-style:solid;border-color:#ffffff;border-width:2px;background:#afafaf;text-align:center;font-family:arial;font-decoration:bold;font-size:16px}*/
table {width:90%;margin-left:auto;margin-right:auto}
/*a {text-decoration:none}*/

a:link, a:visited
{
color:#ffffff;
}


div.indent10 {padding-left:50px}
div.indent5 {padding-left:5%}

div.alert
{
margin-left:auto;
margin-right:auto;
width:80%;
padding-left:2%;
padding-right:2%;
border-style:solid;
border-width:2px;
border-color:#ffffff;
background: #5A84AC; 
color:#ffffff;
font-family:arial; 
font-size:16px;
}

a.g
{
background:#ffffff;
color:#ff6347;
}

a.d
{
color:#C0C0C0;
}

a.w
{
color:#ffffff;
}

td.orange
{
height:60px;
width:150px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#ffa500
}

td.green
{
height:60px;
width:150px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#006400
}

td.yellow
{
height:60px;
width:150px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#ffd700
}

td.red
{
height:60px;
width:150px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#dc143c
}

td.blue
{
height:60px;
width:150px;
font-family:arial;
font-decoration:bold;
font-size:12px;
text-align:center;
background:#4169e1
}

span.green
{
color:#006600;
}

span.type1
{
padding-left:10px;
font-family:arial;
font-size:14px;
color:blue;
}
}

@media screen and (min-width: 1025px)
{
/*body {background:#5A84AC;}*/
body
{
background:#99ccff
}
div.header {margin-left:auto;margin-right:auto;font-family:georgia;font-size:18px;width:1000px;height:50px;color:#ffffff;text-align:right}
div.content {font-family:arial; font-size:16px;margin-left:auto;margin-right:auto;width:80%;background:background: #99ccff;color:#ffffff}
div.menu {margin-left:auto;margin-right:auto;background:#99ccff;border:none;width:1000px;height:20px;font-family:arial;font-size:12px;color:#ffffff;text-align:left}
div.note {margin-left:auto;margin-right:auto;border:none;width:90%;font-family:arial;font-size:14px;padding-left:10px; text-align:left}
/*td {height:32px;border-style:solid;border-color:#ffffff;border-width:2px;background:#afafaf;text-align:center;font-family:arial;font-decoration:bold;font-size:16px}*/
table {width:750px;margin-left:auto;margin-right:auto}
/*a {text-decoration:none}*/
div.indent10 {padding-left:50px}
div.indent5 {padding-left:5%}

div.alert
{
margin-left:auto;
margin-right:auto;
width:80%;
padding-left:4%;
padding-right:4%;
border-style:solid;
border-width:2px;
border-color:#ffffff;
background: #5A84AC; 
color:#ffffff;
font-family:arial; 
font-size:16px;
}

a:link, a:visited
{
color:#ffffff;
}

a.g
{
background:#ffffff;
color:#ff6347;
}

a.d
{
color:#C0C0C0;
}

a.w
{
color:#ffffff;
}

td.orange
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:16px;
text-align:center;
background:#ffa500
}

td.green
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:16px;
text-align:center;
background:#006400
}

td.yellow
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:16px;
text-align:center;
background:#ffd700
}

td.red
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:16px;
text-align:center;
background:#dc143c
}

td.blue
{
height:100px;
width:100px;
font-family:arial;
font-decoration:bold;
font-size:16px;
text-align:center;
background:#4169e1
}

span.green
{
color:#006600;
}

span.type1
{
padding-left:10px;
font-family:arial;
font-size:14px;
color:blue;
}

}