/* Custom Rendering/Layout for this themes of AAPT.org */
/* Updated: 10/14/2009 */

/* Body background */
html, body {text-align:center;}

html {background-color:#003366;}

body.CS_Document {
	background-color:#003366;
	background-image:url('../images/bg.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	
	padding:10px 0 10px 0;
}

/* Wrapper containing all divs */
#wrapper {
	width:960px;
	
	margin:0 auto;
	padding:5px 0 0 0;
	
	text-align:left;
	
	background-color:#fff;
	
	border-width:1px;
	border-style:solid;
	border-color:#036;
	
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

/* header */
#header {
	/*width:auto;*/
	position:relative;
	z-index:97;
}

#header #masthead {
	position:relative;
	width:100%;
}

#header #masthead .logo {
	margin-left:.6em;
}

#header #masthead .search {
	position:absolute !important;
	top:.5em;
	right:.5em;
	
	margin:0;
	padding:0;
}

#header #masthead .search * {
	text-align:right;
}

#header #masthead .search form {
	padding:0;
	margin:0;
}

#header #masthead .search input {
	padding:.3em;
	margin:.3em;
	font-size:1.1em;
	border:1px solid #258;
	width:auto;
	
	text-align:left;
}

#header #masthead .search #cs_search_form {
	background:#036;
	color:#bdf;
	font-weight:bold;
	width:14em;
}

#header .tools {
	position:absolute;
	right:1em;
	bottom:1em;
	font-size:.8em;
}

#header .tools li a {
	color:#444;
	text-decoration:none;
	border-bottom:1px solid #258;
}

#header .tools li a:hover {border-bottom-color:#58b;}

.navigation {
	width:100%;
	
	margin:0;
	padding:0;
}

#header .navigation {
	height:27px;
	padding-top:30px;
	
	background-image: url('../images/glnav_bg.gif');
	background-repeat:repeat-x;
	background-position:bottom left;
	
	z-index:98;
}

.navigation h2, .navigation h3, .navigation h4 {
	border:0px;
	text-decoration:none;
}

.navigation a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:1.05em;
	display:block;
	/*height:100%;*/
	padding: 0 .5em 0 .5em;
	margin:0
}

.navigation a:visited {color:#000}

.navigation a:hover {
	background-color:#258;
	color:#fff;
	
}

.navigation ul {
	/*float:left;*/
	display:inline;
	line-height:2em;
	z-index:1001 !important;
	
	margin:0;
	padding:0;
}

.navigation li {
	list-style-type:none;
	position:relative;
	display:inline;
	float:left;
	margin-left:.25em;
	margin-top:0;
	list-style-position:outside;
}

/*.navigation ul li ul {
	position:absolute;
	left:0;
	
	margin:0;
	padding-top:1em;
	
	font-size:.9em;
	width:15em;
	display:none;
	
	background-image:url('../images/blue_rev_grad.gif');
	background-repeat:repeat-x;
	background-position:bottom center;
}*/

.navigation ul li:hover ul, .navigation ul li.hover ul {
	display:inline;
	
}

.navigation ul li ul, .navigation ul li.hover {
	background-color:#258;
	
}

#header .navigation ul li.hover a {
	color:#fff;
}

.navigation ul li ul {
	position:absolute;
	left:0;
	
	margin:0;
	padding:1em 0 1em 0;
	
	font-size:.9em;
	width:15em;
	display:none;
	
	background-image:url('../images/blue_rev_grad.gif');
	background-repeat:repeat-x;
	background-position:bottom center;
	
/*	border-bottom:1px solid #036;
	border-right:1px solid #036;
*/	
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
}

.navigation ul li ul a, .navigation ul li ul a:visited, #header .navigation ul li.hover ul a {
	color:#bdf;
}

.navigation ul li ul li {
	margin:0;
	padding:0;
	width:100%;
}

.navigation ul li ul li a {
	width:auto;
	padding:.5em;
	padding-left:.75em;
	font-weight:normal;
	line-height:1.25em;
}

.navigation ul li ul a:hover, #header .navigation ul li.hover ul a:hover {
	background-color:#369;
	color:#fff;
}

/* local navigation (within page contents) */
.local, .quick {
	float:none;
	display:block;
	
	width:100%;
	
	margin:0 .5em .5em 0;
	
	border-color:#bbb;
	border-style:solid;
	border-width:1px;
	
	background-color:#f5f5f5;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.local {
	background-color:#fff;
	background-image:url('../images/tab_default_bg.png');
	background-repeat:repeat-x;
	background-position:top;
}

.quick {font-size:.9em}

.local h2, .quick h2 {
	font-size:1.04em;
	margin:.2em;
}
.local h2 {
	text-align:center;
	border-bottom:2px solid #ccc;
}
.quick h2 {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
	font-weight:bold;
	
	margin-left:0;
	padding-left:1em;
}

.local ul, .quick ul {
	float:none;
	display:block;
	margin:.6em 0 .6em 0;
}

.quick ul {
	margin-left:.6em;
	margin-right:.6em;
}

.quick h3 {
	margin:.6em .4em .4em .4em;
}

.local li, .quick li {
	display:block;
	float:none;
	width:100%;
	margin:0;
	padding:0;
	line-height:1.5;
	list-style-type:none;
}

.local ul ul li a {
	padding-left:1.5em;
	font-style:italic;
}

.quick li {
	margin-bottom:.4em;
}

.local ul li a {
	font-size:.9em;

	display:block;
	padding:.5em .5em .5em .8em;

	font-weight:bold;
	color:#036;
	text-decoration:none;

	border-bottom:1px solid #fff;
}

.local li.here a {
	font-weight:bold;
}

.local ul li a:hover {
	background:#eee;

	border-bottom:1px solid #ccc;
}

/* page */
#page {
	min-height:1px;

	background-color:#eee;
	
	padding:.3em 0 3em 0;
	margin:0;
	
	z-index:1;
	
	background-image:url('../images/footer_topper.gif');
	background-position:bottom center;
	background-repeat:repeat-x;
}

/* contents */
#contents {
	float:left;
	width:605px;

	margin:5px;
	padding:0;
	z-index:2;
	
	background:#fff;
	padding:10px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	border-color:#aaa;
	border-width:1px;
	border-style:solid;
	
	-moz-box-shadow:0 0 .5em #bbb;
	box-shadow:0 0 .5em #bbb;
}

#contents.norightbar {width:80%}
#contents.nobars {width:96.75%}

#contents p {
	margin:.4em .2em 1em .4em;
}

/* tables */
#contents table td td {
	padding:.2em;
	padding-left:.5em;
}

/* breadcrumbs */
#breadcrumbs {
	margin:0 0 0 1em;
	font-size:.9em;
	width:auto;
}

/* left bar - bad name for the moment */
.leftbar {
	float:left;
	width:140px;
	padding:5px;
}

/* home page side bar */
#sidebar {
	float:right;
	width:165px;
	
	margin:.4em .4em .2em 0;
	
	color:#fff;
}

#sidebar .box, #sidebar #myAAPT {
	background-color:#258;
	background-image:url('../images/blue_grad.gif');
	background-repeat:repeat-x;
	background-position:top center;
	
	padding:.5em;
	margin:0 0 0 0;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#sidebar h3, #sidebar h2, #sidebar h4, #sidebar p {
	margin:0;
}

#sidebar h3 {
	color:#fff;
	border-bottom:1px solid #58b;
	margin-bottom:.7em;
}

#sidebar h4 {
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	line-height:1.2;
	
	margin-bottom:.2em;
	
	text-decoration:none;
	
	color:#fff;
}

#sidebar p {
	color:#fff;
}

#sidebar a {
	color:#bdf;
	text-decoration:none;
	border:0;
	padding:0;
}

#sidebar p a {
	border-bottom:1px solid #9bd;	
}

#sidebar a:visited {
	color:#9bd;
}

#sidebar a:hover {
	color:#fff;
	border-color:#fff;
}

#sidebar ul, #sidebar ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar ul {
	margin-left:.5em;
}

/* My AAPT.org box */

#sidebar #myAAPT {
	padding:.5em;
	margin:0 0 .4em 0;
	background:#036;
	
	border-radius:10px;
	-moz-border-radius:10px;
	webkit-border-radius:10px;
}

#sidebar #myAAPT .welcome a {
	display:block;
	font-size:.8em;	
	margin:0;
}

#sidebar #myAAPT a {
	border:0;
}

#sidebar #myAAPT .logout {
	font-size:.8em;
	font-style:italic;
	line-height:1em;
	text-align:center;
	margin:.5em .25em 0 .25em;
}

#sidebar #myAAPT ul {
	margin:1em 0 0 .5em;
}

#sidebar #myAAPT ul li {
	text-align:center;
	margin-bottom:.25em;
	
	border:1px solid #036;
}

#sidebar #myAAPT ul li a {
	display:block;
	width:auto;
	padding:.25em;
	background:#258;
	text-decoration:none;
	margin:0;
}

#sidebar #myAAPT ul li a:hover {
	background:#58b;
}


#sidebar .section {
	margin-bottom:.2em;
	padding-bottom:.5em;
}

#sidebar .store * {
	text-align:center;
}

#sidebar .store a {
	text-decoration:none;
}

#sidebar .store h3 {
	text-align:left;
	margin-bottom:1em;
}

#sidebar .store h4 {
	margin-bottom:.5em;
}

#sidebar .store .thumbnail a {
	display:block;
	
	background:#fff;
	height:auto;
	max-width:90%;
	
	text-align:center;
	
	margin:0 auto;	
	padding:.3em;
	
	border:2px solid #036;
}

#sidebar .store .thumbnail a img {
	max-width:100%;
	max-height:300px;
}

#sidebar .store .thumbnail a:hover {
	border:2px solid #58b;
}

#sidebar .store .description {
	margin-top:.7em;
	font-size:.8em;
}

#sidebar .calendar {
	margin-bottom:0;
	padding-bottom:0;
}

#sidebar .calendar li, #sidebar .calendar ul {
	margin:0;
	padding:0;
}

#sidebar .calendar li {
	margin: 0 .1em 1em .1em;
}

#sidebar .calendar p {
	margin:0 0 0 .2em;
	padding:0;
	line-height:1.1;
}

#sidebar .calendar p.details {
	font-size:.8em;
	font-style:italic;
}

#sidebar .support ul, #sidebar .support li {margin:0;padding:0;}
#sidebar .support li {margin-bottom:.2em}

#sidebar .support li a {
	position:relative;
	display:block;
	
	width:85%;
	margin:0 auto;
	
	text-decoration:none;
	
	border-bottom-style:dashed;
	border-bottom-color:#258;
	border-bottom-width:2px;
}

#sidebar .support a {
	color:#a9d37e;
	font-weight:bold;
	font-size:1.3em;
}

#sidebar .support .join .join {
	font-size:1em;
}

#sidebar .support .cross, #sidebar .support .aapt {
	color:#eee;
}

#sidebar .support .cross {
	font-size:1.2em;
}

#sidebar .support .donate .arrow {
	color:#eee;
	font-size:1.1em;
}

#sidebar .support a:hover {
	color:#fff;
}

span.involved {
	color:#a9d37e;
}

#sidebar .support li a:hover {
	border-bottom-color:#58b;
}

#sidebar .support li a:hover span {color:#fff}

#sidebar .featured li {
	margin-bottom:.4em;
}

#sidebar .mbom p {
	font-size:.8em;
	line-spacing:1;
}

/* Footer */
#footer {
	width:auto;
	padding:30px 2em 1.5em 2em;
	
	text-align:center;
	
	color:#555;
}

#footer a {
	color:#555;
}

#footer a:hover {
	color:#222;
}

#footer .tools {
	text-align:center;
	width:100%;
	margin:1em auto;
}

#footer .tools ul {
	margin:0 auto;
	text-align:center;
	width:95%;
	/*height:25px;*/
}

#footer .tools li {
	text-align:center;
	margin:0 0 0 .5em;
}

#footer .tools a {
	font-weight:bold;
	text-decoration:none;
	margin-bottom:1px;
}

#footer .tools a:hover {
	margin-bottom:0;
	border-bottom:1px solid #ccc;
}

#footer p {
	text-align:center;
	clear:both;
	
	padding-top:1em;
}

#footer p a {
	font-weight:normal;
}

#footer .sns {
	margin-top:1em;
}

#footer .sns li {
	display:inline;
	list-style-type:none;
	margin:0 1em 0 1em;
}

#footer .sns li a {
	text-decoration:none;
	padding:.5em;
	padding-left:0;
	border-bottom:1px solid #fff;
}

#footer .sns li a:hover {
	border-bottom-color:#ccc;
}

#footer .sns li a img {
	vertical-align:middle;
}

/* search page */

.searchPage li {
	list-style-type:none;
	margin:1em 0 0 1em;
}

.searchPage .search {
	width:auto;
	text-align:center;
	font-size:1.1em;
}

.searchPage .search input#q {
	padding:.25em;
}

.pagenumbers {
	width:auto;
	text-align:center;
	margin-top:2em;
}
.pagenumbers ul {
	
}
.pagenumbers li {
	display:inline;
	list-style-type:none;
	margin:0 1em 0 1em;
	font-weight:bold;
}

.pagenumbers a {
	padding:1em;
	color:#000;
	background:none;
	font-weight:normal;
}

.pagenumbers a:hover {
	text-decoration:none;
}

#signin div {
	float:left;
	margin-top:2em;
	padding:0 1em 0 1em;
}

#signin div h2 {
	margin:0;
}

#signin div h3 {
	font-size:1em;
	margin-top:0;
}

#signininfo {
	width:40%;
}

#signininfo p {
	font-size:.8em;
}

#signinform {width:95%;margin:1em 0 0 0;padding:0;}

#signinform div {
	float:none;
	width:100%;
	text-align:center;
	margin-top:.5em;
}

#signinform p {
	font-weight:bold;
	font-size:1em;
	margin:0;
	padding:0;
}

#signinform a {
	font-size:.8em;
	padding:0;
	margin:0;
	text-align:center;
}

#signinform input {
	width:40%;
	font-size:1.1em;
}

#signinform div #pass, #signinform div #username {
	width:90%;
}	

#signin div#register {
	border-left:1px solid #ddd;
	width:50%;
}

#signin div#register #create {
	text-align:center;
	font-size:1.1em;
	margin-top:1em;
}

#accountServices {
/*	width:90%;
	margin:1em auto;
	padding:.2em;
	
	
	text-align:center;
	border: 2px solid #036;
	
	background:#258;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
*/}

#accountServices ul {
	text-align:center;
}

#accountServices li {
	float:left;
	list-style:none;
	margin:1em;
	width:8em;
	height:8em;
}

#accountServices li a {
	display:block;
	width:auto;
	height:auto;
	
	border:none;
	
	text-decoration:none;
	font-weight:bold;
	font-size:.8em;
	
	color:#036;
}
#accountServices a img {
	padding-top:.2em;
	padding-bottom:0;
	vertical-align:middle;
	text-decoration:none;
}

#accountServices a:hover span {
	text-decoration:underline;
}

#accountServices a:hover img {
	padding-top:0;
	padding-bottom:.2em;
}

/* Tools */

/* rounds corners - used in conjunction with jquery corners plugin */
.corners {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

a.more {
	font-weight:bold;
}

.mininav {
	margin:0 auto;
	text-align:center;
}

.mininav li {
	display:inline;
	text-align:center;
	list-style-type:none;
}

.events li {
	list-style-type:none;
}

#contents .events p, .events p {
	margin-bottom:0.1em;
	margin-top:0.1em;
	padding:0;
}

/** JQuery Stuff **/

/* Special Tabbed Content Declarations */
.ui-widget {
	font-size:1em !important;
}

.ui-tabs {
	padding:0;
	margin:0 0 1em 0;
	border:none;
	
	position:relative;
	
	width:auto;
	
	font-size:1em;
}

.ui-tabs .ui-widget-content {
	background-color:#eee;
	border:1px solid #ddd;
	border-top:none;
	
	padding: 1em;
}

.ui-accordion .ui-widget-content {
	background-color:#fff;
	
	border:1px solid #ddd;
	border-top:none;
	
	padding:.4em;
	
	font-size:1em;
}

.ui-tabs > ul li {
	list-style-type:none;
	list-style-position:outside;
}

.ui-tabs .ui-widget-header {
	background:none;
	border-left:0;
	border-top:0;
	border-right:0;
	
	border-bottom:1px solid #ccc;
}

.ui-tabs .ui-state-default, .ui-tabs .ui-state-focus, .ui-tabs .ui-state-hover, .ui-tabs .ui-state-highlight, .ui-tabs .ui-state-active  {
	border-style:solid;
	border-width:1px;
	border-color:#fff;
	background:#eee;
}

.ui-tabs .ui-state-default a, .ui-state-default a {
	color:#036;
	padding:.2em;
}

.ui-tabs .ui-state-active a, .ui-tabs .ui-state-focus a {
	color:#258;
}

.ui-tabs .ui-state-hover, .ui-tabs .ui-state-hover a, .ui-state-hover, .ui-state-hover a {
	border-color:#ddd;
	color:#258;
	text-decoration:underline;
}

.ui-tabs .ui-state-highlight, .ui-tabs .ui-state-active, .ui-tabs .ui-state-focus
, .ui-state-highlight, .ui-state-hover, .ui-state-hover a {
	border-color:#ccc;
	color:#000;
	text-decoration:none;
}

.ui-tabs .ui-state-active a,.ui-tabs .ui-state-active a:link,.ui-tabs .ui-state-active a:visited,.ui-tabs .ui-state-active,.ui-tabs .ui-widget-content .ui-state-active,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active,
{color:#000}

.ui-tabs .ui-state-default, .ui-state-default {
	background-image:url('../images/tab_default_bg.png');
	background-position:bottom center;
	background-repeat:repeat-x;
}

.ui-tabs .ui-state-active, .ui-state-active {
	background:#fff;
	background-image:url('../images/tab_selected_bg.png');
	background-position:bottom center;
	background-repeat:repeat-x;
}

.ui-tabs #controls a {
	width:20px;
	height:20px;
	
	position:absolute;
	top:.2em;
	right:.1em;
	
	background-color:#eee;
	background-image:url('../images/pause.gif');
	background-repeat:no-repeat;
	background-position:center;
	
	border:1px solid #ddd;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	text-indent:-1200px;
	text-decoration:none;
	
	z-index:3;
}

.ui-tabs #controls a:hover {
	background-color:#fff;
	border-color:#ccc;
}

.ui-accordion .ui-accordion-header {
	border-color:#ddd;
}

.ui-accordion .ui-state-hover {
	border-color:#58b;
}

.ui-accordion .ui-state-active {
	border-color:#ddd;
}

/* If the tabs are "playing" then display the "pause" button as an option to stop them */
/* If the tabs are "pausing" then display the "play" button to start them up again */
.ui-tabs #controls a.playing {background-image:url('../images/pause.gif');color:#f00}
.ui-tabs #controls a.pausing {background-image:url('../images/play.gif');color:#0f0}

/* CommonSpot Elements */

#cs_idLayout2 {
	margin:0;
	padding:0;
	
	border:0;
	background:none;
}

#cs_idLayout2 > tbody > tr > td {
	border:none;
	background:none;
}

#cs_idLayout2 > tbody > tr > td:first-child {
	height:0;
	padding:0;
	margin:0;
}

/* Rich Text Block Formatting - used for content contributors so that they can see the content properly */
body.CS_Element_Textblock, body.CS_Element_LinkList, body.CS_Textblock_Text {
	text-align:left;
	background-color:#fff;
	background-image:none;
	margin:0;
	padding:0;
}

/*#TextBlock_htmlObject {
	padding:.6em;
	width:100% !important;
}
*/
/* CommonSpot */
form#TextBlockdlgform {
	margin:0;
	padding:0;
}

/* Search elements */
.CS_Element_SearchResults td {
	font-size:.8em;
}

span.CS_SR_Results_Header {
	text-align:center;
	font-size:1.2em;
}

a.CS_SR_Item_Title {
	font-weight:bold;
	font-size:1.2em;
}

span.CS_SR_Item_Description {
	font-style:italic;
	font-size:1.1em;
}

.CS_SR_Item_Description, .CS_SR_Item_BreadCrumbs:first-child {
	margin-left:1em;
}

/* Override weird issue with Formatted List Bulleted List Items */
/*
Issue: CommonSpot seems to be inserting <span> tags with style="font-size:8px" around
the anchor tags in each list item. I can't seem to find a way to prevent
this in the element settings, so I'm forcing it with CSS

By C. Phillips on 10/13/2009
*/
table tr td div span {
	font-size:1em !important;
}