/* ++++++++++ global general styles start ++++++++++*/

html, body {
	margin:0px;
	padding:0px;
	font: 10pt arial, helvetica, sans-serif;
	background:#ffffff;
	color:#000;
	}
a:link { text-decoration:underline;color:#E46B00; }
a:visited { text-decoration:underline;color:#E46B00; }
a:active { text-decoration:none;color:#E46B00; }
a:hover { text-decoration:underline;color:#000000; }

a.linkleft:link { text-decoration:none;color:#ffffff;line-height:23px;}
a.linkleft:visited { text-decoration:none;color:#ffffff;line-height:23px;}
a.linkleft:active { text-decoration:none;color:#ffffff;line-height:23px;}
a.linkleft:hover { text-decoration:underline;color:#CCFF00;line-height:23px;}

.color-1-text-10 {
	font:bold 10pt arial, helvetica, sans-serif;
	color: #ffffff;
	}
.color-1-text-12 {
	font:bold 12pt arial, helvetica, sans-serif;
	color: #ffffff;
	}

.color-2-text-9 {
	font:bold 9pt arial, helvetica, sans-serif;
	color: #507811;
	}
.color-2-text-10 {
	font:bold 10pt arial, helvetica, sans-serif;
	color: #507811;
	}

.color-3-text-10 {
	font:bold 10pt arial, helvetica, sans-serif;
	color: #000000;
	}

.color-4-text-10 {
	font:bold 10pt arial, helvetica, sans-serif;
	color: #BE0304;
	}
.color-4-text-12 {
	font:bold 12pt arial, helvetica, sans-serif;
	color: #BE0304;
	}

.a5-image-border {
  	border:1px solid #000000;
	}

td {
	font: 10pt arial, helvetica, sans-serif;
	}
div.hr {
  height:16px;
  background:url(images/bg-section-title.gif) repeat-x bottom left;
}
div.hr hr {
  display:none;
}

h1 {
  font-size:16px;
}
/* ++++++++++ global general styles end ++++++++++*/
/* ++++++++++ global structure styles start ++++++++++*/

.a5-bg-left {
	width:100%;
	background:url(images/a5-bg-left.gif) repeat-y left top;
	}

.a5-bg-right {
	width:100%;
	background:url(images/a5-bg-right.gif) repeat-y right top;
	}

#a5-body-center {
	text-align:center;
	}

#a5-body {
	position: relative;
	width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */
/* remove these comment tags if the page is to be centered*/
	margin-left: auto;
	margin-right: auto;
	text-align:left;
/*	background:#7ED0D4 url(images/bg-right-column.gif) repeat-y right top;	*/
	border-right:1px solid #003399;
	border-left:0px;
	background:#fff;
	}

#a5-body-home {
	position: relative;
	width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */
/* remove these comment tags if the page is to be centered*/
	margin-left: auto;
	margin-right: auto;
	text-align:left;
/*	background:#7ED0D4 url(images/bg-right-column.gif) repeat-y right top;	*/
	border-right:1px solid #003399;
	border-left:1px solid #003399;
	background:#fff;
	}

#a5-header {
	position:relative;
	left:0px;
	top:0px;
	height:267px;
	background:#ffffff;
	border:0px solid #000000;
	}

	#a5-header-right {
		position:absolute;
		right:0px;
		top:0px;
		}

#a5-menu-box {
	height:66px;
	line-height:35px;
	text-align:left;
	background:#003399;
	border:0px solid #000000;
	}

	#a5-menu a {
		display:inline;
		font-weight:bold;
		font-size: 18px;
		text-decoration:none;
		color:#ffffff;
		}
	#a5-menu a:hover {
		color:#ffcc00;
		text-decoration:underline;
		}

#a5-date {
	position:absolute;
	right:13px;
	top:310px;
	color:#ffffff;
	font: 10pt arial, helvetica, sans-serif;
	font-weight:bold;
	border:0px solid #000000;
	}

#a5-column-left {
	float:left;
	width:323px;
	border-top:2px solid #ffffff;
	}

	#a5-column-left-title {
		line-height:44px;
		height:44px;
		vertical-align:50%;
		padding:0px 0px 0px 87px;
		color:#ffffff;
		font: 16pt times, serif;
		font-weight:bold;
		background: url(images/bg-column-left-title.gif) no-repeat top right;
		border:0px solid #000000;
		}

	#a5-column-left-text {
		padding:30px 15px 0px 0px;
		line-height:26px;
		text-align:right;
		font: 11pt arial, helvetica, sans-serif;
		color:#ffffff;
		border:0px solid #000000;
		}

	#a5-collective-right {
		position:relative;
		left:0px;
		top:0px;
		margin-left:323px;
		border:0px solid #000000;
		}

	#a5-column-center {
		margin-right:296px;
		padding:24px 12px 0px 12px;
		border:0px solid #000000;
		}

	#a5-column-right {
		float:right;
		width:296px;
		margin:0px 0px 0px 0px;
		margin-top:24px;
		border:0px solid #000000;
		}


		#a5-column-right-title {
			line-height:32px;
			height:34px;
			vertical-align:50%;
			padding:5px 0px 0px 47px;
			color:#ffffff;
			font: 14pt times, sans-serif;
			font-weight:bold;
			background: #003399 url(images/bg-column-right-title.gif) no-repeat top left;
			border:0px solid #000000;
			}

#a5-footer {
	clear:both;
	height:55px;
	font: 7.8pt arial, helvetica, sans-serif;
	color:#ffffff;
	text-align:right;
	margin-left: auto;
	margin-right: auto;
	padding:0px 00px 0px 0px;
	width: 1000px;
	vertical-align:middle;
	line-height:20px;
	background:#003399 url(images/curve-upside-down-left.gif) no-repeat top left;
	border-top:2px solid #ffffff;
	border-left:0px;
	voice-family:"\"}\""; /*this value added for Holly Hack to position menu to the left 3 pixels */
	voice-family:inherit;
		height:43px;
	}
	html>body #a5-footer {
		height:33px;
	}


/* ++++++++++ global structure styles end ++++++++++*/
/* ++++++++++ second level start ++++++++++*/

#a5-sl-title {
	font:bold 10pt Arial, Helvetica, sans-serif;
	height:34px;
	text-align:left;
	vertical-align:50%;
	padding:0px 0px 0px 339px;
	line-height:34px;
	color:#ffffff;
	background: #000000 url(images/bg-title.gif) no-repeat top left;
	border-top:1px solid #ffffff;
	}

#a5-header-sl {
	position:relative;
	left:0px;
	top:0px;
	height:172px;
	background:#ffffff;
	border:0px solid #000000;
	}

#a5-menu-box-sl {
	height:34px;
	line-height:33px;
	text-align:left;
	background:#003399;
	border:0px solid #000000;
	}

#a5-date-sl {
	position:absolute;
	right:13px;
	top:182px;
	color:#ffffff;
	font: 10pt arial, helvetica, sans-serif;
	font-weight:bold;
	border:0px solid #000000;
	}

#a5-column-left-sl {
	float:left;
	width:323px;
	margin:0px -1000px 0px 0px;
	background: url(images/bg-column-left-title.gif) no-repeat top right;
	border:0px solid #000000;
	border-top:10px solid #ffffff;
	}


	#a5-column-left-sl-photo {
		position:relative;
		top:25px;
		left:27px;
		width:200px;
		height:300px;
		border:0px solid #000000;
		}

	#a5-column-left-sl-testimonial {
		position:absolute;
		top:107px;
		left:20px;
		width:230px;
		line-height:24px;
		border:0px solid #000000;
		}

	#a5-column-center-sl {
		padding:24px 12px 20px 12px;
		border:0px solid #000000;
		}


	#a5-portfolio {
		margin:15px 0px 0px 20px;
		border: 0px solid #000000;
		}

	.a5-individual-portfolio {
	  	float: left;
		width:200px;
		padding:5px 5px 20px 5px;
		border: 0px solid #ffffff;
	  }

#a5-column-full {
	float:left;
	padding:0px 20px 10px 20px;
	border-top:10px solid #ffffff;
	}


#a5-footer-l4 {
	clear:both;
	height:55px;
	font: 7.8pt arial, helvetica, sans-serif;
	color:#ffffff;
	text-align:right;
	padding:0px 10px 10px 0px;
	vertical-align:middle;
	line-height:20px;
	background:#003399 url(images/curve-upside-down-left.gif) no-repeat top left;
	border-top:2px solid #ffffff;
	voice-family:"\"}\""; /*this value added for Holly Hack to position menu to the left 3 pixels */
	voice-family:inherit;
		height:33px;
	}
	html>body #a5-footer {
		height:33px;
	}


#a5-contact-form {
	float:right;
	margin:10px 10px 0px 15px;
	width:350px;
	padding:10px;
	background: #003399 url(images/bg-column-left-title.gif) no-repeat top right;
	voice-family:"\"}\"";
	voice-family:inherit;
		width:230px;
	}
	html>body #a5-contact-form {
		width:230px;
	}

#rowtitle{
	display:block;
	width:350px;
	background-color:#ccffff;
	padding-left:5px;
	border-top:1px solid #6699ff;
	float:left;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	margin:0px 2px 0px 0px;
	border-bottom:1px solid #6699ff;
}

#row1{
	display:block;
	width:350px;
	background-color:#ccffff;
	padding:2px 5px 2px 5px;
	padding-left:5px;
	border-top:1px solid #6699ff;
	float:left;
	text-align:left;
	margin:0px 2px 0px 0px;
	border-bottom:1px solid #6699ff;
}

#row2{
	display:block;
	width:350px;
	background-color:#fff;
	padding:2px 5px 2px 5px;
	padding-left:5px;
	float:left;
	margin:0px 2px 0px 0px;
}

#col1 {
	width:100px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
}
#col2 {
	width:100px;
	padding-left:15px;
	padding-right:15px;
		text-align:left;
}
#col3 {
	width:100px;
	padding-left:15px;
	padding-right:15px;
		text-align:left;
}

/* ++++++++++ second level end ++++++++++*/

/* body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
p, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.stylefrm{
	margin:0 auto;
	width:400px;
	padding:0px; /* leave the padding at 0, otherwise formatting issues ensue - big breaks in page */
}

	/* ----------- stylized ----------- background:#ebf4fb;
	#stylized{
		border:solid 2px #b7ddf2;
		background:#fff;*/
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		padding-top:10px;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:10px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:5px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0px 20px 10px;
	}

	#stylized button{
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
/* Show and hide styles for gi and no gi division sections */

.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	}