/* 
Title: Screen Style Sheet for NATOA
Author: Coherent Methods LLC admin@coherentmethods.com
Updated: October 31, 2011
*/


body {
	background-color: #F7F7F7;
	/* background-color: #989191; */
	margin: 0px; 
	padding: 0px; 
	font: 90% Verdana, "Bitstream Vera Sans", arial, sans-serif;
}

/* @group links */

/* @end */

/* @group structure */
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	border-right: 1px solid #000;
	border-bottom: 6px solid #203880;
	border-left: 1px solid #000;
}

/* @group header */
#header {
	background: #fff url('../images/banner_2012NOLAc.jpg') top left no-repeat; /* comment out for header replacement */
	border-top: 6px solid #203880;
	height: 145px;
}

#title {
	float: right;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	margin: 5px 20px 0 0;
}

#login {
	margin-top: 20px;
	font-style: normal;
	color: #1D1E7A;
	text-align: right;
}

#logo {
	margin: 5px 0 0 20px;
	text-align: left;
	float: left;
	height: 110px;
}

#tag {
	clear: both;
	color: #1D1E7A;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	margin-left: 125px;
}

/* @end */

#content {
	margin: 20px 25px 10px 25px;
	padding: 0;
	text-align: left;
}

#right_column {
	float: right;
	width: 205px;
	margin: 0;
	padding: 0;
	background-color:#fff;
	text-align: left;
}

.right_column {
	float: right;
	width: 205px;
	margin: 0;
	padding: 0;
	background-color:#fff;
	text-align: left;
}

#copy { 
	margin: 0 240px 0 0;
	padding: 0;
}

.copy { 
	margin: 0 240px 0 0;
	padding: 0;
}

.copy img { vertical-align: middle; }

.entry-listing {
	border: solid 1px #ccc; 
	padding: 10px 10px 20px 10px; 
	margin-bottom: 10px;
}

.entry-listing a {
	color: #1D1E7A;
	text-decoration: none;
	border: none;
}

.entry-listing a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;
}

/* @group footer */
#footer {
	clear: both;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
}

#footer hr {
	border: 0;
	width: 75%;
	background-color: #ccc;
	height: 1px;
	margin:  0 auto;
}

#footer p {
	font: 11px/1.5em Verdana,Arial,Sans-Serif;
	color: #666;
	text-align: center;
	padding-top: 15px;
}
/* @end */
/* @end */

/* @group navigation */

#navigation {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 6px;
	background-image: url("../images/nav-background.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 11px;
	line-height: normal;
}

#navigation ul {
	margin: 0 0 0 -5px;
	padding: 10px 10px;
	list-style: none;
}

#navigation li {
	float: left;
	background: url("../images/nav-left.gif") no-repeat left top;
	margin: 0 1px 0 0;
	padding: 0 0 0 9px;
	border-bottom: 1px solid #765;
}

#navigation a {
	float: left;
	display: block;
	width: .1em;
	background: url("../images/nav-right.gif") no-repeat right top;
	padding: 5px 6px 4px 0px;
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
}

#navigation > ul a { width: auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a { float: none; }
/* End IE5-Mac hack */

#home #nav-home, #about #nav-about,
#policy #nav-policy, #advocacy #nav-advocacy, 
#membership #nav-membership, #events #nav-events, 
#broadband #nav-broadband, #peg #nav-peg,
#resources #nav-resources, #chapters #nav-chapters, 
#awards #nav-awards, #members #nav-members {
	background-position: 0 -150px;
	border-width: 0;
}

#home #nav-home a, #about #nav-about a,
#policy #nav-policy a, #advocacy #nav-advocacy a,
#membership #nav-membership a, #events #nav-events a, 
#broadband #nav-broadband a, #peg #nav-peg a,
#resources #nav-resources a, #chapters #nav-chapters a, 
#awards #nav-awards a, #members #nav-members a {
	background-position: 100% -150px;
	padding-bottom: 5px;
	color: #fff;
}

#navigation a:hover { color: #333; }

#navigation li:hover, #navigation li:hover a {
	background-position: 0% -150px;
	color: #fff;
}

#navigation li:hover a { background-position: 100% -150px;}

/* @end */

/* @group mynav */

#mynav {
	position: absolute;
	top: 0px;
	left: 855px;
	padding-bottom: 6px;
	font-size: 11px;
	line-height: normal;
}

#mynav ul {
	margin: 0 0 0 20px;
	padding: 10px 10px;
	list-style: none;
}

#mynav li {
	float: left;
	background: url("../images/nav-left.gif") no-repeat 0 -300px;
	margin: 0 1px 0 0;
	padding: 0 0 0 9px;
	border-bottom: 1px solid #765;
}

#mynav a {
	float: left;
	display: block;
	width: .1em;
	background: url("../images/nav-right.gif") no-repeat;
	background-position: 100% -300px;
	padding: 5px 10px 4px 1px;
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
}

#mynav > ul a { width: auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a { float: none; }
/* End IE5-Mac hack */

#mynatoa #nav-mynav {
	background-position: 0 -150px;
	border-width: 0;
}

#mynatoa #nav-mynav a {
	background-position: 100% -150px;
	padding-bottom: 5px;
	color: #fff;
}

#mynav a:hover { color: #333; }

#mynav li:hover, #mynav li:hover a {
	background-position: 0% -150px;
	color: #fff;
}

#mynav li:hover a { background-position: 100% -150px;}
/* @end */

/* @group tabbed sub-navigation */
#sub-navigation {
	float: left;
	width: 100%;
	padding-bottom: 6px;
	background: #fff url("../images/nav-background.gif") repeat-x bottom;
	font-size: 11px;
	line-height: normal;
}

#sub-navigation ul {
	margin: 0 0 0 20px;
	padding: 10px 10px;
	list-style: none;
}
#sub-navigation li {
	float: left;
	background: url("../images/nav-left.gif") no-repeat left top;
	margin: 0 1px 0 0;
	padding: 0 0 0 9px;
	border-bottom: 1px solid #765;
}
#sub-navigation a {
	float: left;
	display: block;
	width: .1em;
	background: url("../images/nav-right.gif") no-repeat right top;
	padding: 5px 10px 4px 1px;
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
}
#sub-navigation > ul a { width:auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sub-navigation a {float:none;}
/* End IE5-Mac hack */

#sub-navigation a:hover { color:#333; }

#sub-navigation .active {
	background-position: 0 -150px;
	border-width: 0;
}

#sub-navigation .active a
 {
	background-position: 100% -150px;
	padding-bottom: 5px;
	color: #fff;
}

#sub-navigation li:hover, #sub-navigation li:hover a {
	background-position: 0% -150px;
	color: #fff;
}
#sub-navigation li:hover a { background-position: 100% -150px;}

/* @end */

/* @group sub-navigation */
.subnav {
	position: absolute;
	visibility: hidden;
	margin: 6px 0 0 -9px;
	border: 1px solid #666;
	border-bottom-width: 0;
	font-size: 11px;
	line-height: 18px;
	z-index: 100;
	background-color: #bbb7b7;
	width: 200px;
	text-align: left;
	color: #203880;
}

.subnav a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 5px;
	color: #203880;
}

.subnav a:hover { 
	background-color: #203880;
	color: #fff;
}
/* @end */

/* @group content */
h1 {
	margin: 5px 0 10px 0;
	font-size: 24px;
	color: #000;
	font-family: Georgia, Times New Roman, Times, serif;
}

h2 {
	color: #1D1E7A;
	font: 1.3em/1em Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 0 0 0;
	margin: 40px 0 5px 0;
	line-height: 1.5em;
	border-top: 3px solid #203880;
}

h3 {
	color: #1D1E7A;
	font: 1.2em/1em Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

h3 a {
	color: #1D1E7A;
	text-decoration: none;
	border: none;
}

h3 a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;
}

p {
	margin: 0 0 1.5em 0; 
	font: 1em/1.3em Verdana,Arial,Sans-Serif;
	text-align: left;
	color: #000;
}

ul {
	margin: 0;
	padding: 0 0 10px 15px;
	list-style: circle outside;
	font: 1em/1.3em Verdana,Arial,Sans-Serif;

}

ol {
	margin: -5px 0 10px 20px;
	padding: 0;
	list-style-position: inside;
}

li {
	padding-bottom: 5px;
}

blockquote {
	background-color: #ececec;
	border-left: 3px solid #1D1E7A;
	margin: 0 20px;
	padding: 10px;
}

hr {
	border: 0;
	width: 100%;
	background-color: #ccc;
	height: 1px;
	margin: 20px 0;
}

.date {
	color: #666;
	margin: -5px 0 10px 0;
	font-size: 11px;	
}

.row1 {
	background-color: #ececec;
	border: 1px solid #1D1E7A;
	margin: 10px 0;
	padding: 10px;
}

.row2 {
	background-color: #fff;
	border: 1px solid #1D1E7A;
	margin: 0;
	padding: 10px;
}

.grey p {
	font-size: 12px;
}

.metadata {
	font-size: 11px;
	color: #666;
}

/* @end */

/* @group modules */
.search {
	float: right;
}

.module-top {
	background: #fff url('../images/module-top.png') no-repeat top center;
	width: 206px;
	height: 22px;
	margin-top: 8px;
}

.rss-button {
	float: right;
	text-align: right;	
}

.module-top p { 
	color: #fff;
	margin: 0;
	padding: 5px 0 0 10px;
	text-align: center;
	font-size: 10px;
	text-shadow: #000 1px -1px 2px;
	font-weight: bold;
	letter-spacing: .1em;
}

.module-top a:link { color: #fff; }

.module-top a:visited { color: #fff; }

.module-top a:hover { color: #fff; }

.module-top a:active { color: #fff; }

.module-middle {
	background: #fff url('../images/module-middle.png') repeat top center;
	width: 206px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

.module-middle h3 { 
	padding: 5px 10px 0px 10px;
	text-align: left;
}

.module-middle p { 
	letter-spacing: 0;
	color: #000;
	padding: 5px 10px;
	margin: 0px; 
	text-align: left;
	font-size: 11px;
}

.module-middle ul { 
	padding: 5px 20px;
	margin: 0 0 0 10px;
	text-align: left;
}

.module-middle li{
	letter-spacing: 0;
	font-size: 11px;
}

.module-middle form { padding: 5px 10px; }

.module-middle a { font-size: 11px; }

.module-middle hr {	
	width:  90%;
	margin-left: 10px;
}

.module-middle img { vertical-align: middle; }

.module-bottom {
	background: #fff url('../images/module-bottom.png') repeat top center;
	width: 206px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

/* @group registeration items */
#divPurchaseHeaderTrack,
#divPurchaseHeaderConferenceDays,
#divPurchaseHeaderConferenceExtras,
#divHeaderTotalPurchase {
	background-color:#DDD;
	color: #1D1E7A;
	font: bold 1em/1.3em Verdana,Arial,Sans-Serif;
	text-align: left;
	padding: 5px;
	margin: 0 5px;
}

#divPurchaseDetailTrack, 
#divPurchaseDetailConferenceDays,
#divPurchaseDetailConferenceExtras {
	text-align: left;
	padding: 5px 5px 20px 5px;
}

.divPurchaseDetailItem {
	background: #fff url('../images/icons/tick.png') no-repeat top left;
	padding: 0 0 10px 20px;
}

#divTotalPurchase {
	text-align: right;
	color: green;
	font-size: 18px;
	padding: 5px 15px 5px 5px;
}

#divPurchaseActions {
	
}

.divPriceMember { 
	color: green;
	font-weight: bold;
}
/* @end */
/* @end */

/* @group buttons */
/* CSS and concept by Alex Griffioen
   http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
   
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* @end */

/* @group helpers */
.center {
	margin: 0 auto;
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.pdf {
	background: #fff url('../images/pdf-bkgd.gif') no-repeat left;
	height: 33px;
	width: 600px;
	padding: 15px 0 0 45px;
	margin: 0;
}

 .pdf a {
	color: #1D1E7A;
	text-decoration: none;
	border: none;
}

.pdf a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;
}

.note {
	background: #DDD url(../images/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #AE0000;
	border-bottom: 2px solid #AE0000;
	color: #1D1E7A;
}

#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url(TRbanner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

#topleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url(../images/top-left-banner.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}
/* @group images */
img {
	border: 0;
}

/* img { behavior: url(/common/pngbehavior.htc); } alphahack for .png support in ie5.5+ */ 


.photo, .mt-image-right, mt-image-left {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}

.mt-enclosure-image {
	font-size: 10px;
	color: #ccc;
}

/* @end */
/* @end */

/* @group dans stuff */

/* nothing here for now */

/* @end */

/* @group 2008 Annual Conference */
.copy-2008annual { 
	margin: 0 240px 0 0;
	padding: 0;
}

.copy-2008annual h2 { 
	color: #AE0000;
	border-top: 3px solid #AE0000;
}
/* @end */