/*PROPERTY OF HAMPUS WICKSTRÖM 2006*/

body {
  background-color: #E7E9EA;
}

#around {
  margin-left: auto;
  margin-right: auto;
  width: 920px;
}

#main {
  width: 880px;
  height: auto;
  margin: 10px;
}

#clear, div.clear {
  clear: both;
}
/*====TEXT STYLES========================================================================================================*/
a, p, h1, h2 , span, h3, td, th.students_info, span.headline_students , h1.contact, p.contact_coach, th.calendar{
  font-family: tahoma, verdana, sans-serif;
  font-size: 13px;
  color: #000000;
  text-decoration: none;
}

span.headline_students {
  font-weight: bold;
}

a:hover, a.menu:hover {
  color: #DD0000;
}

a {
  color: #909090;
}

p.picsize {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #909090;
  font-style: italic;
  margin: 1px;
  margin: 1px;
}

p.wrong {
  color: #FF9000;
}

p.notice {
  color: #DD0000;
}

p.contact_coach {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}



th.students_info {
  font-weight: bold;
  width: 170px;
  text-align: left;
  border-bottom: 1px solid #909090;
}

h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 1px;
  padding: 1px;
}

h2 {
  font-size: 14px;
  margin: 1px;
  padding: 1px;
}

h3 {
  color: #909090;
  font-weight: bold;
  margin: 1px;
  padding: 1px;
}

h1.students {
  color: #00A2FF;

}

p.hampus {
  color: #9f9f9f;
}

p.warning, a.notice, p.not {
  font-family: tahoma, verdana, sans-serif;
  font-size: 12px;
  color: #FF9000;
  font-weight: bold;
}

p.warning {
  color: #000000;
}

a.menu , a.admin_menu{
  margin-right: 5px;
  color: #FFFFFF;
}

a.admin_menu {
  font-weight: bold;
}

td.students_info1 {
  background-color: #D0E0E9;
}

a.contact_coach_a, a.students_a {
  font-weight: bold;
  color: #FF9000;
  font-family: tahoma, verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  margin-left: 15px;
}
/*====SHADOWS=========================================================================================================*/
#top_shadow {
  width: 920px;
  height: 80px;
  background-image: url(design/topbanner/banner.jpg);
}

#loop_shadow {
  width: 920px;
  height: auto;
  background-image: url(design/shadows/loop_shadow.png);
  padding-bottom: 10px;
}

#bottom_shadow {
  width: 920px;
  height: 13px;
  background-image: url(design/shadows/bottom_shadow.png);
  background-repeat: no-repeat;
}

img.gymnasiet {
  float: right;
}
/*====MENU, LEFT, RIGHT, CLEAR, HAMPUS, LETTER, TRAINED, STARTNEWS, PIC_LETTER====================================================*/
#menu {
  width: 897px;
  height: 20px;
  background-image: url(design/menu/menu.png);
  padding: 5px;
}

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

#right {
  width: 400px;
  float: right;
}

#clear {
  clear: both;
}

#hampus {
  width: 920px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
}

#letter {
  width: 570px;
  height: auto;
  float: left;
  margin-left: 30px;
}

#trained {
float: right;
width: 250px;
height: auto;
}

#startnews {
  width: 405px;
  height: auto;
  border-top: 2px solid #DD0000;
  float: left;
}

#start_picture {
  width: 469px;
  height: auto;
  border-top: 2px solid #FF4A4A;
  float: right;
}

#pic_letter {
  width: 255px;
  height: 500px;
  float: right;
}

/*====CREATEUSER.PHP=====================================================================*/

#form {
  width: 600px;
  height: 300px;
}

div.formclass {
  width: 400px;
  clear: both;
  padding-top: 10px;
}

div.formclass span.label {
  float: left;
  width: 150px;
  text-align: right;
}

div.formclass span.input {
  float: right;
  width: 240px;
}
div.formclass span.input_radio {
  float: right;
  width: 240px;
}

div.formclass span.input input {
  width: 200px;
}

/*====LOGIN==========================================================================*/
#form_login {
  width: 500px;
  height: 300px;
  float: left;
}

div.formclass_login {
  width: 400px;
  clear: both;
  padding: 2px;
}

div.formclass_login span.label {
  float: left;
  width: 150px;
  text-align: right;
}

div.formclass_login span.input {
  float: right;
  width: 240px;
}
div.formclass_login span.input_radio {
  float: right;
  width: 240px;
}

div.formclass_login span.input input {
  width: 200px;
}

#warning {
  float: right;
  width: 300px;
  height: 300px;
  background-image: url(design/warning.png);
}
/*====ADMIN/LETTER.PHP==============================================================*/
#form {
  width: 450px;
  height: 600px;
  float: left;
}

div.form_input {
  clear: both;
  width: auto;
  margin: 2px;
  padding: 0;
}

div.form_input span.headline {
  float: left;
  text-align:right;
  width: 90px;
  margin-right: 10px;
}

div.form_input span.input {
  float: right;
  width: 320px;
  text-align: right;
  height: auto;
  margin: 1px;
}

div.form_input span.input textarea{
  width: 400px;
  height: 450px;
}

div.form_input span.input input {
  width: 400px;
}


div.form_input span.input {
  float: right;
  width: 320px;
  text-align: left;
  height: auto;
}

#infoinputs {
float: right;
width: 300px;
height: auto;
}
/*====STUDENTS.PHP==============================================================*/

#students {
  width: 550px;
  height: auto;
  float: left;
}

#presentation {
  width: 400px;
  height: auto;
  float: right;
  
}

div.studentinfo {
  width: 300px;
  height: auto;
  margin-bottom: 5px;
  padding: 5px;
}

/*====STUDENTS/PROFILE.PHP===================================================*/

#students_around {
  width: 700px;
  height: auto;
  margin: 10px;
}

#pic_students {
  float: left;
  height: auto;
  width: 300px;
}

#info_students {
  float: right;
  height: auto;
  width: 400px;
}

/*===CONTACT.PHP============================================================*/
#coach {
  width: 400px;
  height: auto;
  float: left;
}

#gymnasium {
  width: 400px;
  height: auto;
  float: right;
}

#webmaster {
  width: 400px;
  height: auto;
  float: right;
}
/*====CALENDAR======================================================*/
#update_calendar {
  width: 405px;
  height: auto;
  border-top: 2px solid #DD0000;
  float: left;
  padding-top: 10px;
}

#inside {
  width: 405px;
  height: auto;
  padding-top: 10px;
  float: left;
}

div.update_cal {
  width: 400px;
  padding: 2px;
  margin: 2px;
}

div.update_cal span.label {
  width: 100px;
  float: left;
}

div.update_cal span.input {
  width: 290px;
  height: auto;
  float: right;
  margin-top: 2px;
}

div.update_cal span.input textarea, div.update_cal span.input input {
  width: 280px;
}

div.update_cal span.input textarea {
  height: 300px;
}

#calendar {
  width: 260px;
  height: auto;
  float: right;
  padding-bottom: 10px;
}

table.calendar {
border-spacing: 0px;
margin: 5px;
text-align: left;
background-color: #F3F8FB;
border-top: 1px solid #42B3F4;
border-left: 1px solid #42B3F4;
}

th.calendar {
width: 30px;
background-color: #D4EAF7;
border-bottom: 1px solid #42B3F4;
border-right: 1px solid #42B3F4;
}

td.calendar {
  background-color: #E7F3FA;
  border-bottom: 1px solid #42B3F4;
  border-right: 1px solid #42B3F4;
  text-align: center;
}

#calendarnews {
  width: 405px;
  height: auto;
  border-top: 2px solid #DD0000;
  float: left;
}

/*====CAMP.PHP========================================================================*/
#latestcamp {
  float: left;
  width: 450px;
  height: auto;
}

#upcomingcamps {
  float: right;
  width: 250px;
  height: auto;
}

#oldcamps {
  float: right;
  width: 250px;
  height: auto;
}