/* Defined Colors for ATA Template
	darkest blue: #252262
	dark blue: #224062
	mid blue: #325e8f
	light blue: #427bbd
	aqua: #18caa8
	green: #226225
	purple: #442262
	olive: #606222
	mid gray: #ccc
	light gray: #eee
*/


body  {
	font: .9em Arial, Helvetica, sans-serif;
	background: #325e8f;
	margin: 10px 0 10px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	/*background-image: url(bg_fade.jpg);
	background-position: top;
	background-attachment: scroll;
	background-repeat: repeat-x;*/
}
.twoColFixRtHdr #container { 
	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-color:#fff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:5px solid #fff;
} 
.twoColFixRtHdr #header { 
	background: #fff; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0 0 5px 0;
	/*height:40px;*/
	/*text-align:center;*/
}

#logoarea {
margin:0;
padding:0;
text-align:left;
width:760px;
height:105px;
background-image: url(bg_logo-area.jpg);
background-repeat:no-repeat;

}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
	font-size:80%;
	line-height:150%;
	color:#666;
}
.twoColFixRtHdr #mainContent { 
	width:565px;
	float:left;
	background: #fff;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0;
} 
.twoColFixRtHdr #sectionContent {
	margin:0;
	padding:10px;
	width:545px;
	background-color:#fff;
	min-height:515px;
	font-size:90%;
}
.twoColFixRtHdr #sectionContent h1{
font-family:"Times New Roman", Times, serif;
font-size:150%;
color:#442262;
font-weight:bold;
text-transform:uppercase;
padding:8px 0 10px 40px;
border-bottom:1px dashed #442262;
background-image:url(bg_h1.gif);
background-position:left;
background-repeat:no-repeat
}
.twoColFixRtHdr #sectionContent h2{
font-size:115%;
line-height:125%;
color:#252262;
font-weight:bold;
}
.twoColFixRtHdr #sectionContent h3{
font-size:100%;
background-color:#224062;
padding:4px 12px;
color:#fff;
font-weight:normal;
}
.twoColFixRtHdr #sectionContent p {
line-height:150%;
color:#333;
}
.twoColFixRtHdr #sectionContent ul {
padding:0 75px;
text-align:justify;
line-height:125%;
}
.twoColFixRtHdr #sectionContent li {
color:#333;
}
.twoColFixRtHdr #sectionContent .imageright {
border:1px solid #ccc;
padding:5px;
margin:10px;
float:right;
}
.twoColFixRtHdr #sectionContent .imageleft {
border:1px solid #ccc;
padding:5px;
margin:10px;
float:left;
}
.twoColFixRtHdr #footer { 
	padding: 5px 0 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:100px;
	background:#fff; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Homepage Styles */
#home-container {
height:425px;
width:565px;
overflow:hidden;
}

#home-container p {
	line-height:125%;
	padding:6px 8px;
	margin:16px 0;
	border-bottom:1px solid #369;
	font-size:90%;
}

#home-links
{
margin:0;
padding:0;
}

#home-links li
{
list-style: none;
	line-height:125%;
	padding:14px 10px;
	margin:0;
	border-bottom:1px solid #ccc;
	font-size:90%;
	height:42px;
}

#home-links li a {
text-decoration: underline;
color:#369;
}

#home-container a {
	color:#036;
	font-weight:bold;
	text-decoration:underline;
}

#home-container-photo {
	float: left; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height:425px;
	overflow:hidden;
	padding: 0;
	margin:0;
	background-color:#000;
}

ul#portfolio {
	margin:0;
	padding:0;
}

ul#portfolio li img{
	padding: 0;
	margin:0;
}

#home-container-navigation { 
	width:315px;
	height:425px;
	overflow:hidden;
	float:right;
	background: #eee;
	margin:0;
	padding: 0;
}

#home-news
{
padding-left: 0;
margin-left: 0;
}

#home-news li
{
list-style: none;
margin: 8px 0;
padding: 0;
}

#home-news li a {
text-decoration: underline;
color:#224062;
}

/* Template Styles */

a:link {
	color:#224062;
	text-decoration:underline;
}

p.comment {
border-top:3px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#eee;
padding:8px 15px;
}

.twoColFixRtHdr #sidebar1 h1 {
	padding: 2px 4px;
	margin:0;
	font-size:125%;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.cornersdiv {
width:100%;padding:0;margin:10px 0 25px 0;
}

.cornersblue {
background:#427bbd;padding:8px;color:#fff;
}

.cornersgrey {
background:#eee;padding:8px;color:#333;
}

.cornerspurple {
background:#442262;padding:8px;color:#fff;
}

.cornerspurple a {
color:#fff;
text-decoration:underline;
}

#sectionnavcontainer { width: 161px; }

#sectionnavcontainer ul
{
margin: 10px 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
border-top:1px dashed #ccc;
width:185px;
}

#sectionnavcontainer a
{
display: block;
padding: 4px 12px;
width: 161px;
background-color: #fff;
border-bottom: 1px dashed #ccc;
font-weight:bold;
}

#sectionnavcontainer a:link, #navlist a:visited
{
color: #224062;
text-decoration: none;
}

#sectionnavcontainer a:hover
{
background-color: #eee;
color: #224062;
}

/* Definition List Style */

 dl.table-display
{
width: 100% auto;
margin: 10px 0;
padding: 10px 0;
}

.table-display dt
{
width: 150px;
float: left;
margin: 0;
padding: 20px 0;
/*border-top: 1px solid #ccc;*/
text-align:center;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 375px;
margin: 0;
padding: 20px 10px;
/*border-top: 1px solid #ccc;*/
}

/* Footer Ad Styles */

#footernav {
background-color:#18caa8;
height:30px;
text-align:center;
margin:5px 0 0 0;
width:100% auto;
}

#footernav p {
padding:6px 10px 0 10px;
color:#325e8f;
font-size:90%;
}

#footernav a:link, #footernav a:visited {
color:#fff;
text-decoration:none;
}

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

#footer-container {
/*height:425px;*/
width:760px;
overflow:hidden;
}

#footer-container-left {
	float: left;
	width:375px;
	height:100px;
	overflow:hidden;
	padding: 0;
	margin:0;
	background-color:#eee;
}
#footer-container-right { 
	width:375px;
	height:100px;
	overflow:hidden;
	float:right;
	background: #eee;
	margin:0;
	padding: 0;
}

/*Horizonal Navigation Styles */

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	text-transform:uppercase;
	font-size:80%;
	font-weight:bold;
	/*background:transparent url("files/OFF.gif") repeat-x top left;*/
	background-color:#18caa8;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	/*border-bottom:4px solid #336666;
	border-top:1px solid #C0E2D4;*/
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	/*border-right:1px solid #fff;*/
}
ul#menu li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:10px 14px 0 14px;
	height:20px;
	/*background:transparent url("files/DIVIDER.gif") no-repeat top right;*/
	}
ul#menu li a:hover{
	/*background:transparent url("files/HOVER.gif") no-repeat top right;	*/
	background-color:#427bbd;
	color:#fff;
	}
	
ul#menu li a.current{
	/*background:transparent url("files/HOVER.gif") no-repeat top right;	*/
	background-color:#224062;
	color:#fff;
	}


#horznavbottom {
background-color:#224062;
height:30px;
text-align:center;
margin:0;
padding:0;
overflow:hidden;
/*border-top:1px solid #fff;*/
}
#horznavbottom p {
margin:8px 0 0 0;
padding:0 8px;
font-size:80%;
text-align:center;
color:#427bbd;
}
#horznavbottom a {
padding:0 8px;
margin:0;
font-weight:normal;
}
#horznavbottom a:link, #horznavbottom a:visited {
color:#fff;
text-decoration:underline;
}
#horznavbottom a:hover {
color:#fff;
text-decoration:none;
}

/* Misc Stuff */
<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 185px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 0px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->