/* backgrounds and colors! */
body { background: #0077AA url(/images/bg-tile.jpg) top center; }
#glbl { background: #002e45; color: #fff; }
#doc { background: #fff url(/images/bg-doc.jpg) top left repeat-y; color: #333; }
#hd { background: #058 url(/images/bg-hd.gif) top left repeat-x; color: #fff; }
#glbl .nav li a { background: transparent; color: #fff; }
#glbl .nav li a:hover { background: #444; color: #ffc; }
#hd .nav li a { background: #058; color: #fff; }
#hd .nav li a:hover { background: #000; color: #eef; }
#ft { background: #012; color: #057; }
#ft .nav { background: #fff; color: #069; }
#ft .nav li a { background: transparent; color: #933; }

/* layout etc. */

html { height: 101%; }

#glbl { height: 25px; }

#hd { width: 728px; height: 125px; margin: 0 auto; }

.nav { list-style: none; margin: 0; padding: 0; }
.nav li { list-style: none; margin: 0; padding: 0; }

#glbl .nav { width: 728px; height: 25px; margin: 0 auto; }
#glbl .nav li { float: left; margin-right: 9px; height: 25px; line-height: 25px; }
#glbl .nav li a { display: block; font-size: 77%; font-weight: bold; height: 25px; line-height: 25px; text-decoration: none; padding: 0 5px; }
#glbl .nav li.frst { margin-left: 5px; }
#glbl .nav li.lst { float: right; margin-right: 5px; }

#logo, #logo span, #logo span a { width: 592px; height: 100px; margin: 0; padding: 0; }
#logo { background: transparent url(/images/logo.gif) no-repeat left top; position: relative; overflow: hidden; }
#logo h1 { margin: 0; padding: 0; margin-left: 600px; }
#logo span { position: absolute; top: 0; left: 0; }
#logo span a { display: block; }

#hd .nav { width: 728px; height: 25px; margin: 0 auto; text-align: left; }
#hd .nav li { float: left; margin-right: 9px; height: 25px; line-height: 25px; }
#hd .nav li a { display: block; font-size: 85%; font-weight: bold; height: 25px; line-height: 25px; text-decoration: none; padding: 0 19px; }
#hd .nav li.frst { margin-left: 5px; }
#hd .nav li.lst { float: right; margin-right: 5px; margin-left: 4px; }

#bd { width: 728px; margin: 0 auto; }

#cn { width: 708px; min-height: 300px; margin: 10px 0 10px 10px; }

#sidebar { background: #e2eee2; min-height: 300px; margin: 10px 0 0 0; }
#sb_wrapper { width: 215px; margin: 0 0 0 15px; }
#sb_wrapper ul { list-style: none; margin-left: 0; }
#sb_wrapper li { list-style: none; }

#ft { width: 728px; height: 125px; margin: 0 auto; }
#ft .nav { width: 728px; height: 25px; margin: 0 auto; text-align: left; }
#ft .nav li { float: left; margin-right: 9px; height: 25px; line-height: 25px; }
#ft .nav li a { display: block; font-size: 85%; font-weight: bold; height: 25px; line-height: 25px; text-decoration: none; padding: 0 4px; }
#ft .nav li.frst { margin-left: 5px; }
#ft .nav li.lst { float: right; margin-right: 5px; margin-left: 4px; }

#ft p { padding-top: 40px; text-align: center; font-size: 77%; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.clear { clear: both; }

blockquote { background: url('../images/bg-bq.gif') 0 0 no-repeat; padding: 13px 0 0 40px; margin-bottom: 25px; }

cite { font-style: italic; font-family: Georgia, "Times New Roman", Serif; font-size: 93%; }

div.clear { height: 0; clear: both; }

.bold { font-weight: bold; }
a { text-decoration: none; outline: none; }

.pre { font-family: monospace; }

#skip { display: none; }

#cn a { font-weight: bold; text-decoration: none; }

#cn pre.code {
  padding: 3px;
  border: 1px solid #666;
  background: #eee;
  width: 445px;
  overflow: auto;
  font-size: 93%;
  margin-bottom: 15px;
}

#cn dl { margin-left: none; }

#cn dt {
  font-family: "New York", "Times New Roman", serif;
  font-size: 108%;
  font-style: italic;
  margin-bottom: 10px;
}

#cn dd { margin-bottom: 20px; }

img { border: none; }

#cn h1 { font-family:"lucida grande",verdana,arial,helvetica; color:#900; font-size: 189%; }
#cn h2 { font-family:"lucida grande",verdana,arial,helvetica; color:#e37b12; font-size: 167%; }
#cn h3 { font-family:"lucida grande",verdana,arial,helvetica; color:#3a6bba; font-size: 146.5%; }
#cn h4 { clear:both; color:#154574; margin-bottom:0px; padding-bottom:0px; font-family:"lucida grande",verdana,arial,helvetica; font-size: 123.1%; }

#cn h1 {
	margin-top: 0;
	padding-top: 20px;
	font-size: 197%;
	font-weight: bold;
}

#cn h1 a {
	text-decoration: none;
	border-bottom: 1px dashed #ccf;
	color: #000000;
}

#skills {
	margin-top:-10px;
	margin-bottom:10px;
}

label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	margin-top: 3px;
	font-weight: bold;
}

p.submit {
	text-align: center;
}

p.submit input {
	font-weight: bold;
}

label.err {
  color: #990000;
}

input.err, textarea.err {
  border: 2px solid #990000;
}

div.err p, div.err li {
  font-weight: bold;
  color: #990000;
}

div.err ul {
	margin: 10px 28px;
}

div#status h4 {
	font-size: 108%;
}

div#status.n h4 {
	color: #990000;
}

div#status.y h4 {
	color: #009900;
}

div#status label {
	display: inline;
	float: none;
	margin-top: 0;
	margin-right: 10px;
	text-decoration: underline;
}

em {
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-size: 116%;
}

ul {
	padding-left: 12px;
}

ul { list-style:none; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

#cn ul {
	margin:20px 0 0 20px;
	list-style:square;
}

#cn img.photoleft {
	float:left;
	margin-right:20px;
	margin-bottom:25px;
}

#cn img.photoright {
	float:right;
	margin-left:20px;
	margin-bottom:25px;
}

#cn img.photoright, #cn img.photoleft { border:4px solid #222; }

#cn .red { color:#c00; }

#cn .blue { color:#00c; }

form {
	display:block;
	margin:1em 0;
	padding:10px;
	border:1px solid #633;
}

fieldset { border:2px; }

label {
  	color:#669;
	display:inline;
	line-height:1.5em;
  	font-family:"lucida grande","trebuchet ms",tahoma,arial,helvetica,sans-serif;
	font-weight:bold;
}

label.left {
	clear:left;
	float:left;
	padding-top:5px;
	margin-right:5px;
	width:80px;
	height:20px;
	text-align:right;
}

label.leftinline {
	clear:left;
	float:left;
	padding-top:5px;
	margin-right:5px;
	width:50px;
	height:20px;
	text-align:right;
}

h2#remindme {
	color:#3a6bba;
}	

p#learnmore { text-align:center; }

a.learnmore {
	text-decoration:none;
	font-size:122%;
	font-weight:bold;
	color:#3a6bba;
}

p.signupnow {
	margin:40px 0 50px 0;
	text-align:center;
}

.signupnow {
	font-size:270%;
	font-weight:bold;
	color:#e37b12;
}

a.signupnow {
	text-decoration:none;
	font-size:135%;
	font-weight:bold;
	color:#e37b12;
}

input.text, textarea, select {
    font-size:114%;
	font-weight:bold;
    line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(/images/fieldbg.gif) repeat-x top;
	margin-bottom:4px;
}

.submit {
	font-weight:bold;
	margin-top:5px;
	margin-left:85px;
}

.submitinline {
	font-weight:bold;
	margin-left:5px;
	margin-bottom:-3px;
}

p { margin-top:0.5em; }

p.note {
	display:block;
	margin:1em 0;
	padding:1em;
	border:1px solid #333;
   	color:#333;
	background:#eee;
  	font-family:"georgia","times new roman",times,serif;
	font-style:italic;
}

p.note strong { font-style:italic; }

.blankstate {
	display:block;
	margin:1em 0;
	padding:1em;
	border:1px solid #047;
 	color:#333;
	background:#ffe url(/images/bnk-bg.gif) top left repeat-x;
	font-family:"georgia","times new roman",times,serif;
	font-style:italic;
}

pre { font-family:monospace; }

hr { margin:10px 0; }

.tPretty { margin-top:20px; width:550px; }

td, th { border-collapse: collapse; border: none; padding; 0; margin: 0; }

table.tPretty td.tBottom { background:#e3e9ee; }

.tPretty tr.trHead, .tPretty th.trHead, tPretty td.trHead { background:#e3e9ee; height:22px; }

.tPretty tr.trEven, .tPretty td.trEven { background:#ffffff; }

.tPretty tr.trOdd, .tPretty td.trOdd { background:#f3f9fe; }

.tPretty td, .tPretty th {
	font-size:92%;
	line-height:22px;
}

.tPretty th { font-weight:bold; }

form.fDelInline {
	display:inline;
	width:0;
	height:0;
	border:none;
}

#footer {
	clear:both;
	margin-top:40px;
	padding-top:8px;
	border-top:1px dashed #eee;
  	font-family:"lucida grande","trebuchet ms",tahoma,arial,helvetica,sans-serif;
   	color:#999;
}

#wlclink {
	float:left;
	display:block;
	width:123px;
	height:18px;
	text-indent:-1000px;
	background:url(/images/weblacarte.gif) top left no-repeat;
}

#footerlinks { float:right; font-size:85%; }

#errs, #msgs {
	padding:3px 15px 8px 15px;
	margin:12px 0 18px 0;
  	font-family:"lucida console","courier new",courier,monotype;
}

#errs {
	border:2px solid #c00;
   	color:#300;
	background:#fcc;
}

#msgs {
	border:2px solid #0c0;
   	color:#030;
	background:#cfc;
}

.emimg {
	width:16px;
	height:16px;
	margin-right:2px;
}

#errs ul, #msgs ul { margin-top:3px; }

#cn ul.toolbox {
	margin:0;
	padding:0;
	list-style:none;
	height:22px;
	border:1px solid #99c;
}

#cn ul.toolbox li {
	float:left;
	display:block;
	height:22px;
	line-height:22px;
	padding:0;
	text-align:center;
   	color:#030;
}

#cn ul.toolbox li img { margin-bottom:-3px; margin-left:-8px; }

#cn ul.toolbox#tb1 {
	float:right;
	width:97px; /* 294px; */
	margin-top:-41px;
  margin-right: 160px;
}


#cn ul.toolbox#tb2 { width: 548px; }

#cn ul.toolbox#tb1 li, #cn ul.toolbox#tb2 li, #cn ul.toolbox#tb3 li {
	display:block;
	border-left:1px solid #99c;
}

#cn ul.toolbox#tb1 li { width:97px; }
#cn ul.toolbox#tb2 li { width:172px; /* 182 */ }
#cn ul.toolbox#tb2 li#pause { width:202px; /* 182 */ }

#cn ul.toolbox#tb3 { width:97px; margin-top:20px; }

#cn ul.toolbox#tb1 li.first, #cn ul.toolbox#tb2 li.first, #cn ul.toolbox#tb3 li.first {
	border-left:none;
}

#cn ul.toolbox#tb1 li a, #cn ul.toolbox#tb2 li a, #cn ul.toolbox#tb3 li a {
	display:block;
	height:22px;
	line-height:22px;
	background:url(/images/but-bg.gif) top left repeat-x;
	text-decoration:none;
}

#cn ul.toolbox#tb1 li a { width:97px; }
#cn ul.toolbox#tb3 li a { width:97px; }

blockquote {
	display:block;
	min-height:50px;
	margin:20px 30px;
	padding:10px 0 0 50px;
	background:url(/images/bq-bg.gif) no-repeat top left;
	font-family:georgia,"times new roman",times,serif;
}

blockquote p { font-size:107%; }
blockquote p cite { font-size:92%; font-style:italic; }