body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

body {
	background-image: url(px/base1-bg.gif);
}

.about {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #262727;
	text-align: center;
	font-weight: normal;
	background-position: center center;
	background-image: url(images/bgnav.jpg);
	background-repeat:repeat-x;
	height: 50px;
}


.toplinks {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9.5px;
	color: #262727;
	background-position: center;
	letter-spacing: 0em;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bgnav.jpg);
	background-repeat: repeat-x;
	font-weight: normal;
}

.toplinks a:link {
	color: #262727;
	text-decoration: none;
}
.toplinks a:visited {
	text-decoration: none;
	color: #262727;
}
.toplinks a:hover {
	text-decoration: underline;
	color: #0099FF;
}
.toplinks a:active {
	text-decoration: none;
}


.midmainnav {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	background-position: center center;
	background-repeat:repeat-x;
	height: 50px;
	line-height: 1.25;
	border: medium solid #FFF;
}
.midmainnav a:link {
	color: #262727;
	text-decoration: none;
}
.midmainnav a:visited {
	text-decoration: none;
	color: #262727;
}
.midmainnav a:hover {
	text-decoration: underline;
	color: #0099FF;
}
.midmainnav a:active {
	text-decoration: none;
}

H1 {
	text-decoration: none;
	color:#EEB776
}

.midnav {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #262727;
	text-align: center;
	font-weight: bold;
	height: 50px;
}
.midnav a:link {
	color: #262727;
	text-decoration: none;
}
.midnav a:visited {
	text-decoration: none;
	color: #262727;
}
.midnav a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.midnav a:active {
	text-decoration: none;
}

.spacer-grey-vert {
	background-image: url(px/sp-ltgrey.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.quotebgkk {
	background-image: url(px/quotekkbg.jpg);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
	color: #373C11;
	padding: 10px 11px 5px 10px;
}

FORM#login {
  position: relative;
}

DIV#username, DIV#password {
  position: relative;
  float: left;
  margin-right: 3px;
}

INPUT#username-field, INPUT#password-field {
  width: 10em;
}

LABEL.overlabel {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 1;
  color: #999;
}
.SB-explore {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: none;
	font-weight: bold;
}
.divide {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	background-image: url(px/totop.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}
.divide a:visited { color: 999999; text-decoration: none; }
.divide a:link { color: #999999; text-decoration: none; }
.divide a:hover {
	color: #FF0000;
	text-decoration: underline;
	}
	
	.dividelineonly {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
	
.bodypad {
	padding-right: 20px;

}
.question {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF0000;
	padding-bottom: 5px;
}

/* --------  all screens (default) -----------  */
	
	
    #mydiv {
    	font-size: 12px;
        background-color: #9F0;
    }


/* --------- iphone portrait -----------  */

@media screen and (max-width: 320px) {
	
    #mydiv {
    	font-size: 20px;
        background-color: #636;
    }
			
}

/* --------  iphone landscape-----------  */

@media screen and (min-width: 321px) and (max-width: 480px) {
	
	#mydiv {
    	font-size: 20px;
        background-color: #FF0;
    }
    	
}


/* --------- ipad portrait -------------  */


@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	
    #mydiv {
    	font-size: 12px;
        background-color: #090;
    }
	
}

/* --------- ipad landscape -------------  */


@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	
	#mydiv {
    	font-size: 12px;
        background-color: #F00;
    }
}

/* --------  large screen ( 1440px or more) -----------  */

@media screen and (min-width: 1440px) {
		
    #mydiv {
    	font-size: 18px;
        background-color: #F90;
    }
	
}