@media screen and (min-width:320px) and (max-width:568px) { 
#logo1{display:none; max-width:0%; visibility: hidden; } 
#logo2{background-position: left;width:117px ;height: 36px;}	
 h2 {font-size:3.0vh;} 
 header{height:auto;font-family: Sans-serif; font-size:1.1em;font-weight:normal;color:#0000FF; margin:0%; padding: 0%; width:100%; clear: both;} 
 section{position: relative; left:0px; margin-top:5%;float:left; min-width:100%; font-family: Arial, Sans-serif;font-size:1em;font-weight:normal;color:black;}
 footer {font-family:Arial,Sans-serif; font-size:1.1em;font-weight:normal;color:#0000FF; padding-bottom: 43px; float: left; margin-top: 20px; 
 padding-top: 33px; background-position: 0 bottom; background-repeat: repeat-x; margin-right: 1.0416667%; margin-left: 1.0416667%; clear: both;
 width: 97.9166667%; border-top-color: #bfbfbf; border-top-style: double; border-top-width: 4px; }
 html, body, main{ height: 100%; width: 100%; }
}
@media screen and (min-width:568px){#logo2{display:none; max-width:0%;} }
@media all and (max-width: 568px) {#bluemenu {display:none; max-width:0%;} }
img, embed, object, video{ max-width:100%;}
dd{width:100%;font-family: Arial, sans-serif;font-size: 1em;font-weight:normal;color:black;margin: 0.1%;padding: 0.1%;}
div{font-family: Arial, Sans-serif ;font-size:1em;font-style: normal;color:black; margin: 0.1%; padding: 0.1%; }
dt{font-family:Arial, sans-serif;font-size:1em;color:#195896;}
h1{font-family:Arial, sans-serif;font-size: 1.2em; color: #195896;}
h2{font-family:Arial, sans-serif;font-size: 1.1em; color: #195896;}
h3{font-family:Arial, sans-serif;font-size: 1em; color: #195896;}
ol{width:auto;font-family: Arial, sans-serif;font-size: 1em; font-weight:normal;color:black;margin: 0.1%;padding: 0.1%;}
section{width:100%; margin-top:4%;margin-right: 0.0%; font-family: Arial, Sans-serif;font-size:1em;font-weight:normal;color:black;margin: 0.1%; padding: 0.1%;}
#wrapper {margin-right:0px;margin-left: 0px; width: 100%; max-width: 100%;}
#contentTable{width:100%;font-family: Arial, Sans-serif;font-size: 1em;font-weight:normal;color:black;margin:0.1%;padding:0.1%;}
#logo1{font-family:Arial,Sans-serif;font-size:2.1em;color:#195896; text-shadow:3px 3px 3px #999;}
#logo2{font-family:Arial,Sans-serif;font-size:1.3em;color:#195896; text-shadow:3px 3px 3px #999;}
.SiteMapCourse{font-family:Arial;font-weight: bold;font-size:1.1em; margin-bottom:1px; border-bottom:#d8d8d8 1px solid;}
.SubjectSeparator{width:auto; margin-bottom:1px;font-weight:bold;font-size:1.1em;}
a:link{font-family: Arial; font-size: 1em; color: #184785; text-decoration: none;}
a:visited{font-family: Arial; font-size: 1em; color:#184685;text-decoration: none; }
a:hover {font-family: Arial; font-size: 1em; color: #00FF00; text-decoration: underline;}
a:focus {font-family: Sans-serif; font-size: 1em; color:#184585; text-decoration: none;}
a:active {font-family: Arial; font-size: 1em;color:#0033CC;text-decoration:none; } 
/* ----- bluetabs -----*/
.bluetabs ul {padding:2px 0px;margin-left:0;margin-top:2px;margin-bottom:0;font:1em Arial; list-style-type:none;position:absolute;top:1px;left:73%;}
.bluetabs li {display: inline;margin: 0;}
.bluetabs li a{text-decoration: none;padding: 3px 7px; margin-right: 0px; border: 1px solid #778;color: #2d2b2b;background: white url(media/bluetab.gif) top left repeat-x; }/*THEME CHANGE HERE*/
.bluetabs li a:visited{color: #2d2b2b;}
.bluetabs li a:hover{text-decoration: underline;color: #2d2b2b;}
.bluetabs li.selected a{ background-image: url(media/bluetabactive.gif); border-bottom-color: white; }
.bluetabs li.selected a:hover{ text-decoration: none;}
/* ----- navigation1 -----*/
.navigation1{width:100%;font-family: Arial,sans-serif; font-size: 1.4em; font-weight: normal; list-style-type:none; margin:0;padding:0;float:left;}
.navigation1 li a:link{text-align: left; position:relative;top:1%;left:0px;margin:0px;padding:0px; list-style-type:none;font-size:100%; width:33%; float:left;}
.navigation1 ul a:link{border:1px solid #CCC; }
.navigation1 a{display:block;cursor:pointer;background-color:#EEE;padding:0.5em 0.5em;color:#333;text-decoration:none;} 
.navigation1 a:hover , ul.navigation1 a:focus{background-color:#33C;color:#FFF;} 
/* Original CSS below */
.font1{font-family:Arial, Sans-serif;font-size:.9em;font-weight:normal;color:black;}
.font2{font-family:Arial, Sans-serif;font-size:1em;font-weight:normal;color:black;}
.font3{font-family:Arial, Sans-serif;font-size:1.1em;font-weight:normal;color:black;}
.font4{font-family:Arial, Sans-serif;font-size:1.2em;font-weight:normal;color:black;}
.hbm{font-family:Arial, Sans-serif;font-size:1.1em;color:#195896;}
.hbm1{font-family:Arial,Sans-serif;font-size:1.2em;color:#195896;}
.hbm2{font-family:Arial,Sans-serif;font-size:1.3em;color:#195896;}
.hbm3{font-family:Arial,Sans-serif;font-size:1.5em;color:#195896;}
.hbm4{font-family:Arial,Sans-serif;font-size:2.1em;color:#195896;}