@charset "utf-8";
/* CSS Document */

/*  COLORS
    Main Text:      #3D3D3D (62,62,62)
    Army Gold:      #FFD54A (255,213,74)
	Army Yellow:	#FFCB05 (255,203,5)
    Army Green:     #7B8738 (128,135,56)
	Cool Gray:		#3D3D3D (62,62,62)
	Light Gray:		#F7F7F7 (247,247,247)
	Left Nav:		#C2C2C2 (194,194,194)
	Hover State:	#B4B4B4 (180,180,180)
	Left Nav Act:	#4E4E4E (78,78,78)

------------------------------------*/

#afn360 img {
	display: block;
	margin: 10px auto;
}
#calendar {
	height: 335px;
}
#calendar aside {
	float: left;
	margin: 5px;
}
#calendar h3 {
	float: left;
	font-size: 18px;
	margin: 5px 0 5px 7px;
	width: 270px;
	background-color: rgb(194,194,194);
	border: 2px solid black;
	border-radius: 5px;
	line-height: 1.2;
	text-align: center;	
}
#calendar img {
	float: left;
	margin: 5px 1px 0 3px;
}
#facebook {
	float: left;
	margin: 5px;
	border: 1px solid #4e4e4e;
	overflow: hidden;
	width: 400px;
	height: 450px;
}

#facebookWindow article {
	float: left;
	width: 199px;
	border: 1px solid black;
	border-radius: 5px;
	margin: 5px auto 2px;
	background: rgb(128,135,56);
}

#infoX {
	width: 602px;
	border: 1px solid black;
	box-shadow: 0 0 2px black;
	margin: 4px 0 4px 4px;
	padding: 3px;
		
}

/* Out and About Homepage */

#oaHeader h3 {
	font-size: 23px;
	font-style: italic;
	padding: 4px;
}
#oaHeader h4 {
	font-size: 16px;
	line-height: 1.2;
	padding: 0 4px 4px 8px;
}
#oaHeader h3, #oaHeader h4 {
	color: rgb(255,213,74);
	text-shadow: 2px 2px 10px rgb(62,62,62);
}


#outAbout h2 {
	font-style: italic;
	padding: 4px 4px 8px 8px;
	border-bottom: 1px solid black;
}

#outAbout h3 {
	padding: 2px 4px 4px 12px;
}

#outAbout h2, #outAbout h3 {
	font-size: 22px;
	color: rgb(255,213,74);
	text-shadow: 2px 2px 10px rgb(62,62,62);
}
#outAbout h4 {
	font-size: 16px;
}
#outAbout h5, #outAbout h6{
	font-size: 14px;
}
#outAbout h4, #outAbout h5, #outAbout h6 {
	line-height: 1.2;
	padding: 1px;
}
#outAbout h6 {
	font-style: italic;
}
#outAbout article.oaInfo {
	width: 180px;
	border: 1px solid black;
	border-radius: 5px;
	margin: 5px;
	padding: 2px 2px 2px 4px;
	background-color: rgb(198,204,122);
}
#outAbout p {
	margin: 0;
	padding: 0 8px 4px 12px;
	font-size: 1.2em;
	color: white;
}
#outAbout img {
	clear: both;
	float: left;
	width: 180px;
	margin: 5px 10px 0px 5px;
	border: 1px solid black;
	box-shadow: 1px 1px 5px black;
}

/* Feature Box  */

#featureBox {
	clear: both;
	overflow: hidden;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#featureBox a {
	color: #3b59a9;
	display: block;
}
#featureBox h3 {
	display: none;
}
#featureBox img {
    float: left;
    height: 270px;
    width: 360px;
}
#featureBox ul {
	float: left;
	height: 270px;
	width: 240px;
}
#featureBox li {
	background-color: #ececec;
	height: 56px;
	margin-bottom: 3px;
	padding: 5px 10px;
}
#featureBox .heading {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	display: block;
	margin-bottom: 0.3em;
	margin-left: 20px;
	color: #3d3d3d;
	margin-top: 0;
}
#features li a.active {
	position: relative;
	right: 20px;
	background-color: transparent;
	background-image: url(../../../../images/feature_arrow1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#features li a {
	background: none;
	position: relative;
	right: 20px;
}
#flickrMain img {
	float:left;
	width: 192px;
	height: 128px;
	margin-top: 5px;
	margin-left: 5px;
	padding: 3px;
	border:1px solid black;
}
#htwindow img {
	width: 300px;
	margin: 5px 0 5px 5px;
	float: left;
}
#htwindow3 img {
	width: 200px;
	height: 89px;
	margin: 5px 0 5px 5px;
	float: left;
}


/* Community News Briefs */

#cnb {
	background: rgb(207,174,120);
	float: left;
	border: 1px solid black;
}
#cnb aside {
	float: left;
	margin: 5px 0 5px 5px;
	padding: 5px;
	background-color: rgb(217,207,170);
	border: 1px solid black;
	border-radius: 5px;
	width: 594px;
}
#cnb article {
	float: left;
	margin: 5px 0 5px 5px;
	padding: 5px;
	background-color: rgb(217,207,170);
	border: 1px solid black;
	border-radius: 5px;
	width: 186px;
}
#cnb article.twoCol {
	width: 391px;	
}

#cnb h3 {
	font-size: 1.8em;
	padding-bottom: 4px;
	border-bottom: 1px solid black;
}
#cnb h4 {
	font-size: 2.6em;
	padding-bottom: 4px;
	color: white;
	text-shadow: 2px 2px 10px rgb(62,62,62);
}
#cnb h5 {
	font-size: 1.2em;
	padding: 4px;
}

#cnb article.cnbInfo {
	width: 170px;
	padding: 2px 2px 2px 4px;
}
#cnb article.cnbInfoTwoCol {
	width: 374px;
	padding: 4px;
}

#cnb p {
	margin: 2px 5px;
}