@import url("dp_custom_aacoc.css") All;







/* custom stuff */

div#top_right a, 

span.mainlevel-top_menu{

	color:white;

	font-size:.8em;

	}





html {

  height: 100%;

  margin-bottom: 1px;

}





body {

	margin: 0;

	padding: 0;

        text-align: center;

}



p {

  margin-top: 0;

  margin-bottom: 5px;

}



p img {

        margin: 0pt 7px 7px 0pt;

        padding: 4px;

        float: left;

}



.calloutwrapper		{

	/*width:250px;*/

	float:right; 

	padding:0px; 

	margin:0px 0px 0px 6px;

	}

	

.callout			{

	float: right;

/*	width: 250px;*/

        text-align: left;

	margin: 10px 0px 10px 10px;

	padding: 6px;

	color: #336699;

	background-color: #e1eff4;

	border: 1px solid #336699;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



.callout h2

{

	width: 100%;

	margin: -6px -6px 10px -6px;

	padding: 6px;

	color: #ffffff;

	background-color: #336699;

	font-weight:900;

	font-size:12px;

}



ul li {

        text-align: left;

}



fieldset {

	border: 0;

	padding: 5px 0;

}





span.pathway {

	display: block;

	vertical-align: middle;

	margin-top: 5px;

	font-weight: normal;

}



span.pathway img {

  padding: 5px 5px;

  vertical-align: top;

}



div.path-padding {

	padding: 10px 10px 10px 25px;

	background: url(../images/arrow.png) 10px 20px no-repeat;

}



span.pathway a {

  line-height: 150%;

}



div#pathway {

	margin-bottom: 10px;

	padding-left: 8px;

}



span.article_seperator {



}



a.readon {

  line-height: 300%;

}



/*** fonts ***/

body {

		line-height: 125%;

		font-family: Tahoma, Helvetica, sans-serif;

		color: #666;

}



/* size attributes */



body.f-smaller {

	font-size: 10px;

}



body.f-default {

	font-size: 11px;

}



body.f-larger {

	font-size: 13px;

}



.small,

.modifydate,

.createdate,

div.mosimage_caption {

	font-size: 95%;

}



#nav a,

#inset a {

	font-size: 100%;

}



div.moduletable h3,

div.moduletable-blue h3,

div.moduletable-green h3,

div.moduletable-red h3,

div.moduletable-orange h3,

div.moduletable-gold h3,

div.moduletable-purple h3,

td.side h3,

.componentheading {

	font-size: 100%;

	line-height: 100%;

}



.contentheading {

	font-size:  120%;

	padding-bottom:  10px;

	padding-top:  10px;

}



div.componentheading {

  color: #333;

	font-weight: bold;

	margin-bottom: 10px;

}





/* font family */

h1,

h2,

h3,

h4,

h5,

.contentheading,

.componentheading,

.sectiontableheader {

	font-family: Tahoma, Helvetica, sans-serif;

	font-weight: bold;

}



a:link,

a:visited {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}





/* module settings */



div.moduletable,

div.moduletable-blue,

div.moduletable-green,

div.moduletable-red,

div.moduletable-orange,

div.moduletable-gold,

div.moduletable-purple {

	margin-bottom: 5px;

	padding: 6px 5px;

}



div.moduletable h3,

div.moduletable-blue h3,

div.moduletable-green h3,

div.moduletable-red h3,

div.moduletable-orange h3,

div.moduletable-gold h3,

div.moduletable-purple h3 {

	margin: -7px -5px 5px -5px; 

	text-transform: lowercase;

	font-weight: bold;

	height: 29px;

	line-height: 20px;

	text-indent: 40px;

}



div.moduletable-blue h3 {

	background:  url(../images/blue/module_head.png) no-repeat;	

	color: #fff;

}



div.moduletable-green h3 {

	background:  url(../images/green/module_head.png) no-repeat;	

	color: #fff;

}



div.moduletable-red h3 {

	background:  url(../images/red/module_head.png) no-repeat;	

	color: #fff;

}



div.moduletable-orange h3 {

	background:  url(../images/orange/module_head.png) no-repeat;	

	color: #fff;

}



div.moduletable-gold h3 {

	background:  url(../images/gold/module_head.png) no-repeat;	

	color: #fff;

}



div.moduletable-purple h3 {

	background:  url(../images/purple/module_head.png) no-repeat;	

	color: #fff;

}



/* default menu link styles */

a.sublevel {



}



a.mainlevel:hover {

	text-decoration: none;

}



td a.sublevel:hover {

	text-decoration: underline;

}



/** regular joomla menu **/



a.mainlevel {

	display: block;

	padding: 3px 0px;

	text-indent: 4px;

	width: 100%;

}



/* headings */



h1 {

	line-height: 100%;

	font-size: 200%;

}



h2 {

   line-height: 100%;

   font-size: 150%;

}



h3 { 

   line-height: 100%;

   font-size: 120%;

}



h4 {

	 line-height: 100%;

	 font-size: 110%;

}



.small,

.modifydate,

.createdate {

	font-weight: normal;

	color: #999;

}



.modifydate {

	height: 20px;

	vertical-align: bottom;

}



.createdate {

	height: 20px;

	vertical-align: top;

	vertical-align: top;

	padding-bottom: 5px;

	padding-top: 0px;

}



/** some joomla class stuff */



table.contenttoc {

  margin: 5px;

  padding: 5px;

}



table.contenttoc td {

  padding: 0 5px;

}





td.buttonheading {

 	vertical-align: middle;

}



td.buttonheading img {

	margin-right: 5px;

}



td.sectiontableheader {

  font-weight: bold;

  padding: 0 4px;

  line-height: 20px;

	background: #eee;

	border-top: 1px solid #efefef;

	border-bottom: 1px solid #ddd;

}



tr.sectiontableentry1 td, 

tr.sectiontableentry2 td,

td.sectiontableentry1, 

td.sectiontableentry2 {

  padding: 4px;

}



table.contentpaneopen, table.contentpane {

  border-collapse: collapse;

  padding: 0;

  margin: 0;

  width: 100%;

}



table.contentpaneopen td p {

  padding-right: 10px;

}



div.contentpane, div.contentpaneopen {

  width: 100%;

}



.clr {

	clear: both;

}



div.mosimage {

  margin: 5px;

}





table.adminform textarea {

  width: auto;

  color: #666;

}





/** template layout stuff **/



body {

	height: 100%; 

	padding: 0;

	margin-bottom: 1px;

	background-attachment: fixed;

}



div.wrapper {

	margin: auto;

	position: relative;

	width: 826px;

	background: #fff;

}



div#inner-wrapper {

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

}

div#top_position{

				height:25px;

}

div#top_position div.module div div div table tbody tr td {

	text-align:right;

	}





div#header {

	height: 90px;

	overflow:hidden;

	background-position: center right;

	background-repeat:no-repeat;

}



div#header a img {

	margin:-1px 0 0 0!important;

	padding:0;

	overflow:hidden;

	}



span#logo {

	display: block;

	height: 96px;

	width: 828px;

}



div#searchbox {

	background: url(../images/search.png) 0 0 no-repeat;

	float: right;

	width: 174px;

	height: 54px;

	overflow: hidden;

	display:none;

}



div#searchbox input {

	background: #fff;

	margin-top: 22px;

	margin-left: 29px;

	height: 12px;

	width:  120px;

	border: 0;

	color: #666;

	font-size: 10px;

	display:none;

}



div#access {

	float:  right;

	width: 100px;

	height: 54px;

	display:none;

}



div#menubar {

	height:  35px;

}



table.nopad {

	width: 100%;

	padding: 0;

	margin: 0;

	border: 0;

	border-collapse: collapse;	

}



td.leftcol,

td.rightcol,

td.leftdiv,

td.rightdiv,

td.usercol,

td.userdiv,

td.contentcol,

td.maincol {

	padding: 0;

}



td.leftcol,

td.rightcol {

	background: #fff;

	width: 225px;

}



td.leftcol div.moduletable,

td.rightcol div.moduletable,

td.leftcol div.moduletable-blue,

td.rightcol div.moduletable-blue,

td.leftcol div.moduletable-green,

td.rightcol div.moduletable-green,

td.leftcol div.moduletable-gold,

td.rightcol div.moduletable-gold,

td.leftcol div.moduletable-orange,

td.rightcol div.moduletable-orange,

td.leftcol div.moduletable-red,

td.rightcol div.moduletable-red,

td.leftcol div.moduletable-purple,

td.rightcol div.moduletable-purple {

	width: 215px;

}



td.leftcol



td.leftdiv,

td.rightdiv {

	width: 16px;

}



td.leftdiv {

	background: url(../images/shadow_l.png) repeat-y;

}



td.rightdiv {

	background: url(../images/shadow_r.png) repeat-y;

}



div#banner {

	padding: 0;

}



div#banner img {

	padding: 0;

	margin: 0;

}



div#footer {

	background: #ccc url(../images/footer_bg.png) repeat-x;

	height: 90px;

	border-top: 1px solid #fff;

	margin: 0;

	padding: 0;

}



div.divtop {

	clear: both;

	background: #fff;

	height: 1px;

	overflow: hidden;

}



div.usermodules {

	background: #E0E0E0 url(../images/mod_bg.png) repeat-x;

}



div.moddiv1 {

	background: url(../images/mod_div_bg.png) 50% 0 repeat-y;

}



div.moddiv2 {

	background: url(../images/mod_bolts_b.png) 50% 100% no-repeat;

}



div.moddiv3 {

	background: url(../images/mod_bolts_t.png) 50% 0 no-repeat;

}



div.usermodules div.moduletable h3 {

	background: url(../images/mod_h3_bg.png) 5px 0 no-repeat;

	color: #666;

	padding-top: 7px;

	line-height:  100%;

	text-indent:  0;

	padding-left: 35px;

	height:  auto;

	padding-bottom: 10px;

}



div.usermodules td.usercol {

	padding: 5px;

}



div.moddivider {

	background: url(../images/mod_div2.png) 0 0 repeat-x;

	height: 12px;

	overflow: hidden;

}



td.contentcol {

	background: #fff;

}



td.usercol {

	width: 50%;

}



div.padding {

	padding:  10px;

}



div#bot-rss {

	float: left;

	margin-left: 70px;

	margin-top: 22px;

}



div#bot-w3c {

	float: right;

	margin-right: 28px;

	margin-top: 30px;

}



div#bot-rocket {

	font-size:9px;

	margin: 22px auto;

	display: block;

	position: relative;

	vertical-align:middle;

	width: 140px;

	height: 41px;

}



/* accessibility stuff */



#access {



}



#access span {

	background-repeat: no-repeat;

}



#access a {

	text-decoration: none;

}



#access .spacer {

	display:  block;

	float:  right;

	width: 10px;

	overflow:  hidden;

}



#access #buttons {

	float: right;

	padding-right: 11px;

	display:none;

}



#access .button {

	display: block;

	float: right;

	width: 18px;

	height: 15px;

	margin-left: 1px;

	margin-top: 24px;	

	background-repeat: no-repeat;

}



a.large .button {

	background: url(../images/font_l.png);

}



a.small .button {

	background: url(../images/font_s.png);

}



a.default .button {

	background: url(../images/font_m.png);

}



/* menu stuff */

a.mainlevel:link,

a.mainlevel:visited {

	color: #333;

	text-indent: 10px;

	background: url(../images/submenu_bullet.png) 0 50% no-repeat;

}



a.mainlevel:hover {

	color: #666;

}



/* main tabs */

#mainmenu {

	padding: 0;

	white-space: nowrap;

	float: left;

	margin: 5px 18px 0;

}



#mainmenu ul {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

}



#mainmenu li {

	float: left;

	margin: 0;

	padding: 0 10px;

	border-right:  1px solid #b2b2b2;

}



#mainmenu a:link, #mainmenu a:visited {

	float: left;

	display: block;

	padding: 2px 10px;

	font-size: 95%;

	text-transform: lowercase;

	font-weight: bold;

	height:  17px;

	line-height:  17px;

	color: #fff;

}



#mainmenu a:hover {

	color: #EBEBEB;

	text-decoration: none;

}



/* color stuff */



#mainmenu li.blue a,

#mainmenu li.blue_active_menu a, li.default_active_menu a, li.default a{

	border-bottom:  3px solid #2d6594;

}

/*

body.blue #submenu li.active_menu a:link, 

body.blue #submenu li.active_menu a:visited,

#mainmenu li.blue_active_menu a:link,

#mainmenu li.blue_active_menu a:visited,

body.blue #mainmenu li.default_active_menu a:link,

body.blue #mainmenu li.default_active_menu a:visited {

	color:  #2d6594;

}*/



#mainmenu li.red a,

#mainmenu li.red_active_menu a {

	border-bottom:  3px solid #8c0d0d;

}

/*

body.red #submenu li.active_menu a:link, 

body.red #submenu li.active_menu a:visited,

#mainmenu li.red_active_menu a:link,

#mainmenu li.red_active_menu a:visited,

body.red #mainmenu li.default_active_menu a:link,

body.red #mainmenu li.default_active_menu a:visited {

	color:  #8c0d0d;

}*/



#mainmenu li.gold a,

#mainmenu li.gold_active_menu a {

	border-bottom:  3px solid #bf8600;

}

/*

body.gold #submenu li.active_menu a:link, 

body.gold #submenu li.active_menu a:visited,

#mainmenu li.gold_active_menu a:link,

#mainmenu li.gold_active_menu a:visited,

body.gold #mainmenu li.default_active_menu a:link,

body.gold #mainmenu li.default_active_menu a:visited {

	color:  #bf8600;

}*/



#mainmenu li.orange a,

#mainmenu li.orange_active_menu a {

	border-bottom:  3px solid #b9641b;

}

/*

body.orange #submenu li.active_menu a:link, 

body.orange #submenu li.active_menu a:visited,

#mainmenu li.orange_active_menu a:link,

#mainmenu li.orange_active_menu a:visited,

body.orange #mainmenu li.default_active_menu a:link,

body.orange #mainmenu li.default_active_menu a:visited {

	color:  #b9641b;

}*/



#mainmenu li.purple a,

#mainmenu li.purple_active_menu a {

	border-bottom:  3px solid #6c2b88;

}

/*

body.purple #submenu li.active_menu a:link, 

body.purple #submenu li.active_menu a:visited,

#mainmenu li.purple_active_menu a:link,

#mainmenu li.purple_active_menu a:visited,

body.purple #mainmenu li.default_active_menu a:link,

body.purple #mainmenu li.default_active_menu a:visited {

	color:  #6c2b88;

}*/



#mainmenu li.green a,

#mainmenu li.green_active_menu a {

	border-bottom:  3px solid #346e22;

}

/*

body.green #submenu li.active_menu a:link, 

body.green #submenu li.active_menu a:visited,

#mainmenu li.green_active_menu a:link,

#mainmenu li.green_active_menu a:visited, 

body.green #mainmenu li.default_active_menu a:link,

body.green #mainmenu li.default_active_menu a:visited{



	color:  #346e22;

}*/





/* submenu */

#submenu {

	padding: 0;

	white-space: nowrap;

	height: 24px;

	line-height: 24px;

	background: url(../images/submenu_bg.png) 0 100% repeat-x;

	border-bottom: 1px solid #fff;

}



#submenu ul {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

	padding-left:  30px;

}



#submenu li {

	float: left;

	margin: 0;

	padding: 0;

	padding-right: 10px;

	background: url(../images/submenu_bullet.png) 0 50% no-repeat;

}



#submenu li.active_menu a:link, #submenu li.active_menu a:visited {

	text-decoration:underline!important;

}



#submenu a:link, #submenu a:visited {

	float: left;

	display: block;

	padding: 0px 10px;

	line-height: 12px;

	margin: 5px 0;

	text-transform: lowercase;

	font-size: 95%;

	font-weight: bold;

	color: #333;

}



#submenu a:hover {

	text-decoration: underline!important;

}



/* some page content things */



.hide {

	display: none;

}



td.left ul,

td.right ul {

  margin: 0;

  padding: 5px 0px 5px 12px;

}



form {

	border: 0;

	margin: 0;

	padding: 0;

}



table.blog span.article_seperator {

	display: block;

	height: 20px;

}



blockquote {

	margin: 10px 0;

	line-height: 140%;

	padding: 10px;

	background: #EEEEEE;

	color: #666;

}



pre {

	padding: 10px;

	background: none;

	border: 1px solid #EBEBEB;

}



table.pollstableborder td {

	text-align: left;

	padding: 2px 0;

}



div.module-planesound{

				width:250px;float:left}



div.module-top_menu{width:50%;float:right;}

ul#mainlevel-top_menu{

				list-style: none;

				margin:0;

				padding:0;

}

ul#mainlevel-top_menu li{

				display:inline;

}

ul#mainlevel-top_menu li {

				font-size:10px;

}

ul#mainlevel-top_menu li a{

				color:#fff;

				padding:0 4px;

				clear:right;

}

div.moduletable-byLine {

				font-family:"Times New Roman", Times, serif;

				font-size:20px;

				padding:15px;

}