/*----- Structure ----- */

body {
	margin:16;
	padding:0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	background: #660000;
}

#center {
	margin:auto;
	width:840px;
	background:url(assets/header001.gif) no-repeat;
}

#header{
	padding:0px 0px 10px 0px;
	width:840px;
	height:156px;
	background:url(assets/banner3b2.jpg) no-repeat;
}

#footer{
	width:100%;
	clear:both;
	margin: 10px 0px 10px 0px;
}

#footer p {
	color:#9D3124;
	text-align:center;
	margin-right:16px;
	font-size:10px;
}

#footer a {
	color:#9D3124;
	text-decoration: none;

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


/*----- Content Boxes ----- */


.imgLeft {
	float: left;
	margin: 2px;
	padding: 2px 10px 2px 0px;
	text-align: center;
	border: 0;
}
.imgLeftOpener {
	float: left;
	margin: 2px;
	padding: 0px 10px 5px 0px;
	text-align: center;
	border: 0;
}

.imgRight {
	float: right;
	margin: 2px;
	padding: 5px 3px 2px 7px;
	text-align: center;
	border: 0;
}
.imgCaption {
	color: #6F3C7C;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	padding: 3px 0px 0px 0px;
}
	
.content_body p {
	padding:0px 7px 10px 10px;
	text-align:left;
}
.content_body li {
	padding: 0px 7px 0px 10px;
	text-align: left;
}

.content_body h1 {
	font-size:16px;
	line-height: 16px;
	padding: 5px 15px 0px 10px;
}

.content_body h2 {
	font-size:14px;
	padding: 0px 10px 0px 10px;
	line-height: 16px;
	font-weight: lighter;
}

.content_body a {
	color:#666;
	text-decoration: none;

}
.content_body a:hover {
	color:#000000;
	text-decoration: underline;


}
.content_header {
	width:602px;
	float:right;
	margin-right:33px;
	height:15px;
	background:url(assets/content_header.jpg) no-repeat;
}

.content_body {
	width:600px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	float:right;
	margin-right:33px;
	background-color: #FFFFFF;
	text-align: left;
}

.content_footer {
	width:602px;
	float:right;
	margin-right:33px;
	height:30px;
	background:url(assets/content_footer.jpg) no-repeat;
}

/*----- Nav ----- */

.class nav {
	width:191px;
}

.nav_list {
	margin: 0;
	padding: 0;
	width: 191px;
	list-style: none;
	overflow: hidden;
}

.nav_list li {
	width: 191px;
	overflow: hidden;
	text-transform: uppercase;
	font-size:12px;
	font-weight: lighter;
}

.nav_list a {
	color:#707070;
	text-decoration:none;
}

.li_nav_header a  {
	display: block;
	width: 191px;
	height: 15px;
	background: url(assets/nav_header.jpg) no-repeat;
}

.li_nav_body a  {
	display: block;
	width: 191px;
	height: 21px;
	background: url(assets/nav_body.gif) no-repeat;
	padding-left: 25px;
	line-height:20px;
}

.li_nav_footer a  {
	display: block;
	width: 191px;
	height: 15px;
	background: url(assets/nav_footer.jpg) no-repeat;
}

.li_nav_body a:hover {
	background-position:  0 -21px;
	color:#FFF;
}

.li_active a:active  {
	background: url(assets/../skins/artica/assets/nav_body.gif) no-repeat;
	background-position:  0 -42px;
	color:#0F3D80;
}

/*----- Sidebar ----- */

#sidebar {
	width: 191px;
	float:left;
}

.sidebar_header {
	width: 191px;
	height: 34px;
	background: url(assets/nav_header.gif) no-repeat;
}

.sidebar_body  {
	width: 189px;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc; 
}

.sidebar_footer  {
	width: 191px;
	height: 45px;
	background: url(assets/nav_footer.gif) no-repeat;
}
#center #content .content_body h2-inline ralign {
	text-align: right;
}
#thumbnails{
width:170px;
float:right;



}

#thumbnails img , #thumbnails1  img{

border: 1px solid  #880751;



}
#display img{
border: 1px solid  #880751;

}

#thumbnails1 {
width:170px;
padding-left:50px;



}
#gallery-wrap {
	width: 100%;
	padding-top: 20px;
	padding-left: 10px;
}
#center #content .content_body #gallery-wrap #thumbnails2 {
	float: left;
	width: 30%;
	padding-bottom: 10px;
}
#display-images {
	float: right;
	width: 60%;
	padding-right: 50px;
}
#center #content .content_body #gallery-wrap #display-images img {
	border: thin solid #000;
}
#center #content .content_body #gallery-wrap #thumbnails2 a img {
	border: 1px solid #000;
}
#center #content .content_body p .imgLeftOpener {
	padding-right: 10px;
	padding-bottom: 10px;
}
.imgRightOpener {
	float: right;
	margin: 2px;
	padding: 0px 10px 5px 5px;
	text-align: center;
	border: 0;
}
#ATEC_Logo {
	height: 109px;
	width: 191px;
}