* {
  
}

body {
  font-family: arial, verdana, sans-serif;
  background-image: url(images/stripe11.png);

}


#wrapper {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000601;
  background-color: #ffffff;
}

#leftHeader {
  width: 400px;
  float: left;
}

#rightHeader {
  width: 350px;  
  float: right;
  text-align: right;
  padding: 10px;
  margin-top: 40px;
}

#menu {
  clear: both;
  width: 770px;
  height: 25px;
  background-color: #cccccc;
}

#leftColumn {
  width: 107px;
  float: left;
  background-color: #ffffff;
}

#mainContent {
  float: left;
  width: 530px
}

#mainContentCalendars {
  float: left;
  width: 510px;
  background-image: url('images/rugby1.jpg');
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 10px
}

#mainContentPortfolio {
  float: left;
  width: 530px;
  height: 900px;
  display: block;
  background-image: url('images/portfolio.jpg');
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 10px
}

#rightColumn {
  float: left;
  width: 111px;
  height: 568px;
  background-image: url('images/watermark_blank.png');
  background-repeat: repeat-x;
}

#rightColumnCalendars {
  float: left;
  width: 133px;
  height: 568px;
  background-image: url('images/watermark_blank.png');
  background-repeat: repeat-x;
}

#rightColumnPortfolio {
  float: left;
  width: 113px;
  height: 568px;
  background-image: url('images/watermark_blank.png');
  background-repeat: repeat-x;
}

#footer {
  clear: both;
  text-align: center;
  padding-top: 20px;
}

#footerMenu {
  margin-top: 30px;
  width: 770px;
  height: 37px;
  background-color: #000000;
}

#etitans {
  width: 100%;
  text-align: right;
}

#extraPics {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;  
}

/* Menu */

#menu ul {
  margin: 0px;
  padding: 0px;
}

#menu li {
  list-style-type: none;
  float: left;
  margin: 0px;
  height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
}

#menu a {
  text-decoration: none;
  color: #ffffff;
  font-size: 0.8em;
}

.menuHome {
  background-color: #4d4d4d;
}

.menuStudent {
  background-color: #666666;
}

.menuTeacher {
  background-color: #808080;
}

.menuCalendar {
  background-color: #999999;
}

.menuCommercial {
  background-color: #b3b3b3;
}

.menuOrder {
  background-color: #c4c0c0;
}

.menuContact {
  background-color: #d2cfcf;
}

/* Watermarks */

.Home {
  background-image: url('images/watermark_home.png');
  height: 568px;
}

.Student {
  background-image: url('images/watermark_student.png');
  height: 710px;
  background-repeat: no-repeat;  
}

.Teacher {
  background-image: url('images/watermark_teacher.png');
  height: 710px;
  background-repeat: no-repeat;  
}

.Calendars {
  background-image: url('images/watermark_calendars.png');
  height: 694px;
  background-repeat: no-repeat;
}

.Portfolio {
  background-image: url('images/watermark_portfolio.png');
  height: 694px;
  background-repeat: no-repeat;
}

.Commercial {
  background-image: url('images/watermark_commercial.png');
  height: 727px;
  background-repeat: no-repeat;
}

.Order {
  background-image: url('images/watermark_order.png');
  height: 559px;
}

.Contact {
  background-image: url('images/watermark_contact.png');
  height: 743px;
}

/* Main Content */

#mainContent {
  border: 1px solid #cccccc;
  margin-top: 0px;
  padding: 10px;
}

.leftSplit {
  width: 220px;
  float: left;
  margin-left: 10px;
}

.rightSplit {
  width: 220px;
  float: right;
  margin-right: 10px;
}

/* Footer Menu Styling */

#footerMenu {
  font-size: 0.8em;
}

#footerMenuLeft {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  float: left;
  width: 600px;
}

#footerMenuRight {
  margin: 0;
  margin-right: 10px;
  padding: 0;
  float: right;
  width: 150px;
  text-align: right;
  clear: both;
}

#footerMenu p {
  color: #ffffff;
}

#footerMenu a {
  color: #ffffff;
  text-decoration: none;
}

/* e-titans credits */
#etitans p{
  color: #808080;
}

#etitans a{
  color: #808080;
  text-decoration: underline;
}

/* Common CSS */

p {
  font-size: 0.9em;
  line-height: 1.5em;
  color: #2a5875;
}

li {
  margin-top: 6px;
  font-size: 0.9em;
  line-height: 1.5em;
  color: #2a5875;  
}

h1 {
  color: #2a5875;
}

h2 {
  font-size: 1.3em;
  color: #2a5875;
}

h3 {
  color: #2a5875;
}

h4 {
  color: #2a5875;
}

address {
  font-style: normal;
  font-weight: normal;
  font-size: 0.8em; 
}

a {
  color: #000000;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.margin6 {
  margin-left: 6px;
  margin-right: 6px;
}

.TopTen {
  margin-top: 10px;
}

.smallText {
  font-size: 0.7em;
}
 
.mediumText {
  font-size: 0.9em;
}




a img {
  border: 0;
}

hr {
  width: 60%;	
}