/*
  
  FREETIMERS INERNET CSS
  ----------------------
  
  Project: Achieve by Choice
  Developer(s): Oliver Smith, Derek Harvey
  Start Date: 26.10.07
  
  STRUCTURE
  ---------
  
    -> Overal Container (720px)
        -> Left Column
          -> Menu
        -> Right Column
          -> Login Box
          -> Photo
*/

@import url('menu.css');

/* General Styles
  ************************************************/

body, a, input {
  font-size: 11px;
  color: #2E7EAF;
  font-size: 11px;
  font-family: Tahoma, Verdana, Arial, Sans-serif;
}

form {
  margin: 0;
}

br.clear {
  clear: both;
}


/* Main Container
  ************************************************/
.mainContainer {
  width: 720px;
  margin: 50px auto;
}

/* Left Column
  ************************************************/
.leftColumn {
	width: 400px;
	float: left;
}

.leftColumn .two {
	background: url('../images/menu/background.gif') top left no-repeat;
	height: 400px;
	width: 389px;
	float: left;
}

.leftColumn .title {
  height: 30px;
  padding-left: 140px;
}


/* Right Column
  ************************************************/
.rightColumn {
	width: 320px;
	float: left;
}

.rightColumn .title {
  height: 30px;
  padding-left: 15px;
}

.rightColumn .login {
  margin-top: 15px;
  margin-left: 15px;
  height: 42px;
  width: 283px;
}

.rightColumn .login .fields {
  height: 20px;
}

.rightColumn .login .fields input {
  border: 1px #3082AA solid;
  color: #3082AA;
  font-size: 12px;
  padding: 2px 4px;
  width: 120px;
  float: left;
}

.rightColumn .login .fields #username {
  margin-right: 2px;
}

.rightColumn .login .bottom {
  height: 22px;
}

.rightColumn .login .bottom .links {
  height: 22px;
  float: left;
  width: 203px;
  line-height: 22px;
}
.rightColumn .login .bottom .links a {
  display: block;
  float: left;
  padding-right: 10px;
}
.rightColumn .login .bottom .submit {
  height: 22px;
  float: left;
  width: 80px;
}
.rightColumn .login .bottom .submit input {
  border: 1px #3082AA solid;
  color: #3082AA;
  background: #EFF3F4;
  margin: 2px 0;
  width: 60px;
  text-align: center;
}

.rightColumn .photo {
  margin-top: 20px;
}

/* Footer Container
  ************************************************/
  

.footerContainer .helping {
  padding: 0 0 0 150px;
}

.footerContainer .freetimers {
  text-align: center;
  line-height: 50px;
}