body { /*background-color:Black;*/ background-image:url(../images/mainbakgrblueblackbilinear.jpg); background-repeat:repeat-x; } /********************** Outermost container ************************************************/ #zSGDivOuterMost { /* this element is palced in . all other elements are contained in this, except universal menu if any */ position:relative; top:25px; left:7%; width:850px; /*background-color:#c0c0c0; border-bottom:solid;*/ background-color: transparent; /*height:550px;*/ /*Revisit: height should not be hardcoded */ } /********************** Banner ************************************************/ #zSGDivBanner { /* this should be placed in the OuterMost Div element*/ background-image:url(../images/banner5.png); position:absolute; margin-top:1%; margin-left:1%; width:98%; height:135px; background-repeat:no-repeat; /*background-color:Gray;*/ } /********************** MainContent Element ************************************************/ #zSGDivContent { position: absolute; top: 140px; /*just below the banner */ margin-left: 1%; margin-right: 1%; width: 98%; background-image: url(../images/ContentContainer.png);/**/ background-position: center center; float: left; float: left; /*height:500px;background-color: Blue;*/ } #zSGDivContent p { font-family: Arial; font-size: 10pt; color: white; background-color: transparent; text-align: justify; } #zSGDivContent p.RightJustify { text-align: right; } #zSGDivContent h2 { font-size: 12pt; text-transform: uppercase; color: #ffffff; font-family: Arial; background-color: transparent; font-variant: normal; margin: 0px; } #zSGDivContent h3 { font-size:12pt; text-transform: capitalize; color: #ffffff; font-family: Arial; background-color: transparent; font-variant: small-caps; margin: 0px; } #zSGDivContent h4 { font-size: 13pt; color: #ffffff; font-family: Arial; background-color: transparent; margin: 0px; } /********************** Longer Text Content Element ************************************************/ #zSGDivContentLonger { /* this will be placed in zSGDivContent element */ position: absolute; top: 140px; /*just below the banner */ width: 98%; margin-left: 1%; margin-right: 1%; background-position: center center; overflow: auto; } /* margin-left: 1%; margin-right: 1%; width: 98%; background-image: url(../images/ContentContainer.png); background-position: center center; float: left; float: left; */ #zSGDivContentLonger p { font-family: Arial; font-size: 9pt; color: white; background-color: transparent; text-align: justify; } #zSGDivContentLonger h2 { font-size: 12pt; text-transform: uppercase; color: #ffffff; font-family: Arial; background-color: transparent; font-variant: normal; margin: 0px; } #zSGDivContentLonger h3 { font-size:12pt; text-transform: capitalize; color: #ffffff; font-family: Arial; background-color: transparent; font-variant: small-caps; margin: 0px; } #zSGDivContentLonger h4 { font-size: 13pt; color: #ffffff; font-family: Arial; background-color: transparent; margin: 0px; } #zSGDivContent ul, #zSGDivContentLonger ul { font-family:Arial; color:#ffffff; font-size:10pt; } /********************** Drop Cap for the content ************************************************/ #zSGDivContent span.DropCap_30_normal, #zSGDivContentLonger span.DropCap_30_normal { float: left; font-size: 30px; line-height: normal; padding-top: 1px; text-transform: uppercase; } /********************** Flash Content Player Element ************************************************/ .zSGFlashContentHolderLeft { /* This can be used as a class in the div element to show stuff like ... news menu (links local to the page) highlight important stuff */ margin-left: 1%; float: left; padding: 2px 2px 2px 2px; color: black; direction: ltr; background-color:#000000; text-align: justify; /*height: 250px; width:418px; this is OK size of the flash file*/ height:175px; widows:233px; background-repeat:no-repeat; /* vertical-align: baseline; overflow: auto; */ } div.ClearBoth { clear: both; } /********************** Footer Element ************************************************/ #zSGDivFooter { position: absolute; top:500px; font-size: 8pt; width: 100%; color: #ffffff; bottom: 10px; font-family: Arial; height: 20px; padding-top: 15px; left:10px; /* text-align: left; background-color:Lime;*/ } /* #zSGDivFooter div { font-size: 8pt; color: #ffffff; font-family: Arial; }*/ #zSGDivFooterLonger1 { position: absolute; top:550px; font-size: 8pt; width: 100%; color: #ffffff; bottom: 10px; font-family: Arial; height: 20px; padding-top: 15px; left:10px; } /* #zSGDivFooterLonger1 div { font-size: 8pt; color: #ffffff; font-family: Arial; } */ #zSGDivFooterLonger { position: absolute; top:700px; font-size: 8pt; width: 100%; color: #ffffff; bottom: 10px; font-family: Arial; height: 20px; padding-top: 15px; left:10px; } #zSGDivFooter div, #zSGDivFooterLonger1 div, #zSGDivFooterLonger div { font-size: 8pt; color: #ffffff; font-family: Arial; } /********************** Small Box Elements ************************************************/ .zSGDivBoxNewsScrolling { margin-right: 1%; float: right; padding: 2px 2px 2px 2px; color: black; direction: ltr; text-align: justify; height: 125px; width: 175px; background-color: Green; /*background-repeat:no-repeat; background-image: url(../images/BlueEngravedBorderBump.png);*/ } .zSGDivBoxedAutoWidthHeightLeft { /* This can be used as a class in the div element to show stuff like ... news menu (links local to the page) highlight important stuff */ margin-left: 1%; float: left; padding: 2px 2px 2px 2px; color: black; direction: ltr; background-color:transparent; text-align: justify; } .zSGDivBoxedAutoWidthHeightRight { /* This can be used as a class in the div element to show stuff like ... news menu (links local to the page) highlight important stuff */ margin-left: 1%; float: right; padding: 2px 2px 2px 2px; color: #ffffff; direction: ltr; background-color:transparent; text-align: justify; } .zSGDivBoxedAutoWidthLeft { /* This can be used as a class in the div element to show stuff like ... news menu (links local to the page) highlight important stuff */ margin-left: 1%; float: left; padding: 2px 2px 2px 2px; color: black; direction: ltr; background-color:transparent; text-align: justify; height: 200px; background-repeat:no-repeat; background-image: url(../images/BlueEngravedBorderBump.png); /* vertical-align: baseline; overflow: auto; */ } .zSGDivBoxedAutoWidthRight { /* This can be used as a class in the div element to show stuff like ... news menu (links local to the page) highlight important stuff */ margin-right: 1%; float: right; padding: 2px 2px 2px 2px; color: black; direction: ltr; text-align: justify; height: 125px; width: 175px; background-color: Green; /*background-repeat:no-repeat; background-image: url(../images/BlueEngravedBorderBump.png);*/ } /******************************************************************************************************************************** Menu: Universal for all pages in the site: Simple this is a universal menu common for all pages in the website this particular style is a simple list with hyper links to the pages for more stylish options, use other zSGDivUnivMenu[xxxxx] styles *******************************************************************************************************************************/ #zSGDivUnivMenuSimple { top: 0px; /* better constrain the right value instead of left; when resized, the items will remain in horizontal line if right is constrained */ right: 10px; font-family: Arial; list-style-type: none; position: absolute; background-color: transparent; } #zSGDivUnivMenuSimple ul { /* remove the bullets by setting list style as none */ list-style-type: none; } #zSGDivUnivMenuSimple li { font-family: Arial; font-size:10pt; background-color: transparent; color: #00ffff; /*border-bottom-style: ridge; */ /* this results in printing of the elements horizontally; otherwise, it will be a vertical list by default */ float: left; border-right: #c0c0c0 thin solid; text-align:center; } #zSGDivUnivMenuSimple a { padding-right: 5px; padding-left: 5px; color: #00ffff; /*border-bottom: white thin solid;*/ font-family: Arial, Sans-Serif; background-color: transparent; text-decoration: none; } #zSGDivUnivMenuSimple a:hover { color:#ffffff; background: #ff0000; text-decoration: underline; /*padding-right: 5px; padding-left: 5px; font-size:105%;*/ } #zSGDivUnivMenuSimple li.LastItem { border-right:none; } #zSGDivUnivMenuSimple #CurPageUnivSimple a { /* Current page of the Universal Menu */ /*margin-top: 0; float:left; display:block;*/ color: #ffffff; text-decoration: none; } #zSGDivUnivMenuSimple #CurPageUnivSimple a:hover { /* if this is not defined, then mouse hover on the current page link looks bad */ color: #ffffff; font-family: Arial, Sans-Serif; background-color: transparent; text-decoration: none; cursor:default; }