body { margin: 20px 0px 0px 0px; background-color: #5670A1; background-image: url('../images/background.png'); background-repeat: repeat-x} /* Main Site */ .header { font: normal 11px verdana; color:#222222; height: 100px; border-bottom: solid 1px #666666; background-color:#8396d1; background-image: url('../images/header.png'); background-repeat: no-repeat; vertical-align: top; } .menu { border-top: solid 1px #d4ddff; border-bottom: solid 1px #666666; height: 33px; background-color: #9cade3; background: #9cade3 url(../images/menu_bg.png) 0 0 repeat-x;} .menu-item { float: left; padding-left: 28px; } .page { font: normal 11px verdana; color:#222222; background-color:#E4EDFF; vertical-align: top;} .footer { border-top: solid 1px #000000; height:69px; font: normal 11px verdana; color:#222222; background-color: #8396d1; background-image: url('../images/footer.png');} /* Links */ a { font-family: Verdana; font-size: 11px; color: #5c87ff; text-decoration:none; font-weight: normal; } a:hover { font-family: Verdana; font-size: 11px; color: #566693; text-decoration:none; font-weight: normal; } /* layout and Colour Texts */ .title { font: normal 11px verdana; color:#004080; padding: 0px 0px 6px 0px; border-bottom: dotted 1px #555555; } .desc { font: normal 11px verdana; color:#333333; text-align: justify; padding: 6px 0px 12px 0px; } .list { font: normal 11px verdana; color:#333333; text-align: left; line-height:16px; padding: 6px 0px 12px 0px; } .text-black { font: normal 11px verdana; color:#000000; text-align:justify;} .text-blue { font: normal 11px verdana; color:#5c87ff; text-align:justify;} .text-gray { font: normal 11px verdana; color:#333333; text-align:justify;} .text-pink { font: normal 11px verdana; color:#cf5050; } /* Home Page */ .home { width: 100%; height: 100%; background-color: #E4EDFF;} .homebox1 { width: 27%; height: 160px; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #DDE3F9; } .homebox2 { height: 343px; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #F6F6F6; background-image: url('../images/home.png'); background-repeat: no-repeat; } .homebox3 { width: 27%; height: 160px; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #F6F6F6; } .homecolumn1 { width: 27%; vertical-align: top; padding: 5px 0px 0px 10px; background-color: #E4EDFF; } .homecolumn2 { width: 24%; vertical-align: top; border-left: dotted 1px #A2B1CE; padding: 5px 0px 0px 15px; background-color: #E4EDFF; } .homecolumn3 { width: 24%; vertical-align: top; border-left: dotted 1px #A2B1CE; padding: 5px 10px 0px 15px; background-color: #E4EDFF; } .homecolumn4 { width: 24%; vertical-align: top; border-left: dotted 1px #A2B1CE; padding: 5px 10px 0px 15px; background-color: #E4EDFF; } /* News Page */ .news { width: 100%; height: 100%; background-color: #E4EDFF;} .newsbox1 { width: 27%; height: 140px; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #F6F6F6; } .newscolumn { vertical-align: top; padding: 11px 10px 0px 10px; background-color: #E4EDFF; } .news_title { font: normal 11px verdana; color:#004080; text-align: left; padding: 0px 0px 6px 0px; border-bottom: dotted 1px #555555; } .news_content { font: normal 11px verdana; color:#333333; text-align: justify; padding: 6px 0px 12px 0px; } .news_date { font: normal 11px verdana; color:#333333; text-align: right; padding: 0px 0px 6px 0px; } /* Services Page */ .services { width: 100%; height: 100%; background-color: #E4EDFF;} .servicesbox1 { height: 343px; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #F6F6F6; background-image: url('../images/services.png'); background-repeat: no-repeat; } .servicescolumn1 { width: 27%; vertical-align: top; padding: 10px 10px 0px 0px; background-color: #E4EDFF; } .servicescolumn2 { width: 24%; vertical-align: top; border-right: dotted 1px #A2B1CE; padding: 5px 15px 0px 10px; background-color: #E4EDFF; } .servicescolumn3 { width: 24%; vertical-align: top; border-right: dotted 1px #A2B1CE; padding: 5px 15px 0px 0px; background-color: #E4EDFF; } .servicescolumn4 { width: 24%; vertical-align: top; border-right: dotted 1px #A2B1CE; padding: 5px 15px 0px 0px; background-color: #E4EDFF; } /* Support Page */ .support { width: 100%; height: 100%; background-color: #E4EDFF;} .supportbox { width: 27%; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #F6F6F6; } .supportcolumn { vertical-align: top; padding: 11px 0px 0px 10px; background-color: #E4EDFF; } .supportimage { padding-left: 15px; } /* Comments Page */ .comments { width: 100%; height: 100%; background-color: #E4EDFF;} .commentsbox { width: 27%; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #F6F6F6; } .commentscolumn { vertical-align: top; padding: 11px 0px 0px 10px; background-color: #E4EDFF; } .commentsimage { text-align: center; } /* Contact Page */ .contact { width: 100%; height: 100%; background-color: #E4EDFF; } .contactbox { width: 27%; vertical-align: top; border: solid 1px #A2B1CE; padding: 10px; background-color: #DDE3F9; } .contactcolumn { vertical-align: top; padding: 11px 0px 0px 10px; background-color: #E4EDFF; } .contactform { font: normal 11px verdana; color:#333333; display: inline; text-align: left; padding: 6px 0px 6px 0px; } /* Forms */ .text { font: normal 11px Verdana; color: #222222; border: solid 1px #aaaaaa; height:24px; } .file { font: normal 11px Verdana; color: #222222; border: solid 1px #aaaaaa; height:24px; } .button { font: normal 11px Verdana; color: #222222; border: solid 1px #aaaaaa; height:24px; width:100px; } .button-silver { font: normal 11px Verdana; color: #222222; height:26px; } textarea { font: normal 11px Verdana; color: #222222; border: solid 1px #aaaaaa; overflow:auto; } ul { margin-left:8px; padding-left:8px; } /* CSS for Content */ .content { background-color:#ffffff; padding: 0px 0px 12px 12px; } .column { background-color:#ffffff; padding: 12px 12px 12px 22px; } .column-inner { border: dotted 1px #000000; background-color: #f2f2f2; padding: 10px; } .left-content-section { font: normal 11px verdana; color:#222222; background-color:#ffffff; border-right: dotted 1px #bbbbbb; padding:16px 16px 16px 16px; text-align:left; } .right-content-section { font: normal 11px verdana; color:#222222; background-color:#ffffff; padding:16px 16px 16px 16px; text-align:left; } .content-section { font: normal 11px verdana; color:#222222; background-color:#ffffff; padding:16px 16px 16px 16px; text-align:justify; } .stationery-title { border-bottom: dotted 1px #bbbbbb; font: normal 11px verdana; color:#222222; background-color:#ffffff; padding:12px;} .stationery-image { border-bottom: dotted 1px #bbbbbb; background-color:#ffffff; padding:3px;} .stationery-item { border-bottom: dotted 1px #bbbbbb; font: normal 11px verdana; color:#cf5050; background-color:#ffffff; padding:12px;} .stationery-bitem { font: normal 11px verdana; color:#cf5050; background-color:#ffffff; padding:12px;} .stationery-border { border-bottom: dotted 1px #bbbbbb; font: normal 11px verdana; color:#cf5050; background-color:#ffffff; padding:12px;} /* CSS for Menu Items */ .blue-title-left { font: normal 11px verdana; color:#004080; background-color: #B6C2D9; padding:0px 6px 6px 6px; border-bottom: dotted 1px #555555; } .blue-desc-left { font: normal 11px verdana; color:#FFFFFF; text-align: left; background-color:#B6C2D9; padding:6px; } .blue-title-right { font: normal 11px verdana; color:#004080; background-color: #B6C2D9; padding:0px 6px 6px 6px; border-bottom: dotted 1px #555555; } .blue-desc-right { font: normal 11px verdana; color:#FFFFFF; text-align: left; line-height:15px; background-color:#B6C2D9; padding:6px; } .midblue-title { font: normal 11px verdana; color:#004080; background-color: #DEEAFF; padding:0px 6px 6px 6px; border-bottom: dotted 1px #555555; } .midblue-desc { font: normal 11px verdana; color:#222222; text-align: left; line-height: 15px; background-color:#DEEAFF; padding:6px; } .bluegrey-title { font: normal 11px verdana; color:#004080; background-color: #DAE0F1; padding:0px 6px 6px 0px; border-bottom: dotted 1px #555555; } .bluegrey-desc { font: normal 11px verdana; color:#222222; text-align: left; line-height: 15px; background-color:#DAE0F1; padding:6px; } .column-title { font: normal 11px verdana; color:#004080; background-color: #F2F2F2; padding:0px 6px 6px 6px; border-bottom: dotted 1px #555555; } .column-desc { font: normal 11px verdana; color:#222222; text-align: left; background-color:#f2f2f2; padding:6px; } .column-spacer { font: normal 8px verdana; color:#222222; text-align: justify; background-color:#f2f2f2; } .column-item-top { font: normal 11px verdana; color:#222222; background-color:#f2f2f2; padding:6px;} .column-item { font: normal 11px verdana; color:#222222; background-color:#f2f2f2; padding-left:6px; padding-bottom:6px; padding-right:6px;} .column-link { border-bottom: dotted 1px #bbbbbb; font: normal 11px verdana; color:#222222; background-color:#f2f2f2; padding:6px; } .column-info { font: normal 11px verdana; color:#cf5050; background-color:#f2f2f2; padding-top:16px; padding-bottom:16px; padding-left:6px; padding-right:6px;} .column-pic { font: normal 11px verdana; color:#222222; background-color:#f2f2f2; padding-top:12px; } .column-pic2 { text-decoration:none; } .form-title { font: normal 11px verdana; color:#004080; background-color:#f2f2f2; padding:6px; border-bottom: dotted 1px #bbbbbb; } .form-desc { font: normal 11px verdana; color:#222222; background-color:#f2f2f2; padding:6px; }