/**************************************************************


   Visit studio7designs.com for more layouts and downloads for this template!


 **************************************************************/





/*********************************************************


   HTML Elements


 *********************************************************/





html,


body {


  height: 100%;


}





body {


  margin: 0;


  padding: 0;


  text-align: center;


  background: url(../images/bg/light_body.gif) repeat-y top center;


  font: 400 0.7em verdana, arial, sans-serif;


  line-height: 170%;


  


  color: #555;


}

p { margin: 1em 0; }









/* Headers */


h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

}

h3 {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}








h1 {


  padding-bottom: 0.2em;





  font: 400 1.6em arial, sans-serif;


  color: #536C71;


  border-bottom: 12px solid #ddd;


}





h2 {


  font-size: 1.2em;


  color: #586B7A;


}





h3 {


  text-transform: uppercase;


  font-size: 0.9em;


  color: #5D6F73;


}





h4 {


  font-size: 0.85em;


}





h5 {


  font-size: 0.8em;


}








/* Needed to horizontally pad in a coloured container */


.horzPad h1,


.horzPad h2,


.horzPad h3,


.horzPad h4,


.horzPad h5,


.horzPad p {


  padding-left: 5px;


  padding-right: 5px;


}








/* Links */


a {
	text-decoration: none;
	color: #316AC5;

}





a:hover {


  color: #FF0000;


}





a img {


  border: 0;


}





a img.border {  


  border: 1px solid #000;


}





a:hover img.border {  


  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */


  border: 1px solid #668FA3 !important;


  border: 1px solid #FC3307;


}











/* Images */


img.floatRight {


  margin: 5px 0 10px 10px;


}





img.floatLeft {


  margin: 5px 10px 10px 0;


}











/* Lists */


ul li {


  list-style-image: url(../images/bg/submenu1.gif);


}





ol li {


  font-weight: bold;


  color: #668FA3;


}





ol li span {


  font-weight: normal;


  color: #444;


}











/* Blockquote */


blockquote {


  margin: 0;


  padding: 0 20px;


  background: #eee;


  border-top: 1px solid #ccc;


  border-bottom: 1px solid #ccc;


}











/**************************************************************


   Form Elements


 **************************************************************/





form {


  padding: 0;


  margin: 0;


}





/* If you're finding the input elements get pushed down, increase the width */


label {


  float: left;

  width: 75%;

  vertical-align: top;

}





input,


textarea,


select {


  padding: 1px;


  font: 400 1em verdana, sans-serif;


  color: #999;


  background: #EEE;


  border: 1px solid #CCC;


}





input:focus,


input:hover,


textarea:focus,


textarea:hover,


select:focus,


select:hover {


  color: #000;


  background: #E7F1F3;


  border: 1px solid #888;


}





input.noBorder,


input:focus.noBorder,


input:hover.noBorder {


  padding: 0;


  border: 0;


}





input.button {


  padding: 2px 5px;





  font: 400 0.9em verdana, serif;


  cursor: pointer;





  color: #fff;


  background: #ccc;


  border-width: 1px;


  border-style: solid;


  border-color: #888 #888 #8880 #888;


}





input.radio {


  background: none;


  border: 0px;


}