/* CSS Document */

/* Basic HTML */

body {
font-size: 12px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
background: url(images/bg.jpg);
}

p {
margin-bottom: 1.0em;
text-align: center;
margin-left: 7px;
color:#CCC;
}

h1{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 16px;
color:#CCC;
}

h2 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
}

h3 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

a:link {
color: #336699;
text-decoration: none;
}

a:visited {
color: #336699;
text-decoration: none;
}

a:active {
color: #336699;
text-decoration: none;
}

a:hover {
color: #FF0000;
text-decoration: underline;
}

hr {
border: none 0; 
border-top: 1px dashed #ccc;/*the border*/
width: 90%;
margin: 5px;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

input,textarea {
font-size: 11px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #666666;
}

textarea.comments {
width: 265px;
height: 80px;
}

img {
border: none;
padding: 3px;
}

/* Classes */

.right{
float: right;
margin-left: 10px;
}

.left{
float: left;
margin-right: 10px;
}

.red {
background: url('template/images/red.png'); 
}

.blue {
background: url('template/images/blue.png'); 

}

.green {
background: url('images/green.png'); 

}

.navy {
background: url('template/images/navy.png'); 

}

.yellow {
background: url('template/images/yellow.png'); 

}

.purple {
background: url('template/images/purple.png'); 

}
.pink {
background: url('template/images/pink.png'); 

}

.grey {
background: #cccccc; 
}

.black {
background: #000000; 
}

.center {
margin-left: auto;
margin-right: auto;
}

/* identified divs */

#logo {
margin: 200px auto 10px auto;
width: 324px;	
}

#textbody {
margin: 0px auto 0px auto;
width: 700px;
text-align:center;
color:#FFFFFF;	
}