@media screen and (min-width: 0px) and (max-width: 700px) {
      #rightmost {    display: none;  }
      #rightbar {    display: none;  }
    }

 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	BACKGROUND: url(/img/bg_main.jpg) #b2cce3 repeat-y; FONT: 12px/15px verdana, arial, helvetica, sans-serif
}
#container {
	PADDING-RIGHT: 24px; PADDING-LEFT: 24px; PADDING-BOTTOM: 24px; MARGIN: 0px 0px 0px 96px; WIDTH: 409px; PADDING-TOP: 24px
}
div{}
div.container {
	PADDING-RIGHT: 24px; PADDING-LEFT: 24px; PADDING-BOTTOM: 24px; WIDTH: 420px; PADDING-TOP: 24px;
	position:absolute; top: 0px; left: 100px; display:block;
}
div.message{
	WIDTH: 180px; HEIGHT: 30px; position:relative; top: 0px; left:30px; display:block; WHITESPACE: nowrap;
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px;
}

#leftbar {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 24px; MARGIN: 0px 0px 0px 0px; WIDTH: 96px; PADDING-TOP: 24px FLOAT: left;
}

div.leftbar {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 24px; WIDTH: 100px; PADDING-TOP: 24px;
	position:absolute; top:0px; left:0px; display:block;
}

div.rightbar {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 24px; WIDTH: 180px; PADDING-TOP: 24px;
	position:absolute; top:0px; left:550px; display:block;
}

div.rightmost {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 24px; WIDTH: 620px; HEIGHT: 900px; PADDING-TOP: 24px;
	position:absolute; top:0px; left:730px; display:block; BACKGROUND-color: #b2cce3;
}


div.bannerdiv {
	WIDTH: 420px; HEIGHT: 30px; position:absolute; top:0px; left:60px; display:block; BACKGROUND-color: #f6f6e6; 
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; 
}

div.psmessagediv{
	WIDTH: 180px; HEIGHT: 30px; position:absolute; top:300px; left:0px; display:block; BACKGROUND-color: #b2cce3;
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; 
}

div.youareherediv{
	WIDTH: 100px; HEIGHT: 10px; position:absolute; top:300px; left:0px; display:block; BACKGROUND-color: #b2cce3; 
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px;
}

div.rollovermessagediv{
	WIDTH: 500px; HEIGHT: 30px; position: relative; top:20px; left:60px; display:block; BACKGROUND-color: #b2cce3; 
        PADDING-RIGHT: 4px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px;
}

div.rightbarkudos {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; WIDTH: 150px; PADDING-TOP: 4px;
	position:relative; top:0px; left:0px; display:block;
}
#linklist {width:96px;
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;

}
#list1 {
left:0;
}
p.maplegend {
	position:absolute; left:5px; top:450px;
}

.homeloginf {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; WIDTH: 376px; PADDING-TOP: 1em
}
INPUT {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px
}
LABEL {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px
}
.stragglers {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px
}
.floatr {
	FLOAT: right
}
.floatl {
	FLOAT: left
}
.clearf {
	CLEAR: both
}
.indented {
	MARGIN-LEFT: 24px
}
.homeloginl {
	FLOAT: left; MARGIN-BOTTOM: 15px; WIDTH: 100%; MARGIN-RIGHT: 0.5em; PADDING-TOP: 0.2em; TEXT-ALIGN: left
}
P {
	MARGIN: 20px 0px
}
FIELDSET {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FONT-SIZE: 0.9em; PADDING-BOTTOM: 1em; COLOR: #716f64; PADDING-TOP: 1em
}
LABEL {
	FLOAT: left; WIDTH: 30%; MARGIN-RIGHT: 0.5em; PADDING-TOP: 0.2em; TEXT-ALIGN: right
}
LABEL.rightlabel{
	FLOAT: none;  MARGIN-LEFT: 0.5em; PADDING-TOP: 0.2em; TEXT-ALIGN: right; MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px;
}
LEGEND {
	FONT-WEIGHT: bold; MARGIN: 0px 5px 10px
}
replacement-1 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/img/button_login2.jpg) no-repeat center top; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: -5px 0px 0px 9px; VERTICAL-ALIGN: middle; WIDTH: 72px; CURSOR: pointer; TEXT-INDENT: -1000em; PADDING-TOP: 0px; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px
}
.links {FLOAT: left; TEXT-ALIGN: left; MARGIN: 4px 4px 4px 4px; FONT-WEIGHT: Bold; COLOR: Yellow}

IMG.rightbarimage {
	POSITION: Relative; LEFT: 20px
}
IMG.rightmostimage {
	POSITION: relative; LEFT: 0px ; TOP: 30px; MARGIN: 0px 60px 0px ;
}

.rightlinks {POSITION: Relative; LEFT: 30px; TEXT-ALIGN: center; FONT-WEIGHT: Bold; COLOR: Snow}

.righttext {POSITION: Relative; LEFT: 30px; MARGIN: 4px 4p 4px 4px; FONT: 14px/17px verdana; TEXT-ALIGN: left; FONT-WEIGHT: Bold; COLOR: Khaki
}

p.rightbar {POSITION: Relative; LEFT: 30px; MARGIN: 4px 4p 4px 4px; FONT: 14px/17px verdana; TEXT-ALIGN: left; FONT-WEIGHT: Bold; COLOR: Khaki
}

p.kudo {POSITION: Relative; LEFT: 10px; MARGIN: 4px 4p 4px 4px; FONT: 14px/17px verdana; TEXT-ALIGN: left; FONT-WEIGHT: Bold; COLOR: Black;
}


.largefont {FONT: 24px/15px verdana, arial, helvetica, sans-serif; POSITION: relative; WIDTH: 180px; LEFT: 6px; TEXT-ALIGN: top; FONT-WEIGHT: Bold; COLOR: Snow;
}
.caption {text-align: center;  font-style: bold
}
h1.banner {position: absolute; left: 0px; top 0px; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 4px 4px 4px 4px; HEIGHT: 30px; WIDTH: 420px; PADDING-TOP: 4px; text-align: center; color: black;

}

p.rollover{FONT: 23px/15px verdana, arial, helvetica, sans-serif; POSITION: Relative; LEFT: 0px; TOP: 0px; TEXT-ALIGN: top; FONT-WEIGHT: Bold; COLOR: Snow;
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 4px
}

h2.rollover{FONT: verdana, arial, helvetica, sans-serif; POSITION: Relative; LEFT: 0px; TOP: 0px; TEXT-ALIGN: top; FONT-WEIGHT: Bold; COLOR: Snow;
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 4px
}

h1.psmsg1 {position:absolute; padding: 4px 4px 4px 4px; height:40px; top:300px;left:100px; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0;
}
 
h2.psmsg2 {position:absolute; padding: 4px 4px 4px 4px; height:40px; top:370px;left:100px; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0; COLOR: green;
}

h2.psmsg3 {position:absolute; padding: 4px 4px 4px 4px; height:40px; top:440px;left:100px; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0;
}

h2.psmsg4 {position:absolute; padding: 4px 4px 4px 4px; height:40px; top:510px;left:100px; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0; COLOR: navy; font-weight: bold; font-style: italic;
}