/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

img {
 border: 0;
}

.alert {
 border-style: solid;
 border-width: 3px;
 border-color: red;
 padding: 3px;
}

#frontpagewrapper { 
 margin: 0 auto;
 width: 400px;
}

#frontpageheader {
 color: #333;
 width: 400px; 
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 /* height: 100px; */
 margin: 5px 5px 5px 5px;
 background: #F2F2E6;
}
#frontpageheader p {
 text-align: center;
}


#wrapper { 
 margin: 0 auto;
 width: 750px;
}

#wrapper1 { 
 margin: 0 auto;
 width: 772px;
}

#wrapperL { 
 margin: 0 auto;
 width: 450px;
}

#header {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 /* height: 100px; */
 margin: 10px 0px 5px 0px;
 background: #F2F2E6;
}
#header img {
 float: left;
}
#header table {
 float: right;
}
#header table td {
 padding-left: 10px;
}

#subheader {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #F2F2E6;
}

#subheader1 {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #F2F2E6;
}
#subheaderL {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #F2F2E6;
 font-size: large;
}
#subheader p {
 font-size: medium;
}
#subheader span.highlight {
 font-weight: bold;
 color: red;
}

#subheader1 p {
 font-size: medium;
}
#subheader1 span.highlight {
 font-weight: bold;
 color: red;
}

#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 750px;
 display: inline;
}

#contentL {
 float: left;
 color:#333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 500px;
 height: 495px;
}

#contentR {
 float: right;
 color:#333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 margin-right: 0px;
 padding: 10px;
 width: 222px;
}
#contentR2 {
 float: right;
 color:#333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 margin-right: 0px;
 padding: 10px;
 width: 222px;
 height: 246px;
}

#content div.profile {
 clear: both;
}
#content div.profile img {
 padding-bottom: 10px;
}
#content .title {
 font-size: large;
}
#content .subtitle {
 font-weight: bold;
}
#content p {
 padding-bottom: 10px;
}
#content img.aboutus {
 float: right;
}
#content img.report {
 float: right;
}
#content img.calendar {
 float: right;
}
#content table.unit {
 width: 100%;
}
#content table.unit td.unit {
 width: 200px;
}
#content table.unit td.unit img {
 float: right;
}
#content p.centered {
 text-align: center;
}
#content p.errormessage {
 font-weight: bold;
 color: red; 
}
#content span.mandatory {
 font-weight: bold;
 color: red; 
}
#contentL .title {
 font-size: large;
}

#contentR .title {
 font-size: large;
}

#contentR2 .title {
 font-size: large;
}

#subheader .title {
 font-size: large;
}

#subheader1 .title {
 font-size: large;
}

#footer { 
 width: 750px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
 font-size: small;
}

ul{
	list-style-image: url("img/BlueArrow.jpg");
	padding-left: 16px;
}

li{
	padding: 0px 0px 7px 8px;
	margin:0px;
}

#SmallDate {
	font-size: 12px;
}

#SmallDate10 {
	font-size: 10px;
}

.ScoreTable {
  border: solid 1px #000;
  padding: 1px;
}

.ScoreCellRed {
  background: #FFD5D5;
  width: 25px;
  padding-left: 10px;
}

.ScoreCellWhite {
  background: #FFF;
  width: 25px;
  padding-left: 10px;
}

.ScoreCellNameRed {
  background: #FFD5D5;
  width: 100px;
  padding-left: 2px;
  border-right: solid 1px #000;
}

.ScoreCellNameWhite {
  background: #FFF;
  width: 100px;
  padding-left: 2px;
  border-right: solid 1px #000;
}

.List {
	font-size: medium;
 	font-family: Arial;
}

.ListSml {
	font-size: 12px;
 	font-family: Arial;
 	margin-left: 2px;
}

.indexPic1 {
	width: 400px;
	height: 277px;
	padding: 50px;
}

.BW3 {
	padding: 3px;
}

/*preload classes*/
.svw {width: 400px; height: 277px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #ff0000;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}


.contentRAdvert {
 float: right;
 color:#333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 margin-right: 0px;
 padding: 10px;
 width: 750px;
 height: 75px;
}