/* --- basic elements */
body                 {background:#335187 url('../images/background/blue.jpg');
                      border-collapse:collapse; padding:0; margin:0; text-align:center;
                      font:normal normal bold 10pt Verdana,Tahoma,Arial; color:#FFF;}
body  a              {color:#CCC; text-decoration:none; font:normal normal bold 10pt Verdana,Tahoma,Arial;}
body  a:hover        {color:#FFF; text-decoration:underline;}
img                  {display:block;}


/* --- wrapper (div) section */
#wrapper             {margin:0 auto; padding:0; text-align:left; width:702px;}


/* --- header (div) section */
#header              {background:transparent url('../images/logo/LPT.png') no-repeat 10px 3px; height:125px;
	                  padding:0 0 0 97px; font:italic normal bold 34pt Verdana,Tahoma,Arial;}


/* --- menu (div) section */
#menu                {width:100px; float:left; position:relative;}
#menu ul             {list-style-type:none; padding:0; margin:0;}
#menu li             {width:100%; margin:0 0 5px 0;}
#menu label,
#menu a              {padding:4px 8px; margin:0; font-weight:bold; display:block;}
#menu .ON,
#menu a:hover        {color:#FFF; text-decoration:none; border-right:solid 1px #AAA;
                      background:url('../images/background/blueLight.jpg');}
#menu .ON            {font-size:11pt; border:solid 1px #AAA; border-width:1px 0 1px 1px;}


/* --- content (div) section */
#content             {font-weight:bold; width:600px; text-align:center; float:left;   
                      margin-left:-1px; border:solid 1px #AAA; color:#EEE;
                      background:url('../images/background/blueLight.jpg');}
#content div         {margin:15px auto;}
#content .about,
#content .services,
#content .links,
#content .vision     {margin:5px; padding:5px 20px; text-align:left;}


/* --- services (div) section */
.services li         {list-style-type:disc; margin:5px 25px;}
.services li ul li   {list-style-type:none; margin:0 0 5px 0; color:#CCC;}


/* --- vision (div) section */
.vision li           {list-style-type:decimal; margin:10px 10px 10px 25px;}


/* --- about (div) section */
.about a             {text-align:left;}
.about a:hover       {text-decoration:none;}
.about a       img   {border:solid 2px #BBB; float:left; margin:0 10px 3px 0; height:101px; width:76px;
                      -moz-opacity:0.85; opacity:.85; filter:alpha(opacity=85);}
.about a:hover img   {border-color:#DDD; -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100);}
.about a       span  {font:normal normal bold 13pt Verdana,Tahoma,Arial;
                      display:block; height:105px; margin:0; padding:0;}
.about a:hover span  {display:inline; height:auto;}
.about a       label {display:none; border:dotted 1px #CCC; border-width:0 0 2px 2px; padding:10px 0 5px 5px;}
.about a:hover label {display:block;}


/* --- links (div) section */
.links table         {font:normal normal normal 12pt Verdana,Tahoma,Arial; color:#111; margin:0 5px; padding:0;}
.links td            {font:normal normal bold 10pt Verdana,Tahoma,Arial; color:#DDD;}
.links td.border     {height:3px;}
.links a:hover       {text-decoration:none;}
.links a       img   {border:solid 1px transparent; margin:3px 0 12px 50px;}
.links a:hover img   {border:solid 1px cyan; text-decoration:none;}


/* --- slides (div) section */
#slides              {position:relative; width:461px; height:344px; 
                      margin:20px auto; padding:0; border:double 3px #333;}
#slides img          {position:absolute; left:0; top:0;}


/* --- handouts (div) section */
.handouts span       {font-size:12pt;}
.handouts img        {height:120px; margin:0 auto;}
.handouts .left      {float:left;  width:240px; padding-left:45px;}
.handouts .right     {float:right; width:270px; padding-right:45px; height:120px;}
.handouts hr         {float:left;  width:80%; margin:0 10%; border:solid 1px #AAA;
                      color:#AAA; height:1px;}