/* Universal Styles */

/** {margin:0;padding:0;}*/

html{height:100%;}
body
{
	margin: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    /*background-color:#3C0000;*/
    /*background-color:#5E8183;*/
    /*background-color:#4A0629;*/
    background-color:#3C0000;
	color:#000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height:100%;
}

/* Library Styles */

.form dt {float:left; width:125px; text-align: right; padding-right: 5px;}
.form dd {margin:0px; text-align:left;}
.formlbl_reqd {font-weight: bold;}

div.spacer {clear:both;}

abbr, acronym, .help {
	border-bottom:1px dotted #333;
	cursor:help; 
	}

h1.norm, h2.norm, h3.norm, h4.norm, h5.norm { font-weight:normal;}
.emph { font-weight:bold;}

/*Remove the default blue border around images and add mouse-over activated turquise border*/
img {border-style:none;}
a.ibdr img{border: 2px solid #3C0000; } 
a.ibdr:hover img{border: 2px solid #21c4c2; } 

a:link {color:#B51032; text-decoration:underline;}      /* unvisited link */
a:visited {color:#B51032; text-decoration:underline;}  /* visited link */
a:hover {color:#21c4c2; text-decoration:none;}  /* mouse over link */
a:active {color:#21c4c2; text-decoration:none;}  /* selected link */


/* Layout Styles */
#container
    {
	width:950px;
	margin:auto;
	background-color:#FFFFFF;
	/*background-color: #eee;*/
	/*background-color:#FFFFFF;
	color:#3C0000;*/
	/*background-color:#3C0000;*/
	border:solid medium yellow;
	/*background-image:url("images/wagonwheel_950w.jpg");*/
    height:auto;
    min-height:100%;

    /*This technique will round corners in Firefox, Safari, Chrome and any other CSS3-compatible browser. 
	will not work in Internet Explorer.*/
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px; 
    }

	#header {
		height: 90px;
		/*cursor:pointer;*/
	}
		#header #logo {
			background-color: transparent;
			float: left;
			margin-top: 5px;
			margin-left: 10px;
		}
		#header #bull {
			background-color: transparent;
			float: left;
			margin-top: 10px;
			margin-left: 60px;
		}
		#header #address {
			font: .8em Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
			background-color: transparent;
			float: right;
			margin-top: 10px;
			margin-right: 0px;
			width:215px;
			text-align:center;
		}

	#nav
	{
		margin:0;
		padding:0;
		font-size:.9em;
	}
		#nav ul
			{
				list-style-type:none;
				width:100%;
				margin:0;
				padding:0px 0px 0px 45px;
				}
		
		#nav li
		{
			display:inline;
			margin:0;
			padding:0;
		}
		#nav a:link,
		#nav a:visited  {
			text-align:center;
			padding:1px 0px;
			border: 1px solid #000000;
			background-color: #5C6262;
			color: #FFFFFF;
			text-decoration: none;
			float:left;
			width:120px;
			margin:0;
		}
			/*#nav-con a:link, a:visited{
				border-right: 1px solid #ED9F9F;
			}*/
			/*#nav-curbside a:link, a:visited{
				border-right: 1px solid #ED9F9F;
			}*/
		#nav a:hover {
			/*background-color: #3C0000;*/
			background-color: #21c4c2;
			color: #fff;
		}
		/*From click until end of process*/
		#nav a:active 
		{
			background:#21c4c2;
			color:#fff;
		}		

		/*Current page*/
		#home #nav-hom a,
		#websites #nav-web a,
		#contact #nav-con a,
		#partners #nav-par a,
		#lessons #nav-les a,
		#spec #nav-spec a,
		#entertainment #nav-ent a,
		#history #nav-his a 
		{
			background:#21c4c2;
			/*color:#333;*/
			color:#fff;
			font-weight:bold;
		}
				
	#content 
	{
		/*width:700px;*/
		margin:auto;
		margin-top:10px;
		text-align:center;
	}
		#content h1, h2, h3, h4, h5 {
			margin:0;
			padding:0;
			text-align:center;
		}
		#content h1 {
			font-size:36px;
		}
		#content h2 {
			font-size:32px;
		}
		#content h3 {
			font-size:26px;
		}
		#content h4 {
			font-size:24px;
		}
		#content h5 {
			font-size:18px;
		}
		#content p {
			padding:0;
			margin:0px 0px 10px 0px; 
		}

		#content #form
		{
			/*width:600px;*/
			padding-top:0px;
			margin:0;
			border:dashed thin #3C0000;
			margin-left:auto;
			margin-right:auto;
			font-size:12px;
		}
		
		#content #leftcol {
			/*background: #f00;*/ 
			float: left;
			width: 24%;
			/*margin:0px 0px 0px 5px;*/
			margin:0;
			/*padding-left:5px;*/
			padding:0;
		}
			#content #leftcol div.portfolio {margin:5px 0px;}
			#content #leftcol p{font-size:12px;}
			
		#content #centercol {
			float: left;
			width: 51%;
			/*height: 500px;*/
			text-align:left;
			/*margin-top:25px;*/
			padding:0;
			margin:0;
		}
			#content #centercol p{font-size:12px;}
			#content #centercol h4{margin:0; padding:0;}
			/*#content #centercol ul#services {margin:10px 10px;}*/
			
		#content #rightcol {
			float: right;
			width: 24%;
			/*margin-right:4px;
			margin-top:0px;*/
			padding:0;
			margin:0;
			/*height: 500px;*/
		}
			#content #rightcol p{font-size:12px;}


	#footer
	{
		margin-left: 20px;
		margin-right: 20px;
		padding:0px 0px 10px 0px;
		font-size:10px;
		text-align:center;
		clear: both;
	}
/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 90%;
}

.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
}

.AlternatingRowStyle
{
    background-color: #fcc;
}

.RowStyle
{
}