/*
Please test using developers toolbar for firefox

Help provided thanks to Ben Millard from http://sitesurgeon.co.uk

What would make sense is for them to apply:

    * color;
    * background colours (but not images);
    * border;
    * list-style (except graphics which are bigger than the text size);
    * some typographic effects such as:
          o italics;
          o bold;
          o underlining;
          o serif/sans-serif;
      and other stuff which will not cause layout or scaling problems.

Typically They should ignore:

    * float;
    * position;
    * top;
    * left;
    * right;
    * bottom;
    * width;
    * and height 

for media="handheld" and "print" use developers toolbar for FireFox to test becuase not all mobiles support this media

*/
/* classless */
acronym, abbr{border-bottom:1px dashed;cursor:help}
address{font-style:normal;font-size:x-small;color:#999}
blockquote{background:transparent url('../images/quote-left.gif') left top no-repeat;margin:10px 0}
	blockquote div{padding:0 44px;background:transparent url('../images/quote-right.gif') right bottom no-repeat}
body{background:#fff url("../images/2003_top.gif") repeat-x top left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;margin:40px 0;padding:0}
form{display:inline;margin-bottom:0}
img{border:0}
form{display:inline}
/* class */
.article{border:1px solid #ccc;color:#999;padding:20px}
.clear{clear:both;height:0}
.button{margin-left:100px}
.picture{color:#999;font-size:x-small;margin:5px 10px 10px 0}
	.picture a{color:#8bb82c}
	.picture a:hover{background-color:#99cc33;color:#fff;text-decoration:none}
	.picture a:active{background-color:#99cc33;color:#fff;text-decoration:none}
	.picture a:focus{background-color:#99cc33;color:#fff;text-decoration:none}
	.description{color:#999;margin:5px 0 10px 0;text-align:inherit}
.description a{color:#8bb82c}
	.description a:hover{background-color:#99cc33;color:#fff;text-decoration:none}
	.description a:active{background-color:#99cc33;color:#fff;text-decoration:none}
	.description a:focus{background-color:#99cc33;color:#fff;text-decoration:none}
.thumb{float:left}
.title2{color:#acd52f;font-family:Arial, Helvetica, sans-serif;font-size:medium;font-weight:bold}
/* ids */
#logo{display:block;height:40px;text-indent:-700em;margin:0;background:url('../images/2003_johandesilva.gif') no-repeat;text-decoration:none}
#title{margin:0;padding:0;font-size:medium;font-weight:bold;color:#acd52f;font-family:Arial, Helvetica, sans-serif}
/* layout ids */
#wrapper{padding:0}
#content{clear:both}
	#content fieldset{border:1px solid #fff;margin-bottom:10px;padding:15px 0;background:#99cc33}
	#content legend{color:#fff;font-weight:bold;background:#99cc33;border:1px solid #99cc33;padding:2px 6px}
	#content label{color:#fff;clear:both;text-align:right;display:block;font-weight:bold}
#menu{clear:both;font-weight:bold;color:#acd52f;background:url('../images/2003_divider.gif') no-repeat}
	#menu h3,h2{margin:0;padding:0;font-size:small}
	#menu a{font-weight:normal;color:#999;text-decoration:none}
	#menu a:hover{color:#fff;background-color:#99cc33}
	#menu a:active{color:#fff;background-color:#99cc33}
	#menu a:focus{color:#fff;background-color:#99cc33}
	#menu ul{margin:0;padding:0;list-style-type:none}
	#menu li{margin:0;padding:0}
#footer{clear:both}
	#footer ul{margin:15px 0;padding:0;list-style-type:none}
	#footer li{display:inline;padding-right:3px}