/* Global */
body{background: #000 url(_common/background.png) center repeat-y;margin: 0 0 0 0;}
#mainContent{width: 900px;margin: 0 auto;font-family: Arial, Helvetica, Sans-serif;margin-top: 10px;}
h1{float: right;font-size: 35px;}
a{color: rgb(234,191,17);text-decoration: none;}
a img{border: black;}
a:hover{text-decoration: underline;color: #000;}
body{ font-size: 14px; } 

/* Top Banner */
div#bannerTop{width: 100%;height: 195px;background: url(_common/border.jpg);margin-top: -10px;padding-top: 20px;}
h2#mainHeader{text-align: center;}
div#bannerTop div#bt{margin: 0 auto;width: 900px;margin-bottom: 10px;}
div#leftBan img{width: 140px;}
div#leftBan{float: left;height: 162px;}
div#rightBan{height: 162px;float: right;width: 704px;}

/* Top Nav Bar */
ul.topNavList{list-style-type: none;width: 920px;margin: auto;}
ul.topNavList li, ul.topNavList li a{float: left;width: 184px;height: 40px;text-align: center;font-family: Arial, Helvetica, Sans-serif;font-size: 18px;color: #fff;text-decoration: none;}
ul.topNavList li div.dropdown ul li{font-family: Arial, Helvetica, sans-serif;list-style-type: none;height: 20px;font-size: 14px;margin-left: -40px;float: left;width: 165px;text-indent: -15px;}
ul.topNavList li div.dropdown ul li a, ul.topNavList li div.dropdown ul li a:hover{font-size: 14px;height: 10px;color: #fff;}
ul.topNavList li div.dropdown{display: none;background: rgb(234,191, 17);padding: 5px 5px 5px 0;border: 1px solid #000;position: absolute;top: 30px;left: 10px;width: 160px;}
ul.topNavList li{position: relative;}
ul.topNavList li:hover div.dropdown{display: block;}
ul.topNavList li div.dropdown ul li a:hover{color: #000;}
ul.topNavList li div.dropdown ul li:hover {background-color: rgb(255,250,0);}

/* Mobile Top Nav Bar */
ul.mobileTopNavList{list-style-type: none;width: 450px;}
ul.mobileTopNavList li, ul.mobileTopNavList li a{background-color:#000; font-weight:bold;float : left;width: 90px;height: 30px;text-align: center;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;font-size: 14px;color: rgb(255,205,0);text-decoration: none; color:#fff; }
ul.mobileTopNavList li {border:1px rgb(255,205,0) solid}

/* Mobile */
div.mobile, h2#mobileHeader{ font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}


/* Index Page */
div.intro{line-height: 140%;text-align: justify;}
div.firstPost, div.evenPost{margin: auto;width: 100%;float: left;line-height: 140%;text-align: justify;}
img.firstImg, img.evenImg{width: 500px;}
div.firstPhoto{float: left;font-size: 10px;color: #999;width: 500px;padding-right: 20px;}
div.evenPhoto{float: right;font-size: 10px;color: #999;width: 500px;padding-left: 20px;}
div.firstCap, div.evenCap{float: left;}
h2.firstHead{width: 380px;float: right;}
h2.evenHead{width: 380px;float: left;}
img#tagline{margin-left: 85px;}
img.linkedin{width: 100px;}
span.date{margin-left: 20px;}
div#welcome{text-align: center;font-size: 22px;font-weight: bold;color:rgb(255,205,0)}
div#welInfo{text-align: center;margin: 5px 5px 5px 5px;color:rgb(255,205,0)}
div#greeting{border: 1px solid black;margin-bottom: 10px;background-color: #000;}
img.award{width: 898px;margin: 10px 0 10px 0;}
div.headTitle, div.headTitle a{font-weight: bold;line-height: 180%;color: #000;}
div.headTitle a:hover {color: rgb(234,191,17);}
div.more {font-size: 12px;color: #000;}
div.eventIndex{margin-top: 15px;margin-bottom: 15px;line-height: 130%;text-align: justify;}
span.eventDate{font-weight: bold;}
div.eventLine{line-height: 130%;margin-left: 20px;}
div.brick{font-size: 14px;text-align: center;background: url(_common/mid.gif) center scroll repeat-y; color: #fff; }
div.social{font-size: 14px;color: #fff; text-align: justify; margin-right: 15px;margin-left: 25px;}
span.social{font-size: 14px;color: #fff; text-align: justify; margin-right: 15px;}

#fb {width: 50px;float: left; margin-right: 10px;margin-left: 24px;}
#linked {width: 100px; float: left; margin-right: 10px; margin-left: 24px;}
div.socialItem {margin-top: 15px;width: 240px;text-align: justify;}
img.socialImg {
	margin-left: 25px;
}
div.rImg{border-bottom: 2px solid #ccc;padding: 0px 0px 30px 0px;margin: 30px 0px 0px 0px;}
div.sideTitle {font-weight: bold; text-align: center;color: rgb(255,214,0);background: transparent url(_common/mid.gif) repeat-y scroll center;}
div.brickImg {background: transparent url(_common/mid.gif) repeat-y scroll center top;padding-bottom:10px;}
div.brickImg img {width: 240px;margin:5px;}
div.socialItem a:link, div.socialItem a:visited {color: #000;text-decoration:none;border:0;}
div.rightTop {background: transparent url(_common/top.gif) no-repeat scroll center top; height: 25px;}
div.rightBot {background: transparent url(_common/bot.gif) no-repeat scroll center bottom; height: 25px;}
div.sWrapper, #scheduleHeader {background: transparent url(_common/mid.gif) repeat-y scroll center;}
div.socialWrapper,div.scheduleWrapper{margin-top: 30px;}
div.moreLink {font-weight: bold; text-align: center;}

/* Membership Page */
table#membershipTable{margin: auto;width: 900px;}
table#membershipTable tr td textarea{width: 880px;}
h2#header{text-align: center;}

/* Leadership page */
div.leftCol{float: left;width: 400px;padding-left: 50px;border-right: 4px solid #ddd;}
div.rightCol{}
div.member{margin: auto;padding: 10px 0px 10px 0px;height: 70px;font-family: Arial, Helvetica, Sans-serif;}
div.member2{width: 450px;margin: auto;padding: 10px 0px 10px 0px;height: 70px;font-family: Arial, Helvetica, Sans-serif;}
span.memberName{font-weight: bold;margin-left: 40px;}
span.memberPhone{float: left;margin-top: 5px;margin-left: 40px;font-size: 15px;}
span.memberEmail{float: left;margin-left: 40px;margin-top: 5px;}
img.memberImg{float: left;margin-left: 50px;}
span.memberTitle{font-style: italic;font-size: 12px;}

/* Junior Hawkeye */
div#juniorImg img{width: 300px;float: right;}
div#groupPic{margin-left: 60px;}
div.rightRail{float: right;width: 300px;}
div.leftRail{width: 580px;margin-left: 20px;text-align: justify;}
div.address{margin-left: 20px;}
div#secondPic{margin-top: 14px;}
div.scs img{float: left;padding-bottom: 20px;padding-right: 10px;}
div.scs{text-align: justify;}
div.link ul{list-style-type: none;}
img#hawkLink{float: right;}
div.link ul li{line-height: 170%;}
div#flagfootball div#ffheader img{width: 100px;}
div#flagfootball h2{height: 40px;margin: aut;}
div#ffheader{border: 1px solid white;}

/* Footer */
img#leftfoot{float: left;}
img#rightfoot{float: right;}
#footer{margin: 0 auto;width: 900px;font-family: Arial, Helvetica, Sans-serif;text-align: center;padding-bottom: 25px;}
#footer #links{text-align: center;width: 600px;margin: 0 auto;}
#footer a, #footer a:link, #footer a:visited{color: #000;text-decoration: none;font-size: 12px;}
#footer a:hover{text-decoration: underline;}

/* Calendar */
table#calendar{text-align: center;background: rgb(234,191, 17);}
table#calendar td.head{width: 120px;font-weight: bold;height: 10px;text-align: center;vertical-align: middle;background-color: #000;color: #fff;}
table#calendar td{border: 1px solid rgb(234, 191,17);width: 120px;height: 100px;text-align: left;vertical-align: top;background-color: #fff;}
table#calendar td.event{background-color: #ccc;}
table#calendar td.event:hover{background-color: #000;color: rgb(234, 191,17);}
table#calendar td.event:hover a{color: rgb(234, 191, 17);}
table#calendar td.empty{background: url(_common/tigerhawk2.gif) center no-repeat;}
span.month{text-align: center;font-weight: bold;font-size: 22px;}
span.prev{margin-right: 290px;}
span.next{margin-left: 290px;}
span.next a, span.prev a{color: #000;text-decoration: none;font-weight: bold;font-size: 14px;}
span.next a:hover, span.prev a:hover{text-decoration: underline;color: rgb(234,191, 17);}
div.topCal{height: 35px;width: 100%;}
div.eTitle a{font-size: 14px;font-weight: bold;text-decoration: none;color: #000;}
div.eTitle a:hover{text-decoration: underline;color: rgb(234,191, 17);}

/* Photos */
ul.gallery galleria li{float: right;}
div.galleria_container{text-align: center;vertical-align: bottom;}
div#spacer{margin-top: 100px;}
span.question, span.question2{width: 200px;text-align: right;margin-right: 10px;float: left;}
span.question2{height: 100px;}
div.qLine{width: 100%;height: 50px;}
div.qLine2{height: 100px;}
span.answer input, span.answer2 input{width: 300px;}
span.answer2 input{height: 75px;}
h3.header4{text-align: center;}
#btnSub{float: right;margin-right: 65px;}
#btnClr{float: right;margin-right: 10px;}

/* Survey */
span#mp_title_results, span#mp_title_view{color: rgb(234,191, 17);}
div.survey{width: 250px;float: right;margin-top: 20px;margin-right: 30px;padding-left: 20px;border-left: 2px solid #ccc;margin-left: 10px;}

/* Book Club */
p.intro{text-align: justify;}
div.bookHeader{font-weight: bold;text-decoration: underline;font-size: 18px;margin: 10px;}
img.bookImg{float: left;margin: 20px;}
div.bookSelection{float: left;text-align: justify;margin-bottom: 10px;}
span.bookTitle, span.bookMainTitle{text-decoration: underline;}
span.bookMainTitle{font-weight: bold;}
div.bookTime{color: blue;font-weight: bold;margin-left: 20px;}
div.bookDes{margin-top: 20px;}

/* Best in DC */
div.bestTitle{margin-left: 20px;font-weight: bold;text-decoration: underline;}
div.listDetail{border: 1px solid;font-size: 14px;width: 350px;margin: 5px 100px 20px 0px;background-color: rgb(234,191, 17);padding: 5px 5px 5px 10px;display: none;float: left;}
span.listTitle{font-weight: bold;}
div.listImg a img{margin-bottom: -10px;border: none;}
div.lTitle{cursor:pointer;}
div.lTitle a{color: Black; cursor:pointer;}
div.lTitle a:hover{color: rgb(234,191,17);text-decoration: none;cursor:pointer;}
div.leftlist{width: 50%;}
div.rightlist{width: 50%;}
div.bestDiv {margin-left: 50px;}
img.sportsImg {margin-left: 15px;}

/* Comments */
div.disclaimer {font-size: 12px;font-style: italic;margin-bottom: 10px;}
div.comments {text-align: center;}
h2#StoryHeader{text-align: center;}
div.storywell {text-align: justify;}


/* Store */
span.itemname {font-weight: bold; font-size: 22px; margin-left: 15px; }
span.itemdescription { font-weight: normal; font-size: 12px; float: left;width: 200px; margin-left: 15px;}
.storeimage { float :left ; margin-left: 100px; }
div.storeItem { float: left;width: 100%; margin-top: 10px; margin-bottom: 10px;}
.storeline { float:left;width: 100%;} 
.AddtoCartbtn { float:right; margin-left: 150px;margin-top: 10px;;}
.sizes, .qty { font-weight: bold; } 
.itemOptions { float: right; margin-left: 10px; }
.divItemOptions { float:right; margin-right: 150px;  margin-bottom: 10px;}