/*
   PLC/PAC Tutorial
   CMST385 Final Web Site Project
   Filename:       plcPage.css
   Author:         John G. (Skip) Todora
   Start Date:     October 18, 2009
   Updated Date:   November 8, 2009
   Published Date: 
*/


body {
   margin: 0px;
   font-family: verdana, arial, sans-serif;
   background-color: rgb(244,244,244);
}

h2 {
   color: rgb(24,74,122);
}

h3 {
   color: rgb(102,0,0)
}

h4 {
   color: rgb(0,102,0);
}

#innerleveltwo {
   margin-left: 10px;
}

#innerleveltwoa	{
   margin-left: 10px;
}
					 
#links a {
   display: block;
   width: 150px; 
   text-align: center;
   margin: 15px 15px 15px 15px; 
   padding: 5px; 
   color: white;
   background-color: rgb(24,74,121);
   border-style: outset;
   border-top: 1px solid black;
   border-left: 3px solid rgb(128,128,128);
   border-right: 3px solid rgb(192,192,192);
   border-bottom: 3px solid gray;
   border-top: 3px solid black;
   font-size: 9pt;
   text-decoration: none;
}

#endLink {
   padding-bottom: 20px;
}

#links a:hover {
   background-color: rgb(0,204,266); 
   color: black;
}

#address {
   text-align: center; 
   font-size: 0.75em;
   clear: both; 
   border-top: 1px solid black;
   padding-top: 5px; 
   padding-bottom: 10px;
}

#addrtext {
   text-align: center;
   font-style: italic;
}

#siteDesc dt {
   font-weight: bold;
}

#siteDesc dd {
   margin-bottom: 10px; 
   font-style: italic;
}

#links {
   width: 175px; 
   padding-left: 3px; 
   padding-right: 5px;
   padding-top: 20px;
   float: left;
   background: url(../images/menuBackljpg) repeat;
   border-top: 10px solid rgb(99,102,255);
}

#outer {
   width: 789px;
}

#inner {
   margin-left: 195px; 
   padding-left: 25px;
   border-top: 10px solid rgb(99,102,255);
   border-left: 2px solid gray;
}

#numLinks {
   font-style: italic; 
   color: #00CC00;
}

#validDecimal {
   font-size: 18pt; 
   color: blue; 
   text-align: center;
}

#baseTenNum {
   font-size: 18pt; 
   color: blue; 
   text-align: center;
}

#base10weight {
   padding-top: 20px; 
   padding-bottom: 20px;
}

#numSystemDef {
   margin-left: 40px;
}

#numSystemDef dt {
   font-weight: bold;
}

#decimalTop {
   padding-bottom: 20px;
}

#wiringTop {
   padding-bottom: 20px;
}

#binaryTop {
   padding-bottom: 20px;
}

#hexTop	{
   padding-bottom: 20px;
}

#modularIO {
   font-style: italic; 
   color: #00CC00;
}

#sinkSourceLinks {
   font-style: italic; 
   color: #00CC00;
}

#sinkSource dt {
   font-weight: bold;
}

#inputSinkMod img {
   float: right; 
   width: 50%; 
   height: 50%;
   padding: 8px 0px 8px 8px;
}

#outputSinkMod img {
   float: right; 
   width: 50%; height: 50%;
   padding: 8px 0px 8px 8px;
}

#inputSourceMod img {
   float: right; 
   width: 50%; height: 50%;
   padding: 8px 0px 8px 8px;
}

#outputSourceMod img {
   float: right; 
   width: 50%; 
   height: 50%;
   padding: 8px 0px 8px 8px;
}

#hexFormat {
   text-align: center; 
   color: blue; 
   font-size: 14pt;
}

#hexNumbers {
   text-align: center; 
   color: blue; 
   font-size: 14pt;
}

#hexLetterValues {
   text-align: center; 
   color: blue; 
   font-size: 14pt;
}

#whyLetters dt {
   font-weight: bold;
}

#hexNumOfBits dt {
   font-weight: bold;
}

#hexNumTable {
   position: relative; 
   left: 30%;
   padding-bottom: 10px;
}

#hexNumTable th {
   text-align: center; 
   background-color: #CCFFCC;
}

#hexNumTable tr {
   text-align: center;
}

#hexWeight img {
   padding-top: 5px; 
   padding-bottom: 20px;
   padding-left: 20px;
}

#binaryFormat {
   text-align: center; 
   color: blue; 
   font-size: 14pt;
}

#binTermImg img {
   float: right; 
   width: 95%; 
   height: 95%;
   padding-bottom: 20px;
}

#binWeight img {
   float: right; 
   padding-top: 5px; 
   padding-bottom: 20px; 
   width: 95%; 
   height: 95%;
}
             
.photocontain {
   width: 40%; 
   padding: 5px; 
   float: right;
}

.photo {
   height: 100%; 
   width: 100%; 
   border-width: 0px;
}

.photocaption {
   width: 100%; 
   font-style: italic; 
   text-align: center;
   font-size: .60em;
}

.logixprojstruct {
   margin-left: 20px;
}

.logixstructcap {
   width: 100%; 
   font-style: italic; 
   text-align: center;
   font-size: .60em;
}

#newenhancements {
   margin-left: 40px;
}

#cntrllxbasicdata {
   position: relative; 
   padding-bottom: 10px;
}

#cntrllxbasicdata th {
   text-align: center; 
   background-color: #CCFFCC;
}

table.basicdatatypes {
   border: 2px solid black; 
   border-collapse: collapse;
   text-align: center; 
   margin-bottom: 20px;
   margin-left: 20px;
}

table.basicdatatypes caption {
   font-size: 9pt; 
   font-weight: bold;
}

table.basicdatatypes th {
   border: 1px solid black;
}

table.basicdatatypes tr {
   border: 1px solid black;
}

table.basicdatatypes td {
   border: 1px solid black; 
   font-size: .9em;
}

table.basicdatatypes col.firstcol {
   width: 20%;
}

table.basicdatatypes thead {
   background-color: #CCFFCC;
}

table.basicdatatypes col.firstcol {
   background-color: #CCFFCC;
}

table.commonstructures {
   border: 2px solid black; 
   border-collapse: collapse;
   text-align: left; 
   margin-bottom: 20px; 
   margin-left: 5px;
}

table.commonstructures caption {
   font-size: 9pt; 
   font-weight: bold;
}

table.commonstructures th {
   border: 1px solid black; 
   background-color: #CCFFCC;
   text-align: left;
}

table.commonstructures tr {
   border: 1px solid black;
}

table.commonstructures td {
   border: 1px solid black; 
   font-size: .9em;
}

table.commonstructures thead {
   background-color: #CCFFCC;
}

table.commonstructures col.firstcol {
   width: 40%;
}

table.commonstructures thead th {
   text-align: center;
}

#indexpgimage {
   width: 800px;
}

#indexpgimage img {
   margin-bottom: 40px; 
   border: 0px; 
   margin-left: 58px;
   margin-top: 40px;
}

#indexpgimage {
   text-align: center;
}

#tasktypes dt {
   font-weight: bold;
}

#sitemapinner {
   margin-left: 195px; 
   padding-left: 75px;
   border-top: 10px solid rgb(99,102,255);
   border-left: 2px solid gray;
}

#tagnames dt {
   color: rgb(102,0,153);
}

.logixprojwindow {
   margin-left: 20px;
}

.logixprojwindowimg {
   width: 95%; 
   height: 95%;
}

.logixprojwindowcap {
   width: 100%; 
   font-style: italic; 
   text-align: center;
   font-size: .60em;
}

#physicaladdress {
   text-align: center; 
   color: red;
   font-size: 1.2em;
}

#exampletag {
   text-align: center; 
   color: red; 
   font-size: 1.2em;
}

#exaliasfor {
   text-align: center; 
   color: red; 
   font-size: 1.2em;
}

#structlink a {
   color: #336600; 
   text-decoration: underline;
}

#tasktypes dd a	{
   color: #336600; 
   text-decoration: underline;
}

#progtagstruct p a {
   color: #336600; 
   text-decoration: underline;
}

#gilda img {
   width: 75%; 
   height: 75%;
}

#W3Cxhtmllogo {
   margin-left: 10px;
   float: left;
   padding-bottom: 10px;
}

#W3Cxhtmllogo img {
   border-width: 0px;
   padding-bottom: 10px;
}

#W3Ccsslogo {
   border-width: 0px;
   
   float: right;
}

#webbrowsers img {
   width: 7%;
   height: 7%;
   float: left;
   margin-right: 10px;
}

#adobelogo img {
   border-width: 0px;
}

#logixproheaderimg img {
   border-width: 0px;
   width: 100%;
   height: 100%;
}

#constructionimg img {
   border-width: 0px;
}