/*
	APA


	Colors:
	
	Green	: #99CC00
	Purple	:
	Orange	: #FF5500
	Grey	: #222
	Text	: #1a1a1a

*/

/* =Global
----------------------------------------------------------------------------------------------------*/

body {background:#222;font-family:Arial;font-size:12px;color:#222;}

a {color:#99cc00;text-decoration:none;}
a:hover {color:#99CC00;}

a.link {color:#99cc00;font-weight:bold;text-decoration:none;margin:0;padding:0;}
a.doc {float:left;display:block;background-image:url(/images/docs_16.gif);background-repeat:no-repeat;color:#99cc00;padding:10px 3px 1px 28px;margin:10px 0 10px 0;text-decoration:none;}
a.pdf {float:left;display:block;background-image:url(/images/pdf_24.gif);background-repeat:no-repeat;color:#99cc00;padding:10px 3px 1px 28px;margin:10px 0 10px 0;text-decoration:none;}
a.zip {float:left;display:block;background-image:url(/images/zip_24.gif);background-repeat:no-repeat;color:#99cc00;padding:10px 3px 1px 28px;margin:10px 0 10px 0;text-decoration:none;}
a.rss {float:left;background-image:url(/images/FeedIcon-16.png);background-repeat:no-repeat;padding:0 0 5px 20px;margin:2px 0 0 10px;text-decoration:none;}

a:focus {outline: 1px dotted invert;}

hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}

/* =Content blocks
----------------------------------------------------------------------------------------------------*/

#header {background:#222;border-bottom:1px dotted #999;color:#fff;}
#logo {background:#222;}
#logo .logo {float:left;font-size:78px;color:#99cc00;font-weight:bold;text-transform:uppercase;line-height:58px;}
#logo h3 {font-family:Arial;padding:0;color:#99cc00;float:right;font-size:62px;font-weight:normal;}
#logo a {text-decoration:none;}
#menu {background:#222;border-top:2px solid #99CC00;border-bottom:1px solid #99CC00;color:#fff;}
#intro {padding:10px 0 0 0;}

#content {min-height:500px;}
.wrapper {width:710px;display:inline;float: left;margin:0px;padding:0px;margin-right:0;}

.login {margin-top:0px;text-align:left;}
.login .input {margin:5px 0;width:170px;}
.login .submit {margin:5px 0;}

.sponsors {margin-top:10px;text-align:center;}
.sponsors img {margin:0 0 10px 0;}

#subnav {background:#99cc00 !important;}
#subnav .module-content {margin:0 !important;padding:6px 0 6px 0 !important;}

#footer {background:#222;color:#efefef;border-top:2px solid #99CC00;margin-top:20px;}
#footer .address {font-size:16px;line-height:1.4em;}
#footer .copyright {position:absolute;bottom:0;font-size:10px;}
#footer .info {float:left;line-height:1.4em;}
#footer #googleMap {float:right;}
#footer h2 {font-style:italic;font-family:Arial;font-size:18px;color:#efefef;font-weight:normal;margin:10px 0 5px 0;}
#footer a.rss {background-image:url(/images/FeedIcon-32.png);background-repeat:no-repeat;padding:11px 0 0 42px;margin:0px 0 0 0;text-decoration:none;}
#footer table {margin:0 0 5px 0;padding:0;}

/* =Navigation
----------------------------------------------------------------------------------------------------*/

#mainnav ul#nav {float:left;margin:0;padding:0;}
#mainnav ul#nav li {font-size:11px;color:#efefef;float:left;display:inline;border-right:1px solid #666;padding:0 6px 0 6px;margin:0;}
#mainnav ul#nav li.first {margin:0;padding:0 6px 0 0;}
#mainnav ul#nav li.last {margin:0;padding:0 0 0 6px;border-right:none;}
#mainnav ul#nav li a {color:#fff;text-decoration:none;}
#mainnav ul#nav li a:hover {color:#99CC00;text-decoration:underline;}
#mainnav ul#nav li.here a {color:#99CC00;}

.search {float:right;padding:0;margin:0;}

#topnav ul#nav {margin:0;padding:0;}
#topnav ul#nav li {font-size:11px;color:#efefef;float:left;display:inline;border-right:1px solid #444;padding:3px 15px 0 15px;margin:0;}
#topnav ul#nav li.first {margin:0;padding:3px 15px 0 0;}
#topnav ul#nav li.last {margin:0;padding:3px 0 0 15px;border-right:none;}
#topnav ul#nav li a {color:#fff;text-decoration:none;}
#topnav ul#nav li a:hover {color:#99CC00;text-decoration:underline;}
#topnav ul#nav li.here a {color:#99CC00;}

#topnav ul#nav li#nav_digital {margin:0;padding:3px 15px 0 15px;border-right:none;background:#fff;}
#topnav ul#nav li#nav_digital:hover {background:#99CC00;}
#topnav ul#nav li#nav_digital a {color:#222;text-decoration:none;}
#topnav ul#nav li#nav_digital a:hover {color:#fff;text-decoration:underline;}

/* =Headings
----------------------------------------------------------------------------------------------------*/

/*h1, h2, h3 {font-family:Georgia;color:#222;font-weight:normal;margin:0;padding:0;text-align:left;}*/

h1, h2, h3 {color:#222;font-weight:normal;margin:0;padding:0;text-align:left;}

h1 {font-size: 20px;color:#99CC00;padding:0 0 0 10px;float:left;}

h2 {font-size: 28px;padding:0 0 5px 0;}

h3 {font-size: 18px;padding:0 0 5px 0;}

/* =Spacing
----------------------------------------------------------------------------------------------------*/

ol {list-style: decimal;}
ul {list-style: square;}

/* =Typography
----------------------------------------------------------------------------------------------------*/

p.date {font-family:Georgia;font-size:10px;line-height:9px;margin:0;padding:0 0 10px 0;color:#999;}
p {color:#555;font-weight:normal;line-height:18px;margin:0px 0px 20px 0px;padding:0px;text-align:left;}
li {color:#555;font-weight:normal;line-height:18px;}
.details {font-size:11px;font-weight:normal;margin:0px;padding:0px;text-align:left;border-top:1px dotted #CCC;clear:both;}
.section {color:#999;padding:0 5px 0 0;}
.category {color:#999;padding:0 5px 0 10px;}
.edit {float:right;padding:0px;margin:0px;}
.paginate_9 p{}

.title_12 .alphascrolling { padding:0 0 0 0; color:#99cc00; width:960px;}
.title_12 .alphascrolling a {margin:0;padding:0 5px 0 5px;line-height:21px;}

.title_9 .alphalisting { padding:0 0 0 20px; color:#99cc00;}
.title_9 .alphalisting a {margin:0;padding:0;line-height:21px;}

/* =Modules
----------------------------------------------------------------------------------------------------*/

.module {background: #fff;border: 1px solid #DBE1DF;float: left;overflow: hidden;position: relative;-moz-border-radius: 9px;-webkit-border-radius: 9px;}
.module-content {overflow: hidden;padding:10px;margin-left:auto;margin-right:auto;}

.lblock {float:left;display:block;width:425px;height:238px;background:#efefef;border:1px solid #DBE1DF;margin:0 0 15px 0;}
.mblock {float:left;display:block;background:#fff;margin:0;padding:0px 0 5px 10px;}

/* members block */
.mbblock {float:left;display:block;width:120px;height:120px;background:#fff;margin:0 10px 8px 0;}
.mbblock img {}
.sblock {float:left;display:block;width:185px;height:100px;background:#efefef;border:1px solid #DBE1DF;margin:0 1px 4px 2px;overflow:hidden;}

.alphablock {height:300px;background:#efefef;}
.mwrapper {width:126px;padding:0 3px 0 3px; height:300px;float:left;}

.modalInfo {display:none;}

.membersblock {float:left;display:block;width:80px;height:80px;background:#efefef;border:1px solid #DBE1DF;margin:0 5px 4px 0;}
.members {height:190px;}
.members h3 {font-size:18px;}
.members p {margin:0;padding:0;color:#666;padding:0 0 2px 0;}

.apa_group_members {clear:both;float:left;}
.group {float:left;display:block;margin:0 10px 0 0; padding:5px;}

.left{float:left;}
.right{float:right;margin:0;}

.edit_profile {padding:10px 0 0 0;}
.logout {}

img {border:none;padding:0;margin:0;}

   /* Slider stuff
----------------------------------*/

a.next,
a.prev {
 	background: url(/images/carouselRight.png) 0 -21px no-repeat;
	display:block;
	width:30px;
	height:21px;
	float:left;
	cursor:pointer;
	}
	
a.prev {background: url(/images/carouselLeft.png) 0 -21px no-repeat;}
a.prev:hover {background: url(/images/carouselLeft.png) 0 0 no-repeat;}	
a.next:hover {background: url(/images/carouselRight.png) 0 0 no-repeat;}

.ui-slider { position: relative; text-align: left; margin:0 102px 0 16px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 86px; height: 15px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { float:left; height: 15px;margin-top:3px; width:740px;} /* had to make this 100px smaller to contain the slider handle */
.ui-slider-horizontal .ui-slider-handle { top: 0; background:#99CC00;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 10px; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-state-hover {
background:#99CC00;
color:#99CC00;
font-weight:bold;
outline-color:invert;
outline-style:none;
outline-width:medium;
}


#content-scroll {
  width: 915px;
  height: 390px;
  margin-top: 0px;
  overflow: hidden;
}

#content-holder {
/*  width: 11000px;*/
  width: 7200px;
  height: 270px;
}

#carouselControls {
	background: url(/images/carouselControlsBg-twothird.png) 0 0 no-repeat;
	height:23px;
	overflow:hidden;
	}
	
/* TOOLTIPS */

div.tooltip {
background:transparent url(/images/black_arrow_big.png) no-repeat scroll 0 0;
color:#efefef;
display:none;
height:206px;
padding:25px 30px 30px 30px;
width:160px;
}

/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:16px; 
    color:#99cc00; 
}

/* tooltip title element (p) */ 
div.tooltip p { 
    margin:0;
	padding:0 0 2px 0;
	line-height:15px;
    font-size:12px; 
    color:#999; 
}

/* tooltip title element (a) */ 
div.tooltip a {
    font-size:12px;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* =-=-=-=-=-=-=-[SUBNAV]-=-=-=-=-=-=-=- */ 

/*ul#nav_sub {padding:0 0 20px 0;}*/

ul {margin:0;padding:0;border:none;}

#subnav ul#nav li a:link,
#subnav ul#nav li a:visited {
	color:#fff;font-size:11px;
	text-decoration:none;
	background:url(/images/newmenu1_bg.gif) no-repeat 0px 0px;
	padding:5px 0px 0px 10px;
	display:block;
	height:26px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:21px;
}

#subnav ul#nav li a:hover,
#subnav ul#nav li a:active {
	color:#fff;font-size:11px;
	background:url(/images/newmenu1_bg.gif) no-repeat 0px -26px;
}

#subnav ul#nav li.here a { background:url(/images/newmenu1_bg.gif) no-repeat 0px -26px !important; }

#nav_sub {
	font-size:11px;
	width:229px;
}

ul#nav_sub li a:link,
ul#nav_sub li a:visited {
	color:#fff;font-size:11px;
	text-decoration:none;
	background:url(/images/newmenu1_bg.gif) no-repeat 0px 0px;
	padding:5px 0px 0px 10px;
	display:block;
	height:26px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:21px;
}

ul#nav_sub li a:hover,
ul#nav_sub li a:active {
	color:#fff;font-size:11px;
	background:url(/images/newmenu1_bg.gif) no-repeat 0px -26px;
}

ul#nav_sub li.here a:link,
ul#nav_sub li.here a:visited {
	color:#fff;font-size:11px;
	background:url(/images/newmenu1_bg.gif) no-repeat 0px -26px;
}

ul ul li a { background:url(/images/menu1_bg_list_4.gif) no-repeat !important; }
ul ul li.here a { background:url(/images/newmenu1_bg.gif) no-repeat 0px -26px !important; }

/* Fix IE. Hide from IE Mac \*/ * 
html #nav_sub ul li {
	float:left;
	height:1%;
}
* html #nav_sub ul li a {
	height:1%;
}


/* =-=-=-=-=-=-=-[MEMBERS CONTENT BLOCK]-=-=-=-=-=-=-=- */ 

#members-content {
	line-height:18px;
	text-transform:none;
	letter-spacing:0;
	margin:0;
	color:#333;
	min-height:400px !important;
}

#members-content h3 {
	border-bottom:1px dotted #e5e5e5 !important;
	font-size:16px;
	line-height:25px;
	margin:15px 0 10px 0 !important;
}

#members-content h4 {
	border-bottom:1px dotted #e5e5e5;
	font-size:14px;
	line-height:25px;
	margin:15px 0 10px 0 !important;
}

#members-content p {
	line-height:18px;
	text-transform:none;
	letter-spacing:0;
	margin-top:7px;
	margin-bottom:0px;
	color:#333;
}

#members-content img {
	border:none;
	text-decoration:none;
	margin-bottom:3px;
	margin-left:-3px;
}

#members-content ul li {
    color:#666666;
	font-size:11px;
	list-style-image:url(/images/listorange.gif);
	line-height:17px;
	margin-left:0px;
}

#members-content ul li a { background:none !important; color:#99cc00;}

#members-content a:link {color:#99cc00;text-decoration:none;}
#members-content a {color:#222;text-decoration:none;}
#members-content a:hover {color:#444;}

#members-content p#left{
  float: left;
  width: 240px;
}