body {
  padding-left: 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  color: #F0F0FF;
  background-color: #323935;
}


ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Arial, SunSans-Regular, sans-serif;
	color: #F7DDAA;
}

hr {
	border: none 0; 
	border-top: 3px double #456E42;
	width: 100%;
	height: 3px;
	margin: 10px auto 0 0;
	text-align: left;
}

ul.navbar li {
  color: blue;
  background: #336699;
  margin: 0.5em 0;
  padding: 0.3em;
  border-right: 1em solid black;
}

ul.navbar a {
  text-decoration: none;
}

a{
	outline: none;
}

a:link {
  color: #F7DDAA;
  background: #323935;
}

a:hover {
  color: #FFA500;
  background: #323935;
}

a:visited {
  color: #456E42;
  background: #323935;
}

address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted;
}

a img {
	outline: none;
	border:0;
}

img {
	border-style: none;
}

#startup {
	text-align:center;
}

#startup2 {
	text-align:center;
}

.dress {
	color: #FF0000;
	background: #CCC;
}

.dress2 {
	color: #FF0000;
	background: #CCC;
	font-weight: 200;
}

.wrap {
	clear:both;
	float:left;
	width:100%;
	padding-top:5em;
	overflow:hidden;
}

.nonflash {
	float:left;
	width:100%;
	position:relative;
}
.side1, .side2 {
	float:left;
	position:relative;
	padding:.5em 0 1em 0;
	overflow:hidden;
}

.flash {
	background:#323935;
}
.flash .nonflash {
	right:75%;
	background:#323935;
}
.flash .side1 {
	width:71%;
	left:102%;
}
.flash .side2 {
	width:21%;
	left:6%;
}

.wrap2 {
	clear:both;
	float:left;
	width:100%;
	padding-top:5em;
	/*overflow:hidden;*/
	border-bottom: 3px double #456E42;
	background-image: url(http://cleverwasteoftime.com/grafix/CWoTbg.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 25% 5%;
}

.nonflash2 {
	float:left;
	width:100%;
	position:relative;
}
.side3, .dyk {
	float:left;
	position:relative;
	padding:0.5em 0 1em 0;
	overflow:hidden;
}

.flash2 {
	background-color:#323935;
}
.flash2 .nonflash2 {
	right:65%;
	background:#323935;
}
.flash2 .side3 {
	width:59%;
	left:106%;
	background: url(http://cleverwasteoftime.com/grafix/background.gif);
}
.flash2 .dyk {
	width:40%;
	left:7%;
	margin-top: 4em;
}

.dyk {
	background: url(/grafix/dyk.png) no-repeat;
	color: #FFF;
	height: 350px;
	width:450px;
	text-align:left;
	display:inline;
}

.dyk #didYouKnow{
	width:350px;
	margin-left:1em;
	font-size:18px;
	line-height:120%;
	padding-top:3px; 
	padding-bottom:3px;
}

.first{
	background: #CCCCCC;
	border: thin dotted #FFF8DC;
	font-family: serif;
	font-size: 14px;
	font-style: normal;
	color: navy;
}

.second
{
	background: #CCCCFF;
	border: thin solid #9F2D41;
	font-family: serif;
	font-size: 15px;
	font-style: normal;
	color: red;
}

.third
{
	background: #CCCCCC;
	border: thin solid #FFF8DC;
	font-family: serif;
	font-size: 15px;
	font-style: normal;
	color: navy;
}

.third td {
	border: 1px solid #000;
}

.third td .cnt {
	text-align:center;
}

.third td .lft {
	text-align:left;
}

#nav-menu {
	width: 600px;
}

#pre * {height: 1px; width: 1px; overflow: hidden; visibility: hidden}
#pre0 {background: url(/cssimg/1a.gif) ;}
#pre1 {background: url(/cssimg/2a.gif) ;}
#pre2 {background: url(/cssimg/3a.gif) ;}
#pre3 {background: url(/cssimg/4a.gif) ;}
#pre4 {background: url(/cssimg/5a.gif) ;}
#pre5 {background: url(/cssimg/6a.gif) ;}
#pre6 {background: url(/cssimg/7a.gif) ;}
#pre7 {background: url(/cssimg/8a.gif) ;}
#pre8 {background: url(/cssimg/9a.gif) ;}
#pre9 {background: url(/cssimg/10a.gif) ;}

#nav-menu ul{
	list-style-type: none;
	padding: 0px;
	margin: 0;
}

#nav-menu li{
	float: left;
	margin: 0;
}

#nav-menu li a{
	background: url(/cssimg/1.gif) #000;
	height: 43px;
	line-height: 2em;
	float: left;
	width: 118px;
	display: block;
	border: 0;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}

#nav-menu li a:hover{
	background: url(/cssimg/1a.gif) #000;
	height: 43px;
	line-height: 2em;
	float: left;
	width: 118px;
	display: block;
	border: 0;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}

.nav-text{
	visibility: hidden;
	display: none;
	text-align: center;
}

#nav-menu li a#a0 {background: url(/cssimg/1.gif) ;}
#nav-menu li a#a1 {background: url(/cssimg/2.gif) ;}
#nav-menu li a#a2 {background: url(/cssimg/3.gif) ;}
#nav-menu li a#a3 {background: url(/cssimg/4.gif) ;}
#nav-menu li a#a4 {background: url(/cssimg/5.gif) ;}
#nav-menu li a#a5 {background: url(/cssimg/6.gif) ;}
#nav-menu li a#a6 {background: url(/cssimg/7.gif) ;}
#nav-menu li a#a7 {background: url(/cssimg/8.gif) ;}
#nav-menu li a#a8 {background: url(/cssimg/9.gif) ;}
#nav-menu li a#a9 {background: url(/cssimg/10.gif) ;}

#nav-menu li a:hover#a0 {background: url(/cssimg/1a.gif) ;}
#nav-menu li a:hover#a1 {background: url(/cssimg/2a.gif) ;}
#nav-menu li a:hover#a2 {background: url(/cssimg/3a.gif) ;}
#nav-menu li a:hover#a3 {background: url(/cssimg/4a.gif) ;}
#nav-menu li a:hover#a4 {background: url(/cssimg/5a.gif) ;}
#nav-menu li a:hover#a5 {background: url(/cssimg/6a.gif) ;}
#nav-menu li a:hover#a6 {background: url(/cssimg/7a.gif) ;}
#nav-menu li a:hover#a7 {background: url(/cssimg/8a.gif) ;}
#nav-menu li a:hover#a8 {background: url(/cssimg/9a.gif) ;}
#nav-menu li a:hover#a9 {background: url(/cssimg/10a.gif) ;}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none;
}
/* End hide */


.mailwrapper {
	text-align: left;
}


.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;

}
.maildiv form {
	text-align: left;

}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;

}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 125px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
	display: block; 
	float: left; 
	clear: left;
}
.maildiv a {
	color: #F0F0FF;
	background-color: #323935;
}
.maildiv h2 {
	color: #F0F0FF;
	font-size: 120%;
	background-color: #323935;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: left;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
	background-color: #323935;
}
.maildiv .fmspacer {
	height: 10px;
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #F0F0FF;
	margin-bottom: 15px;
	background-color: #323935;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #F0F0FF;
	margin-left: 110px;
	margin-bottom: 15px;
	background-color: #323935;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
	background-color: #323935;
}

#footer {
	clear:both;
}

#frameit {
	height: 650px;
	background-color: transparent;
	text-align:center;
	margin: 10px 10px;
	float: left;
}

iframe {
	height: 100%;
	width: 100%;
	margin: 0 0;
}

#frameside {
	width: 75%;
	height: 100%;
	background-color:transparent;
	text-align: left;
	padding-right: 1em;
	float: left;
}

#ending {
	width:100%;
	height:100px;
	padding-top:5em;
	text-align: center;
}
#ending p {
	display: inline;
}

.system-wrp {
	width: 90%;
	height: 75%;
	text-align:center;
	border:2px solid #000;
}

.system-lft {
	width: 75%;
	height: 100%;
	border:1px solid #FFCCCC;
	float:left;
}

.system-rit {
	width: 25%;
	height: 100%;
	border:1px solid #FF0000;
	float:left;
}

.face {
	border:none;
	overflow:hidden;
	width:100px;
	height:21px;
}