/* If you have set your body tag or a wrapper div with class='wrapper' in your desktop styles.css
   to a specific width then you will want to change it to width: auto;
   You may also have set a min-width in styles.css.  Best to change that to 0px
*/
body, body.inner /* outer area */
{
	direction: rtl;
	font: 14px arial;
	/*background: #f8f8f8 url('../PICS/home.png') ;*/
	background: #273746; /* #551250 */
	color: #394041;
}
#allThePage /* outer area */
{
	height: auto;
	min-height: 220px;
	margin: 0px auto;
	padding: 0px 5% 0px 5%;
	border-top: 0px;
	border-bottom: 0px;
}
.whiteArea
{
	border-radius: 16px;
	height: auto;
	clear: both;
	/* float: right; */
	margin: 0px 0px 0px 0px;
	padding: 1% 1% 2% 2%;
	background: #F0EDF0;
	min-height: 210px;
}
.safeOutput
{
	background: #BAC1C8;
	color: black;
}

.myBold
{
	font-weight: bold;
	color: #273746;
}
h1
{
	font: 24px arial;
	font-weight: bold;
	color: #660066;
	margin: 0px;
	padding: 0px;
	border-bottom: 5px;
}
h2
{
	font: 19px arial;
	font-weight: bold;
	color: #660066;
	margin: 0px;
	padding: 0px;
}
h3
{
	font: 16px arial;
	font-weight: bold;
	color: #660066;
	margin: 0px;
	padding: 0px;
}
.offset240notOnCell
{
font-size:14px;
}
.contactFrame
{
	font-size:32px;
	line-height: 150%;
	font-size: 18px;
	background:white;
	margin-right:30%;
	margin-left:30%;
	text-align:center;
	padding:10px;
	border:8px solid grey;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	-ms-border-radius:13px;
	-o-border-radius:13px;
	border-radius:13px;
}

.hidedwgoncell
{
	width: 150px;
	height: 200px;
	overflow: hidden;
	float: left;
	margin-right: 50px;
}

.useSiteTerms
{
	clear:both;
	text-align:left;
}
.footer
{
	font-size:60%;
	background-color:#CC66CC;
	clear:both;
	text-align:center;
	margin-bottom:20px;
}
.circFrame
{

}
.questFrame
{
font-size:120%;
color: #818181;

}
.questFrameHead
{
color: #990033;

}

.snifim
{
	width:600px;
	height:240px;
	background-color:grey;
	border:5px solid grey;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	-ms-border-radius:13px;
	-o-border-radius:13px;
	border-radius:13px; 
	font-size:90%;
	overflow:scroll;
}

#myUpperRow
{
	float: right;
	width: 750px;
	margin: 16px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
}

#icon
{
	display: block;
	width: 415px;
	height: 90px;
	margin: 15px 0px 0px 13px;
}

/* mouse over link */

a:hover {
	font-weight: bold;
	background: #e0ccff;
}

/* selected link */

a:focus {
	font: 15px arial;
    background: #e0ccff;
}


* {margin:0; padding:0;}
/* Dropdown code was taken from: http://www.scriptiny.com/2011/04/javascript-dropdown-menu/ */
/* --  menubar --  */
.nav {height:30px; background:#CC66CC; color:red; z-index:1000}
.menu a {float:right; color:yellow; font-size:15px; text-decoration:none; width:120px; height:28px; padding-top:8px}
.menu span {float:left; color:pink; text-decoration:none; width:120px; height:28px; padding-top:8px}
.menu a:hover {color:#660066;font-weight: bold;}
.menu a:focus {color:#660066;font-weight: bold;}
.menu {list-style:none; font:14px Arial,Verdana; text-align:center; width:600px; margin:0 auto}
.menu li {position:relative; float:right; width:120px; z-index:1000}
.menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:36px; left:0; background:#CC66CC; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #ccc; width:120px}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:40px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#e0ccff; color:#660066}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:yellow; background:#e0ccff}
li.menuhover span, li.menuhover li.menuhover span {color:red; background:#CC00CC}