/* Page title: AKA First Aid - Stylesheet Page content copyright: AKA First Aid Code copyright: Evolution Training & Consultancy Author: Andy Codling Version: 1.0 Last Revision: 27/10/15 Revised by: Andy Codling */ body { background-image:url(../images/backgroundLight.png); background-repeat:repeat; text-align:center; } span, p { font-family:'ABeeZee', Arial; font-size:10pt; color:#7F0585; text-align:justify; } ul { list-style-type:none; padding:0px; margin:0px; } .listItem { background-image:url('../images/list.png'); background-repeat:no-repeat; background-position:25px 4px; padding-left:55px; color:#000000; font-family:'ABeeZee', Arial; font-size:13pt; text-align:justify; /*text-shadow: 1px 1px 1px #CCCCCC;*/ } .listItemSmall { background-image:url('../images/listSmall.png'); background-repeat:no-repeat; background-position:30px 5px; padding-left:55px; color:#000000; font-family:'ABeeZee', Arial; font-size:11pt; text-align:justify; /*text-shadow: 1px 1px 1px #CCCCCC;*/ } .bodyText { font-family:'ABeeZee', Arial; font-size:13pt; color:#000000; /*text-shadow: 1px 1px 1px #CCCCCC;*/ text-align:justify; } .bodyTextSmall { font-family:'ABeeZee', Arial; font-size:11pt; color:#000000; /*text-shadow: 1px 1px 1px #CCCCCC;*/ text-align:justify; } .bodyLink { font-family:'ABeeZee', Arial; font-size:13pt; color:#7F0585; /*text-shadow: 1px 1px 1px #CCCCCC;*/ text-align:justify; } .bodyLink:hover { font-family:'ABeeZee', Arial; font-size:13pt; color:#555555; /*text-shadow: 1px 1px 1px #CCCCCC;*/ text-align:justify; } .heading { font-family:'ABeeZee', Arial; font-size:18pt; color:#7F0585; text-shadow: 1px 1px 1px #BBBBBB; text-align:justify; } /* ----------------------------------------------------------------*/ /* Container styles and formats */ /* ----------------------------------------------------------------*/ #pageContainer { position:relative; top:-15px; margin-left:auto; margin-right:auto; text-align:center; width:1200px; height:auto; } #contentContainer { position:absolute; left:0px; width:1200px; height:1000px; top:201px; margin-left:auto; margin-right:auto; text-align:left; background-color:#FFFFFF; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; z-index:1; } #homeContainer { position:absolute; left:50px; top:325px; width:800px; border-top:1px solid #EEEEEE; margin-top:10px; } #aboutContainer { position:absolute; left:50px; top:0px; width:800px; margin-top:10px; } #profileImage { position:absolute; left:5px; top:78px; width:225px; height:300px; border: 4px solid #CCCCCC; } #profileText { position:absolute; left:250px; top:50px; width:550px; } #courseImage { position:relative; left:150px; top:0px; width:500px; height:375px; border: 4px solid #CCCCCC; } /* ----------------------------------------------------------------*/ /* Header styles and formats */ /* ----------------------------------------------------------------*/ #headerContainer { position:fixed; width:1200px; height:200px; background-color:#FFFFFF; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; z-index:5; } #logoContainer { position:absolute; left:20px; top:10px; width:170px; height:190px; } #nameContainer { position:absolute; left:275px; top:25px; width:500px; height:136px; } #detailsContainer { position:absolute; left:900px; top:0px; width:300px; height:175px; background-image:url(../images/infoBackground.png); background-repeat:repeat-y; z-index:10; } .telephone { position:absolute; left:0px; top:30px; width:275px; height:60px; text-align:right; text-shadow: 1px 1px 1px #FFFFFF; } .email { position:absolute; left:0px; top:110px; width:275px; height:30px; text-align:right; text-shadow: 1px 1px 1px #FFFFFF; } /* ----------------------------------------------------------------*/ /* Navigation styles and formats */ /* ----------------------------------------------------------------*/ #navigationContainer { position:absolute; width:1200px; height:32px; left:0px; top:167px; background-image: url("../images/navigation/Background.png"); border-bottom:1px solid #DDDDDD; z-index:10; } /* ----------------------------------------------------------------*/ /* Information panel styles and formats */ /* ----------------------------------------------------------------*/ #contentInfoContainer { position:absolute; left:902px; width:300px; height:1200px; top:201px; background-image:url(../images/infoBackground.png); background-repeat:repeat-y; z-index:1; } #videoContainer { position:relative; left:12px; top:15px; height:auto; } #upcomingCoursesContainer { position:relative; left:12px; top:10px; height:auto; } #reviewContainer { position:relative; left:12px; top:30px; height:auto; } /* ----------------------------------------------------------------*/ /* Footer styles and formats */ /* ----------------------------------------------------------------*/ #footerContainer { position:absolute; width:1200px; height:200px; top:1201px; margin-left:auto; margin-right:auto; background-image:url(../images/backgroundFooter.png); background-repeat:repeat; border-left:2px solid #CCCCCC; border-right:2px solid #CCCCCC; border-top:2px solid #CCCCCC; z-index:10; } /*--------------------------------------------------------------*/ /* Footer section layout and formatting section */ /*--------------------------------------------------------------*/ .whereContainer { position:absolute; top:10px; left:40px; width:250px; } .whereTitle { position:absolute; top:0px; left:0px; width:240px; border-bottom: 2px solid #999999; text-align:left; font-size:11pt; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .whereDetails { position:absolute; top:35px; left:5px; width:235px; text-align:left; font-size:9pt; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .socialContainer { position:absolute; top:10px; left:330px; width:250px; } .socialTitle { position:absolute; top:0px; left:0px; width:240px; border-bottom: 2px solid #999999; text-align:left; font-size:11pt; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .socialFacebook { position:absolute; top:40px; left:0px; width:75px; height:75px; } .socialTwitter { position:absolute; top:40px; left:84px; width:75px; height:75px; } .socialGoogle { position:absolute; top:40px; left:168px; width:75px; height:75px; } .linksContainer { position:absolute; top:10px; left:620px; width:250px; } .linksTitle { position:absolute; top:0px; left:0px; width:240px; border-bottom: 2px solid #999999; text-align:left; font-size:11pt; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .linksDetails { position:absolute; top:30px; left:5px; text-align:left; } .links { font-size:9pt; text-decoration:none; font-weight:bold; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .links:hover { font-size:9pt; text-decoration:none; color:#CCCCCC; font-weight:bold; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .linksImage{ position:absolute; top:45px; left:110px; width:125px; height:60px; } .aboutContainer { position:absolute; top:10px; left:910px; width:250px; } .aboutTitle { position:absolute; top:0px; left:0px; width:240px; border-bottom: 2px solid #999999; text-align:left; font-size:11pt; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .aboutDetails { position:absolute; top:35px; left:5px; text-align:left; font-size:9pt; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } /*--------------------------------------------------------------*/ /* Webmaster element layout and formatting section */ /*--------------------------------------------------------------*/ .copyrights { text-align:left; font-size:9pt; color:#FFFFFF; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .webmasterLinks { font-size:9pt; text-decoration:none; font-weight:bold; color:#FF6600; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; } .webmasterLinks:hover { font-size:9pt; text-decoration:none; color:#FFFFFF; font-weight:bold; text-shadow: 1px 1px 1px #333333; font-family:'ABeeZee', Arial; }