/*
	Theme Name: American Tech Association
	Description: American Tech Association Theme
*/

*{
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	border-top: 5px solid #67b2cd;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 20px;
}
ul{
	list-style: none;
}
img{
	border:0;
	display: block;
}
a {
	text-decoration:none;
	color: #12497a;
}

/* New Theme Area */

#wrap{
	margin: 0 auto;
	width: 960px;
}
	#header{
		height: 80px;
		padding: 20px 20px 0 20px;
		width: 920px;
	}
		#header-logo{
			float: left;
			height: 80px;
		}
		#header-nav{
			background: url('images/bg-nav.gif');
			border-radius: 8px;
			float: right;
			height: 40px;
			margin: 20px 0 0 0;
		}
			#header-nav a{
				color: #ffffff;
			}
				#header-nav a:hover{
					color: #12497a;
				}
			#header-nav li{
				display: inline-block;
				line-height: 40px;
				padding: 0 10px;
			}
	#main-graphic{
		height: 320px;
		overflow: hidden;
		padding: 20px;
		position: relative;
		width: 920px;
	}
		#main-graphic-overlay{
			background: rgba(18,73,122,0.5);
			height: 0;
			position: absolute;
				bottom: 20px;
				left: 20px;
			width: 920px;
			z-index: 15;
		}
		#main-graphic-text{
			color: #ffffff;
			display: none;
			font-family: Georgia;
			font-size: 25px;
			font-style: italic;
			line-height: 80px;
			position: absolute;
				bottom: 20px;
				left: 40px;
			text-align: center;
			width: 880px;
			z-index: 16;
		}
	#content{
		clear: both;
		width: 960px;
	}
		#content a:hover{
			text-decoration: underline;
		}
		#main{
			float: left;
			width: 640px;
		}
			.ata-breadcrumbs{
				font-size: 12px;
				line-height: 15px;
				padding: 0 20px 5px 20px;
				width: 600px;
			}
			.main-container{
				padding: 0 20px 20px 20px;
				width: 600px;
			}
				.main-container > ul, .main-container ol{
					margin: 0 0 20px 0;
				}
				.main-container ul li{
					list-style: square;
					margin: 0 0 0 20px;
				}
			.home-container{
				padding: 20px;
				width: 920px;
			}
				.home-container p{
					font-size: 18px;
					line-height: 25px;
					margin: 0 0 25px 0;
				}
		#sidebar{
			float: left;
			width: 320px;
		}
			.sidebar-content-item{
				float: left;
				padding: 0 20px 20px 20px;
				width: 280px;
			}
			.sidebar-events{
				background: #67b2cd url('images/events.png') no-repeat;
				background-position: 20px 20px;
				border-radius: 10px;
				clear: both;
				height: 130px;
				margin: 0 20px 40px 20px;
				padding: 20px;
				width: 240px;
			}
			.sidebar-login{
				background: #002040;
				border-radius: 10px;
				color: #ffffff;
				float: left;
				margin: 0 20px 40px 20px;
				padding: 20px;
				width: 240px;
			}
				div.sidebar-login input[type=text], div.sidebar-login input[type=password]{
					border: 0;
					display: block;
					height: 21px;
					margin: 0 0 5px 0;
					padding: 2px;
					width: 236px;
				}
				div.sidebar-login a{
					color: #ffffff;
					float: left;
					line-height: 25px;
				}
					div.sidebar-login a:hover{
						text-decoration: none;
					}
				div.sidebar-login input[type=submit]{
					background: #67b2cd;
					border: 0;
					color: #002040;
					display: block;
					float: right;
					height: 21px;
					padding: 2px 10px;
				}
	#home-more-articles{
		clear: both;
		padding: 20px;
		width: 920px;
	}
		#home-more-articles a{
			background: #67b2cd;
			color: #000000;
			padding: 10px 20px;
		}
.home-content-item{
	float: left;
	padding: 20px;
	width: 280px;
}
	.home-content-title{
		color: #12497a;
		font-size: 18px;
	}
	.home-content-item-thumbnail{
		height: 160px;
		margin: 0 0 20px 0;
		overflow: hidden;
		position: relative;
		width: 280px;
	}
#footer-wrap{
	border-top: 5px solid #002040;
	background: #0a3864;
	clear: both;
	color: #ffffff;
	padding: 0 0 40px 0;
	width: 100%;
}
	#footer{
		margin: 0 auto;
		width: 960px;
	}
		#footer-left{
			float: left;
			padding: 20px;
			width: 360px;
		}
			#footer-left-header{
				color: #67b2cd;
				display: block;
				font-size: 28px;
				line-height: 30px;
				margin: 0 0 10px 0;
			}
		#footer-middle{
			float: left;
			padding: 20px;
			width: 120px;
		}
		#footer-right{
			float: left;
			padding: 20px;
			width: 360px;
		}
		#footer a{
			color: #ffffff;
		}
			#footer a:hover{
				text-decoration: underline;
			}
h1{
	color: #12497a;
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 10px 0;
}
h2{
	color: #12497a;
	font-size: 21px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 10px 0;
}
h3{
	color: #67b2cd;
	font-size: 21px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 10px 0;
}
h4{
	color: #ffffff;
	font-size: 21px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 10px 0;
}
p{
	margin: 0 0 20px 0;
}
.clearboth{
	clear: both;
}
hr{
	border: 0;
	border-top: 2px solid #002040;
	display: block;
	height: 20px;
	width: 920px;
}
div.line{border-top:solid 1px #c0c0c0;height:1px;margin:20px 0 15px 10px;width:100%;}

.alignright{
	float: right;
	margin: 0 0 20px 20px;
}
.alignleft{
	float: left;
	margin: 0 20px 20px 0;
}