/* xxx VALIDATED 2 11 04  bacis mac changes xxxxx */

body {margin: 0; padding: 0; border: 0;
      font-family:verdana,arial, helvetica, sans-serif;
      background-color:#ffffcc;}

.greenback{background-color:#005b1e;}
.grayback {background-color:#c2c2c2;}

.spacer10 {font-size:14px;}  /* text  */
.spacer30 {font-size:42px;}
.spacer80 {font-size:80px;} /* top spacer */
.spacer100{font-size:140px;}

.alignleft   {text-align:left}    /* marking */
.alignright  {text-align:right}   /* marking */
.aligncenter {text-align:center} /* torch brief */

.border1 img{border:1px solid black;}

.col4     {width:4%; }                      /* websites */
.col5     {width:5%; }			    /* marking  */
.col10c   {width:10%; text-align:center;}
.col11	  {width:11%; }                     /* cv */
.col16    {width:16%; }                     /* websites */
.col16r   {width:16%; text-align:right; }   /* websites */
.col20    {width:20%; }                     /* history */
.col32    {width:32%; }                     /* cv */
.col33    {width:33%; }                     /* table */
.col40    {width:40%; }                     /* food */
.col50    {width:50%; }
.col60    {width:60%; }
.col70    {width:70%; }
.col78    {width:78%; }

.col3c    {width:3%; text-align:center; }
.col10w   {width:10%; font-size:10px;}
.col20w   {width:20%; font-weight:600;}


            /* xxxxx WEB SITES xxxxx 16 july 04 */

.webblock    {border:0px black solid; width:85%; padding-top:100px; margin-left:auto; margin-right:auto;}
.webblock h1 {font-size:18px; color:#cc0000; text-align:center;}
.webblock h2 {font-size:17px; margin-left:35px; color:#005b1e;}

.webcknohead {border:0px black solid; width:85%; padding-top:0px; margin-left:auto; margin-right:auto;clear:both;}
.webcknohead h1 {font-size:18px; color:#cc0000; text-align:center;}
.webcknohead h2  {font-size:17px; margin-left:35px; color:#005b1e;}

.web      {border:0px solid green; display:table; margin-top:30px; margin-bottom:5px; color:#006600; font-size:15px; font-weight:500; text-align:left; width:100%;}
.web img  {border:0px; width:100px; height:20px; }
.web a    {padding-left:10px;}

.webtext  {font-size:15px; font-weight:500; color:#993300; margin-left:5%;}
.isbn     {font-size:13px; font-weight:500; color:#005b1e;}


          /* xxxx CONTROLLED ANIMATION 300 x 300 xxxx 17 july 04 xxx */

.animation    {position:absolute; top:50%; left:50%; width:500px; height:300px;
		   margin:-100px 0 0 -250px;} 
.animation h1 {font-size:11px; font-weight:600; color:#cc0000;clear:left; text-align:left;}
.anibuttons   {width:65px; height:160px; margin-top:50px; border:none;float:left;}
.anipic img   {width:300px; height:300px; border:1px black solid; float:right;}


         /* xxxc CONTROLLED ANIMATION 700 x 358 xxx 20 july 04 xxx */

.animation1   {position:absolute; top:50%; left:50%; width:770px; height:360px;
		   margin:-130px 0 0 -380px;}
.animation1 h1{font-size:11px; font-weight:600; color:#cc0000;clear:left; text-align:left;} 
.anipic1 img  {width:700px; height:358px; border:1px black solid; float:right;}


         /* xxxc CONTROLLED ANIMATION 520 x 320 xxx 20 july 04 xxx */

.animation2   {position:absolute; top:50%; left:50%; width:640px; height:360px;
		   margin:-125px 0 0 -320px;}
.animation2 h1{font-size:11px; font-weight:600; color:#cc0000;clear:left; text-align:left;} 
.anipic2 img  {width:520px; height:350px; border:1px black solid; float:right;}



        /* xxx MAZE xxx 18 july 04 xxx */

.mazepics     {border:0px solid black; width:660px; margin-left:auto; margin-right:auto; padding-top:110px; padding-bottom:20px;}
.mazepics h1  {font-size:18px; color:#005b1e; text-align:center;}
.mazepics img {display:inline;border-width:2px 3px 3px 2px; border-style:solid; margin-top:10px; margin:10px 10px 0 10px;
               border-top-color:#c98300; border-left-color:#c98300;
               border-right-color:#5c3900; border-bottom-color:#5c3900;}

.mazegrid  {position:absolute;left:30px; top:100px; width:360px; height:300px; }
.howtoplay {border:none; float:left; padding-top:10px;}
.restart   {border:none; float:right; padding-top:10px;}


/* xxxxxx 1 COLUMN LIST PAGE xxxxxx */

.col1block      {font-size:14px; color:#005b1e; border:0px black solid; width:300px; margin-left:auto; margin-right:auto; padding-top:110px;}
.col1block img  {width:15px; height:15px; border:0px black solid;margin-right:10px;}


       /* xxxxxx 2 COLUMN LIST project page 16 july 04 xxxxxx */

.mainnav      {font-size:14px; color:#005b1e; margin-left:auto; width:675px; margin-right:auto; padding-top:100px; border:0px solid black;}
.mainnav h1   {font-size:18px; color:#c00; padding-top:20px;}
.mainnav h2   {font-size:18px; color:#c00; padding-top:20px;text-align:center;}
.mainnav img  {width:15px; height:15px; padding-right:10px; border:0 solid;}

.mainnav500      {font-size:14px; color:#005b1e; margin-left:auto; width:500px; margin-right:auto; padding-top:100px; border:0px solid black;}
.mainnav500 h1   {font-size:18px; color:#c00; padding-top:20px;}
.mainnav500 img  {width:15px; height:15px; padding-right:10px; border:0 solid;}

.mainnav550   {font-size:14px; color:#005b1e; margin-left:auto; width:550px; margin-right:auto; padding-top:100px; border:0px solid black;}
.mainnav550 img  {width:15px; height:15px; padding-right:10px; border:0 solid;}

.mainnav400   {font-size:14px; color:#005b1e; margin-left:auto; width:400px; margin-right:auto; padding-top:100px; border:0px solid black;}
.mainnav400 img  {width:15px; height:15px; padding-right:10px; border:0 solid;}
.mainnav400 h1   {font-size:18px; color:#c00; padding-top:20px;}

.mainkey      {font-size:15px; color:#005b1e; border:0px black solid;}
.mainkey img  {width:15px; height:15px; padding-right:10px; padding-left:20px; border:0px black solid;}
.mainkey h1   {font-size:18px; color:#c00;}

.mainnavleft  {float:left;  width:300px; margin-left:0; display:inline; border:0px black solid;}
.mainnavright {float:right; width:300px; margin-left:0; display:inline; border:0px black solid;}

.navleft245  {float:left;  width:250px; display:inline; border:0px black solid;}
.navright245 {float:right; width:250px; display:inline; border:0px black solid;}


.navleft250  {float:left;  width:250px; margin-bottom:-80px; display:inline; border:0px black solid;}
.navright250 {float:right; width:250px; margin-bottom:-80px; display:inline; border:0px black solid;}


.navleft200  {float:left;  width:200px; margin-left:0; display:inline; border:0px black solid;}
.navright200 {float:right; width:200px; margin-left:0; display:inline; border:0px black solid;}


      /* xxxxxxxx pics + right text xxx */

.left200    {float:left;  width:200px; margin-left:0; display:inline; padding-top:15px; border:0px black solid;}
.left200 img{border:1px black solid; width:200px;}
.left250    {float:left;  width:250px; margin-left:0; display:inline; padding-top:15px; border:0px black solid;}
.left250 img{border:1px black solid; width:250px;}
.left375    {float:left;  width:375px; margin-left:0; display:inline; padding-top:15px; border:0px black solid;}
.left375 img{border:1px black solid; width:375px;}

.right200   {float:right; width:200px; margin-left:0; display:inline; padding-top:15px;border:0px black solid;}
.right200 h1{font-size:12px; color:#cc0000; text-align:center;}
.right200 li{font-size:11px; color:#005b1e;}

.right400   {float:right; width:400px; margin-left:0; display:inline; border:0px black solid;}
.right400 h1{font-size:12px; color:#cc0000; text-align:center;}
.right400 li{font-size:11px; color:#005b1e;}

.block85    {border:0px solid black; width:85%; margin:0 auto;auto;clear:both; padding-top:10px;}
.block85 h1 {font-size:10px; color:#005b1e; text-align:center;}


table.col2block       {border:0px black solid; width:100%; margin-bottom:15px;}
table.col2block td,th {border:0px black solid; font-size:15px; color:#060;  vertical-align:top;}
table.col2block img   {width:15px; height:15px; border:0px black solid;}


/* not used  */
table.col2block h3    {font-size:16px; color:#8c5900; text-align:left; padding-top:5px;}



       /* xxxxx TEXT PAGES 19 july - Torch Brief xxxxx */

.text        {border:0px solid black; width:85%; margin-left:auto; margin-right:auto; padding-top:110px; padding-bottom:20px;}
.text h1     {font-size:18px; color:#cc0000; text-align:center;}
.text h2     {font-size:15px; color:#8c5900; text-align:center;}
.text h3     {font-size:15px; color:#8c5900; }
.text h4     {font-size:18px; color:#cc0000; }
.text table  {display:table; color:#006600; border:0px solid black;
              margin-left:20px; margin-right:20px; }
.text table img {width:15px; height:15px; border:0px black solid;}
.text table td  {border:0px solid green; vertical-align:top;font-size:14px; color:#006600;}
.text ol,ul     {font-size:15px; font-weight:500; color:#005b1e; list-style-position:outside;
	            padding-left:20px; padding-right:20px;margin-left:20px;}
.linktext h1     {font-size:16px; text-align:center;}
.linktext a      {text-decoration:none;}


.text1    {border:0px solid black; width:85%; margin-left:auto; margin-right:auto; padding-top:110px; padding-bottom:20px;}
.text1 h1 {font-size:18px; color:#cc0000; text-align:center;}
.text1 h2 {font-size:18px; color:#cc0000;}
.text1 h3 {font-size:15px; color:#8c5900; }
.text1 h4 {font-size:18px; color:#cc0000; }
.text1 h5 {font-size:15px; color:#8c5900; text-align:center; }

.text1 table      {border:0px solid black;}
.text1 table img {border:1px black solid;}
.text1 table td  {border:0px solid green;text-align:center;color:#006600;font-size:14px;}

.text2       {border:0px solid black; width:85%; margin-left:auto; margin-right:auto; padding-top:110px; padding-bottom:0px;}
.text2 h1    {font-size:18px; color:#cc0000; text-align:center;}
.text2 h2    {font-size:14px; color:#b57600;}
.text2 h3    {font-size:16px; color:#e62b86;}
.text2 h4    {font-size:18px; color:#ab003c;}

.text2 a     {border:0px;}
.brown       {font-size:20px;color:#800000}

.textnohead {border:0px solid black; width:85%; margin-left:auto; margin-right:auto; padding-top:30px; padding-bottom:0px;clear:both;}
.textnohead img {border:0px solid black;} 
.textnohead h2 {font-size:15px; color:#8c5900; text-align:center;}


/* xxxxxx TEXT, IMAGES with BORDER xxxxx */

table.txtimg img {display:inline;border-width:2px 3px 3px 2px;
                  border-top-color:#c98300; border-left-color:#c98300; border-right-color:#5c3900; border-bottom-color:#5c3900;
                  border-style:solid;}
table.txtimg td  {border:0px solid green;padding:15px 15px;font-size:12px; font-weight:800; color:#8c5900; text-align:center;}



       /* xxxxxxxx PARAGRAphs xxxxxx 19 july 04 - Torch brief */

p  {font-size:14px; color:#005b1e; line-height:150%; text-align:justify;}


       /*  xxxx Issue number  xxxx */

.issuenum    {font-size:11px; padding-top:20px; padding-bottom:10px; font-weight:600; color:#993300;}
.issuenumctr {clear:both; font-size:11px; padding-top:20px; padding-bottom:10px; font-weight:600; color:#993300; text-align:center;}


       /* xxxxx MARKING BLANKS xxx 21 july 04 */

.marking table {width:650px; margin-left:auto; margin-right:auto; margin-top:100px;
                color:#006600;background-color:#ececec;
                border-width:3px 3px 3px 3px; border-style:solid;
                border-color:#c98300 #5c3900 #5c3900 #c98300;}

.marking td {border:1px solid #060; vertical-align:top; font-size:12px; font-weight:500; color:#005b1e;
             padding:4px 12px;}
.marking th {font-size:16px; padding:10px; font-weight:600; color:#005b1e; background-color:#c2c2c2;
             border:1px #060 solid;}

.marks td   {border-top:3px  #8c5900 solid;}
.marbt td   {border-top:3px  #8c5900 solid; background-color:#c2c2c2;}
.marlf td   {border-left:3px #8c5900 solid; background-color:#c2c2c2}


       /* xxx costing TABLES xxx */

.tab table  {width:650px; margin-left:auto; margin-right:auto; margin-top:0px;
             color:#006600;background-color:#ececec;
             border-width:3px 3px 3px 3px; border-style:solid;
             border-color:#c98300 #5c3900 #5c3900 #c98300;}
.tab h1     {font-size:18px; color:#cc0000; text-align:center; padding-top:10px;}
.tab td     {border:1px solid #060; vertical-align:top; font-size:12px; font-weight:500; color:#005b1e;
             padding:4px 12px;}
.tab th     {font-size:16px; padding:10px; font-weight:600; color:#005b1e; background-color:#c2c2c2;
             border:1px #060 solid;}
.tablf      {background-color:#dddddd; text-align:right;}


.tab1 table {width:500px; margin-left:auto; margin-right:auto; margin-top:0px;
             color:#006600;background-color:#ececec;
             border-width:3px 3px 3px 3px; border-style:solid;
             border-color:#c98300 #5c3900 #5c3900 #c98300;}
.tab1 h1    {font-size:18px; color:#cc0000; text-align:center; padding-top:10px;}
.tab1 td    {border:1px solid #060; vertical-align:top; font-size:12px; font-weight:500; color:#005b1e;
               padding:4px 12px;}
.tab1 th    {font-size:16px; padding:10px; font-weight:600; color:#005b1e; background-color:#c2c2c2;
               border:1px #060 solid;}


       /* xxxx PICTURES xxxx 21 july 04 xxx */

.colorborder img {border-width:2px 3px 3px 2px; border-style:solid; margin:5px 0px;
                  border-top-color:#c98300; border-left-color:#c98300;
                  border-right-color:#5c3900; border-bottom-color:#5c3900;}

.pics        {margin-left:auto; margin-right:auto; padding-top:20px;}
.pics img    {border-width:2px 3px 3px 2px; border-style:solid; margin:5px 0px;
              border-top-color:#c98300; border-left-color:#c98300;
              border-right-color:#5c3900; border-bottom-color:#5c3900;}

.pics775     {border:0px black solid; margin-left:auto; margin-right:auto; width:775px; padding-top:100px;}
.pics775 img {border-width:2px 3px 3px 2px; border-style:solid; margin:5px 0px;
              border-top-color:#c98300; border-left-color:#c98300;
              border-right-color:#5c3900; border-bottom-color:#5c3900;}

.pic750      {border:0px black solid; margin-left:auto; margin-right:auto; width:750px;}

.pics750     {border:0px black solid; margin-left:auto; margin-right:auto; width:750px; padding-top:100px;}
.pics750x360 {border:0px black solid; margin-left:auto; margin-right:auto; width:750px; padding-top:50px;}
.pics710     {border:0px black solid; margin-left:auto; margin-right:auto; width:710px; padding-top:100px;}

.pic755      {border:0px black solid; margin-left:auto; margin-right:auto; width:755px; padding-top:100px;}
.pic755 img  {border-width:2px 3px 3px 2px; border-style:solid; margin:5px 0px;
                 border-top-color:#c98300; border-left-color:#c98300;
                 border-right-color:#5c3900; border-bottom-color:#5c3900;}


.pic680      {border:0px black solid; margin-left:auto; margin-right:auto; width:680px;} /* 4 x 160 pics */
.pic680 img  {border-width:2px 3px 3px 2px; border-style:solid; margin:5px 0px;
              border-top-color:#c98300; border-left-color:#c98300;
              border-right-color:#5c3900; border-bottom-color:#5c3900;}
.pic680 h1   {font-size:18px; color:#cc0000; text-align:center;}

.pic625x300 img {position:absolute; top:50%; left:50%; width:625px; height:300px;
		     margin:-100px 0 0 -313px;border-style:solid; border-width:2px 3px 3px 2px; 
		     border-top-color:#c98300;border-left-color:#c98300; border-right-color:#5c3900; border-bottom-color:#5c3900;}

.pics620    {border:0px solid black; width:620px; margin-left:auto; margin-right:auto; padding-top:100px;}

.pics600    {border:0px solid black; width:590px; margin-left:auto; margin-right:auto; padding-top:100px;}
.pics600 img{border-width:2px 3px 3px 2px; border-style:solid; margin-bottom:10px; margin-left:10px; 
             border-top-color:#c98300; border-left-color:#c98300;
             border-right-color:#5c3900; border-bottom-color:#5c3900;}

.pics500     {border:0px black solid; margin-left:auto; margin-right:auto; width:500px; padding-top:50px;}
.pics500x375 {border:0px black solid; margin-left:auto; margin-right:auto; width:500px; padding-top:20px;}

.pic500 {border:0px black solid; margin-left:auto; margin-right:auto; width:500px; padding-top:110px}
.pic480 {border:0px black solid; margin-left:auto; margin-right:auto; width:480px; padding-top:110px}
.pic430 {border:0px black solid; margin-left:auto; margin-right:auto; width:430px; padding-top:0px}
.pic300 {border:0px black solid; margin-left:auto; margin-right:auto; width:300px; }
.pic204 {border:0px black solid; margin-left:auto; margin-right:auto; width:204px;}

.picsleft   {margin-left:0; float:left; padding-top:0;}
.picsright  {margin-right:0;float:right; padding-top:0;}

.picschairs     {width:90%; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:20px;}
.picschairs img {border-width:2px 3px 3px 2px; border-style:solid; margin:5px 0px;
                 border-top-color:#c98300; border-left-color:#c98300;
                 border-right-color:#5c3900; border-bottom-color:#5c3900;}


.oldbottle {border:0px solid black; width:60%; margin-left:auto; margin-right:auto; padding-top:110px;}
.pic284 a  {width:284px; float:right; 
            border-width:2px 3px 3px 2px; border-style:solid; margin:0px 0px;
            border-top-color:#c98300; border-left-color:#c98300;
            border-right-color:#5c3900; border-bottom-color:#5c3900;}


.enlargeinfo     {position:absolute;left:50px; top:100px;}
.enlargeinfo img {border:0px black solid;height:40px;width:33px;}


.pics2col     {border:0px solid black; width:80%; margin-left:auto; margin-right:auto; padding-top:110px;}
.pics2col h1  {font-size:18px; color:#cc0000; text-align:center;}
.pics2col img {border-width:2px 3px 3px 2px; border-style:solid; margin-top:10px;
               border-top-color:#c98300; border-left-color:#c98300;
               border-right-color:#5c3900; border-bottom-color:#5c3900;}

.pics3col h1  {font-size:18px; color:#cc0000; text-align:center;}
.pics3col img {border-width:2px 3px 3px 2px; border-style:solid; margin-top:10px;
               border-top-color:#c98300; border-left-color:#c98300;
               border-right-color:#5c3900; border-bottom-color:#5c3900;}
.pics3left    {position:absolute; left:25%; width:175px; margin-left:-90px; top:110px;}
.pics3center  {position:absolute; left:50%; width:175px; margin-left:-90px; top:110px;}
.pics3right   {position:absolute; right:25%; width:175px; margin-right:-90px; top:110px;}


.pics5     {border:0px solid black; width:90%; margin-left:auto; margin-right:auto; padding-top:110px;}
.pics5 h1  {font-size:18px; color:#cc0000; text-align:center;}
.pics5 img {border-width:2px 3px 3px 2px; border-style:solid; margin-top:10px;
            border-top-color:#c98300; border-left-color:#c98300;
            border-right-color:#5c3900; border-bottom-color:#5c3900;}




       /* xxx EXAMPLES OF STUDENTS WORK xxxx */

.pics12top  {border:0px solid black; width:85%; margin-left:auto; margin-right:auto; padding-top:110px; padding-bottom:20px;}
.pics12     {border:0px solid black; width:520px; margin-left:auto; margin-right:auto; }
.pics12 img {display:inline;border-width:2px 3px 3px 2px; border-style:solid; margin-top:10px;
             border-top-color:#c98300; border-left-color:#c98300;
             border-right-color:#5c3900; border-bottom-color:#5c3900;}

.pics10top  {border:0px solid black; width:85%; margin-left:auto; margin-right:auto; padding-top:110px; padding-bottom:20px;}
.pics10     {border:0px solid black; width:650px; margin-left:auto; margin-right:auto; }
.pics10 img {display:inline;border-width:2px 3px 3px 2px; border-style:solid; margin-top:10px;
             border-top-color:#c98300; border-left-color:#c98300;
             border-right-color:#5c3900; border-bottom-color:#5c3900;}


       /* xxx INFO PANELS and ENLARGED PICS xxxx */

.panel       {margin-top:20px;}
.panel table {margin-left:30px;}
.panel h1    {font-size:16px; color:#cc0000; font-weight:600; text-align:center;}
.panel h2    {font-size:12px; color:#006600; margin-left:30px; margin-right:30px;}
.panel h3    {font-size:11px;  color:#8c5900; text-align:left;}

.largea4     {border:0px red solid;  margin-left:auto; width:569px; margin-right:auto;  padding-top:20px;}
.largea4 img {border:1px solid black;}

.closebut    {margin-left:auto; margin-right:auto;  width:50px; height:20px; background-color:#005b1e ; padding-top:10px;}

/* xxxxxxxxxxxxxxxxxx MAZE xxxxxxxxxxx */

div.textimg     {margin-left:40px; margin-right:40px; margin-top:20px; border:0px black solid; display:block;}
div.textimg p   {font-size:14px; font-weight:500; color:#005b1e; line-height:150%; text-align:justify;margin:0px;}
div.textimg h1  {font-size:18px; color:#cc0000; text-align:center;}
div.textimg h2  {font-size:15px; color:#8c5900;}
div.textimg h3  {font-size:14px; color:#8c5900;}
div.textimg h4  {font-size:16px; color:#c00;}
div.textimg h5  {font-size:14px; color:#8c5900;}
div.textimg h6  {font-size:12px; color:#005b1e;}
div.textimg img { border:1px black solid;}
div.textimg a   {text-align:center;}
div.textimg ol  {font-size:15px; font-weight:500; color:#005b1e; list-style-position:outside; padding-left:35px; margin-right:50px;}


/* xxxx LISTS xxxx */
div.list     {border:0px solid green; margin:100px 50px 0 50px;font-size:16px; font-weight:600; color:#005b1e;}
div.list li  {font-size:14px; font-weight:500; color:#005b1e; margin:0px 30px; list-style-position:inside;}


/* xxxx SITE MAP xxxx */
div.site                      {border:0px solid green; margin:100px 20px 0 20px;font-size:16px; font-weight:600; color:#005b1e;}
div.site ul li                {font-size:18px;color:#e3007b;font-weight:500;list-style-type:none;margin-top:8px;}
div.site ul ul li             {font-size:17px;color:#959595;font-weight:500;list-style-type:none;margin-top:8px;}
div.site ul ul ul li          {font-size:16px;color:#826ba9;font-weight:400;list-style-type:none;margin-top:8px;}
div.site ul ul ul ul li       {font-size:14px;color:#005b1e;font-weight:400;list-style-type:none;margin-top:4px;}
div.site ul ul ul ul ul li    {font-size:13px;color:#8c5900;font-weight:400;list-style-type:none;margin-top:4px;}
div.site ul ul ul ul ul ul li {font-size:12px;color:#be0066;font-weight:400;list-style-type:none;margin-top:3px;}



/* xxxxxx BORDERED TABLE xxxxxx */

.borderedtable    {display:table; color:#006600;
                   border-width:3px 3px 3px 3px;
                   border-color:#c98300 #5c3900 #5c3900 #c98300; border-style:solid;
                   background-color:#ececec;}
.borderedtable td {border:1px solid #060; vertical-align:top; font-size:12px; color:#005b1e;
                   padding:4px 12px;}
.borderedtable th {font-size:16px; padding:10px; font-weight:600; color:#005b1e; background-color:#c2c2c2;
                   border:1px #060 solid;}

/* xxxxxx BORDERED TABLE 500 wide xxxxxx */

.borderedtable500 {display:table; width:500px; margin:0 auto; color:#006600;
                   border-width:3px 3px 3px 3px;
                   border-color:#c98300 #5c3900 #5c3900 #c98300; border-style:solid;
                   background-color:#ececec;}
.borderedtable500 td {border:1px solid #060; vertical-align:top; font-size:12px; color:#005b1e;
                      padding:4px 12px;}
.borderedtable500 th {font-size:16px; padding:10px; font-weight:600; color:#005b1e; background-color:#c2c2c2;
                      border:1px #060 solid;}


/* xxxx QUIZ xxxxx */

#q1         {margin:100px auto 250px auto; border:2px groove red; width:700px;height:277px;}
#q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10
            {margin:70px auto 300px auto; border:2px groove red; width:700px;height:277px;}

.questionHd {font-size:17px;font-weight:600; text-align:center;color:#8c5900;margin:70px auto auto 0px; width:400px; border:0px double green;}
.qpic       {float:right; height:275px; width:275px; border:1px solid black;}
.qtext      {font-size:16px; text-align:center; padding:10px 0;color:green; border:0px black solid;}
.ans        {font-size:16px; color:green; font-weight:bold; margin:0 auto; width:200px; text-align:left; border:0px black solid;}
.ans img    {border:0 solid black; width="150px" height="20px"; }
.infonames  {display:block; margin:100px auto 10px auto; width:475px; border:2px groove green;background-color:#d7d7d7;}
.infonames h1 {font-size:16px; text-align:center; color:#be0066;padding:10px 0;}
.infonames h2 {font-size:12px; text-align:center; color:#ea5493;padding:5px 0;}
.tdlf       {font-size:13px; color:#980034;text-align:right; padding:7px 5px 7px 10px;}
.qtop       {margin-bottom:20px; text-align:center;}
.maile	    {display:block; margin:0px auto 200px auto; width:300px; font-size:18px; color:green; border:0 solid;}
.sub        {display:block; margin:15px auto 0px auto; text-align:center;}
.topage     {text-align:center;padding-top:3px}
.topage a   {font-size:12px; text-align:center; color:#ea5493;}
.score      {visibility:hidden;}



<!-- xxxxxxxxx POP-UPS H of D xxxxx -->

table.mouseover {display:table;  border:0px solid black; margin-left:20px; margin-right:20px;font-size:9px;  color:#8c5900; text-align:left;}


<!-- xxxxxxxxxxxxxxx CV xxxxxxxxxxx -->

.cv        {border:0px solid black; width:90%; margin-left:auto; margin-right:auto; padding-top:110px; padding-bottom:20px;}

.cv h1    {font-size:18px; color:#cc0000; text-align:center;}
.cv h2    {font-family: sprint sf,cooper black,verdana,serif ; font-size:17px; color:#00b5ef; text-align:center;}
.cv h3    {font-size:16px; color:#8c5900; padding-top:20px;}
.cv h4    {font-size:16px; color:#cc0000; padding-top:20px; }

.cv table {display:table; color:#006600; border:0px solid green;}
.cv td    {border:0px solid green; vertical-align:top;font-size:14px; color:#006600;}

.cv h5    {text-decoration:none; font-size:25px; text-align:center; color:green; margin-top:100px;}
.green    {color:green;}


/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx PAGE HEADINGS  xxxxxxxxxxxxxxxxxxxxxxxxxxxx */


       /* xxxxxxxxxxxxx TOP BANNER  xxxxxxxxxxxx */


.banner{
  display:block;
  position:absolute; left:0px; top:0px;
  background-image:url(graphics/top.gif);
  background-repeat:repeat-x;
  margin-left:0px; margin-right:0px; width:100%; height:60px;
 }

.logo  {
  position:absolute; left:40px; top:3px;
  background-image:url(graphics/eyeblue.gif);
  width:50px;
  height:50px;         
  border:0px;
 }
           

.tio   {
  position:absolute; left:105px; top:7px;
  font-family: sprint sf,cooper black,verdana,serif ;
  font-size:33px;
  color:#00b5ef;
  border:0px;  
  letter-spacing:0.1em;
 }

.trademark{position:absolute; left:441px; top:4px;
   font-family: arial, sans-serif; font-weight:700;
   font-size:12px; color:#d03b3b; border:0px;
 }

/* xxx SEARCH xxx */

.terms    {
  position:absolute;
  right:110px; top:20px;         
  border:none;      
  height:15px; width:120px;
  font-family:"arial";
  font-size:10pt;
  background-color:#ffffcc;
           
}

.qbutton  {
   position:absolute;
   right:70px; top:13px;         
   border:0px;
   width:30px; height:30px;
}


/* xxxxx EmAIL xxx */

#email	   {position:absolute; right:100px; top:15px;}
#email img {border:0px solid black; width:30px; height:30px;}

/* xxxxxxxx SEARCH xxxxxx */

.search     {position:absolute; right:40px; top:5px;}
.search img {width:50px; height:50px;border:0px solid black;}


.contactouter {border:0px solid black; position:absolute;left:50%; width:475px; margin-left:-236px; top:50% height:200px; margin-top:100px; }
.contact      {width:100%; font-size:15px;color:#8c5900; } 
.contactleft  {text-align:right;padding-right:10px;font-size:15px;color:#8c5900;}
.contactcenter{text-align:center;padding:15px 0;}

/* xxx NAV THREAD  xxxx */

.navthread{
  position:absolute; left:40px; top:59px;                      
  height:20px; width:600px;
  font-family:"arial bold";  font-size:11pt; color:#ffffcc;
  text-align:left;
  border:none;
 }

.navthread1{
  position:absolute; left:50%; margin-left:-275px; top:59px;                      
  height:20px; width:550px;
  font-family:"arial bold";  font-size:11pt; color:#ffffcc;
  text-align:center;
  border:none;
 }

.topnav      {
  position:absolute; left:0px; top:60px;
  background-image:url(graphics/topnav.gif);
  background-repeat:repeat-x;
  height:20px; width:100%;
  margin-left:0px;
  border:none;
}


.thread    {font-size:16px; vertical-align:top; color:#ffffcc;
            text-align:left; border:none;}

.bottombanner{
  display:block;
  position:absolute; left:0px; bottom:0px;
  background-image:url(graphics/bot.gif);
  background-repeat:repeat-x;
  margin-left:0px;height:20px; width:100%;
  border:none;
}

/* xxxxxxxxxxxxxxxxxxxxxx FRONT PAGE xxxxxxxxxxxxxxxxxxxx */

.frontpage {border:0px solid black; width:85%; margin-left:10% margin-right:auto; padding-top:110px; padding-bottom:20px;}
.frontpage h1 {font-size:30px; color:#00b5ef; text-align:center;}
.frontpage h2 {font-size:24px; color:#fae46d; text-align:center;}
.frontpage h3 {font-size:18px; color:#ffffcc; text-align:center; }
.frontpage h4 {font-size:10px; color:#b57600; text-align:center; }


#Book     {position:absolute;bottom:20px; left:50%; margin-left:-202px; width:404px; margin-top:-50px; height:100px;}



.tiosub  {width:700px;  margin-left:auto; margin-right:auto; padding-top:75px;    
          font-family: sprint sf,cooper black,verdana,serif ;font-size:20px;text-align:center;
          color:#fcf64c; border:0px black solid;letter-spacing:0.04em;}


.enter  {position:absolute; left:265px; top:225px;
         font-family: sprint sf,cooper black,verdana,serif ;font-size:16px;color:#00b5ef;}



.opera img  {position:absolute; bottom:25px; left:24%; width:88px; height:31px;
		 margin:0 0 -16px -44px;border:0;}

.mozilla img {position:absolute; bottom:25px; left:31%; width:88px; height:31px;
		 margin:0 -44px -16px 0; border:0px solid black;}

.ie6 img    {position:absolute; bottom:25px; left:50%; width:88px; height:31px;
		 margin:0 0 -16px -44px;border:0;}

.vxhtml img {position:absolute; bottom:25px; right:31%; width:88px; height:31px;
		 margin:0 0 -16px -44px;border:0;}   

.vcss img   {position:absolute; bottom:25px; right:24%; width:88px; height:31px;
		 margin:0 -44px -16px 0;border:0;}


/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CONTENT & PROJECTS xxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.circkno    {position:absolute; left:28%; top:55%; margin-left:-150px; margin-top:-130px;
             border:0px; width:300px; height:200px;}            

.circpro    {position:absolute; right:28%; top:55%; margin-right:-150px; margin-top:-130px;
             border:0px; width:300px; height:200px;}


.searchbanner  {position:absolute; left:15%; top:80%; margin-left:-250px; margin-top:-40px;
                border:0px; width:500px; height:80px;}

.searchcog  {position:absolute; left:10%; bottom:50px; margin-left:-37px; margin-top:-37px;
                border:0px; width:75px; height:75px;}


/*   xxx TOP NAV BAR FIXED xxx */

.teacher  {
  position:absolute;right:10%; margin-right:-50px; bottom:108px;                      
  height:15px;
  width:80px;
  font-family:"arial";
  font-size:8pt;
  background-color:#ffffcc;
  text-align:center;
  vertical-align:middle;
  border:2PX double #cc6600;
 }
 
.info     {
  position:absolute;right:10%; margin-right:-50px; bottom:111px;                      
  height:15px;
  width:80px;
  font-family:"arial";
  font-size:8pt;
  background-color:#ffffcc;
  text-align:center;
  vertical-align:middle;
  border:2PX double #cc6600;
 }

.copyright{
  position:absolute;right:10%; margin-right:-50px; bottom:94px;
  height:15px;
  width:80px;
  font-family:"arial";
  font-size:8pt;
  background-color:#ffffcc;
  text-align:center;
  vertical-align:middle;
  border:2PX double #cc6600;
 }

.contact{
  position:absolute;right:10%; margin-right:-50px; bottom:77px;
  height:15px;
  width:80px;
  font-family:"arial";
  font-size:8pt;
  background-color:#ffffcc;
  text-align:center;
  vertical-align:middle;
  border:2PX double #cc6600;
 }


.issue    {
  position:absolute; right:10%; margin-right:-50px; bottom:60px;
  height:15px;
  width:80px;
  font-family:"arial";
  font-size:8pt;
  background-color:#ffffcc;
  text-align:center;
  vertical-align:middle; 
  border:2px double #cc6600;
 }

.rssfeed    {
  position:absolute; right:10%; margin-right:-48px; bottom:35px;
  width:80px;
 }

.rssfeedtext a {
  position:absolute; right:10%; margin-right:-48px; bottom:25px;
  width:80px;text-align:center; font-size:10px; font-weight:700; color:yellow;
 }



a                {color:#000099; text-decoration:none; }
a.navbar:link    {color:maroon; text-decoration:none;}
a.navbar:visited {color:green; text-decoration:none;}
a.navbar:hover   {color:red; text-decoration:none;}
a.navbar:active  {color:navy; text-decoration:none;}

a.thread:link    {color:#fef886; text-decoration:none;}
a.thread:visited {color:#fef886; text-decoration:none;}
a.thread:active  {color:#fef886; text-decoration:none;}


.undercon  {position:absolute; top:100px; height:100px; left:50px; width:100px; }

.mobile  {position:absolute; top:45px; height:100px; right:15px; width:100px; }





/* xxxxx PICTURE SIZE &amp; BORDER xxxxx */


div.pics130    {display:inline; border:0px black solid; vertical-align:top; width:130px; margin:40px 10px;}  /*   A4 pics/row */          
div.pics160    {display:inline; border:0px black solid; vertical-align:top; width:160px; margin:40px 10px;}  /* 4 A4 pics/row */           
div.pics200    {display:inline; border:0px black solid; vertical-align:top; width:200px; margin:40px 15px;}  /*   A4 pics/row */
div.pics275    {display:inline; border:0px black solid; vertical-align:top; width:275px; margin:40px 10px;}  /*   A4 pics/row */            
div.pics375    {display:inline; border:0px black solid; vertical-align:top; width:375px; margin:40px 10px;}  /*   A4 pics/row */            

div.pics475    {display:inline; border:0px black solid; vertical-align:top; width:475px; margin:40px 10px;}  /*   A4 pics/row */            




div.pics h1    {font-size:18px; color:#cc0000;}
div.pics p     {font-size:15px; font-weight:500; color:#005b1e;}
.small         {font-size:14px; color:#006600;}


div.pics a     {display:inline; border-width:2px;
                border-color:#6f559d #190438 #190438 #6f559d;
                border-style:solid;}


div.pics table {display:table; color:#006600; border:0px solid black;
                margin-left:50px; margin-right:50px;}
div.pics td    {border:0px solid green; vertical-align:top;}


.noborder  {border:0px black solid;}
.pics h1   {font-size:20px; font-weight:800; color:#8c5900;}



.panel h4    {font-size:11px; color:#006600; margin-left:30px; margin-right:30px;}





/* xxxxx ANIMATIONS xxx */

table.ani {display:table; border:0px solid black;
                margin-left:0px; margin-right:0px;}
table.ani td    {border:0px solid green;}
table.ani img   {border:0px solid green;}
table.ani h1    {font-size:11px; font-weight:600; color:#cc0000; text-align:center;}

table.ani1     {position:absolute; left:45px; top:90px; width:65px; height:140px; border:0px;}
table.ani1 img {border:0}

.ie68       {position:absolute;left:240px; top:75px;} 
.opera8     {position:absolute;right:240px; top:75px;}   


/* xxxxxxxxxxxxxxxxxxxx CONTACT xxxxxxxxxxxxxxxxxx */

#container {position:absolute; border:0px solid black; left:50%; margin-left:-350px; width:700px; top:50%; margin-top:-200px;height:400px; }  

#contactname   	{position:absolute; left:50%; width:420px; margin-left:-210px; top:-10px; 
	 	 text-align:center; font-size:40pt; color:#00b5ef; border:0px black solid; font-family:sprint sf,cooper black,verdana,serif;}
#contacthome	{position:absolute; left:20px; width:42px; top:5px; height:36px;border:0px black solid; }
#contact	{position:absolute; left:50%; width:420px; margin-left:-210px; padding-top:85px; border:0px black solid; }

h3		{font-size:16px; color:#dc9000; margin-bottom:0px;}

#submit    	{text-align:center;padding-top:10px;}