﻿/*========================================================
                    NAD HOMEPAGE
========================================================*/

/*******************************************************************
LAYOUT
*******************************************************************/
/*#contentHeader{padding: 10px; display: block; margin: 10px;}*/
#contentHeader{float:right; width:72%;margin-left:15px;/*padding: 10px;*/ display: block;}
#formBody{float:right;padding-top:10px;margin-left:0; margin-bottom:10px; display:inline;width:71.5%}
#leftCol{display: block; padding-top:5px;margin-top:10px;float:left;width:45%}
#rightCol{display: block; padding: 5px 10px 5px 10px;margin:10px 0 0 0 ;float:right;width:45%}
#mainContent{display:inline;width:100%;margin:10px}
#leftMenu{padding:0px 0px 0px 5px;float:left;display: inline; width:25%}
#bottom{display: block; float:right;width:71.5%}
#bottom input{display:inline;}
.spacer{height:10px;display:block;}

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content {  padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }

#sideMenus a:hover{color:#336699}

td.body{display:none;}
img{border:none}
a{ text-decoration: none; cursor:pointer;cursor:hand; }
ul{ list-style: none; }
html{background-color:#555;}
body {margin:0;background-color:#555;}

#home #contentTable{margin:0 auto; background:#000 url(../../App_Themes/ACM/images/sideVideo.gif) repeat-y top center;}

#home #content{width:960px; background:transparent url(../App_Themes/ACM/images/headerVideo.jpg) no-repeat top center;} 
 
#home #main{ display:block;margin: 0 50px 0 60px;position:relative;z-index:1}
#home #main .video {width:850px; display:inline-block;line-height:18px; z-index:1}

#home #main .left {padding-left:0;padding-right:5px;display:block;float:left;line-height:18px; width:400px;border-right:solid 1px #062050;margin-top:20px;}
#home #main .right{ display:block;line-height:18px;margin-top:20px;width:400px; padding-left:0;float:left;}
#home #bottomTmpl{position:relative;display:block;background:#59738E url(../App_Themes/ACM/images/footerVideo.jpg) no-repeat;width:960px;text-align:center;height:28px; vertical-align:bottom; margin: 0 auto;padding:20px 0 0 0;}

#header{height: 220px; display: block}

/*** top menu ***/
#menuBar{Padding-top:178px;padding-left:233px;position:absolute; margin: 0 auto;z-index:1}
.topMenu, .topMenu{margin:0;padding:0;list-style:none;}
.topMenu {line-height:	1.0;}

.topMenu ul li {width:100%;}
.topMenu li {float:left;position:relative;}
.topMenu a {display:block;position:relative;}



.topMenu {	float:left;	margin-bottom:	1em;}
.topMenu a {border-left:1px solid #fff;	border-top:1px solid #CFDEFF;padding:.75em .8em;text-decoration:none;}
.topMenu a, .topMenu a:visited  {color: #102955;font-weight:bold;background: url('/images/bgMenu_Hover.png') repeat; padding:10px}
.topMenu li {}


.bar, .bar{margin:0;padding:0;list-style:none;}
.bar {line-height:	1.0;}

.bar ul li {width:100%;}
.bar li {float:left;position:relative;}
.bar a {display:block;position:relative;}



.bar {	float:left;	margin-bottom:	1em;}
.bar a {border-left:1px solid #fff;	border-top:1px solid #CFDEFF;padding:.75em .8em;text-decoration:none;}
.bar a, .bar a:visited  {color: #102955;font-weight:bold;background: url('/images/bgMenu_Hover.png') repeat; padding:10px}
.bar li {}

/* DASHBOARD */

 ul.dashboard{ margin:0 auto; padding:0;display:block; width:800px;margin:0 auto}
 ul.dashboard li.profile,li.reports,li.worklist{display:inline;margin:0;}
 ul.dashboard li.profile a{background:transparent url(images/profile_btn.png) no-repeat top left;width:252px;height:126px;display:block;float:left;}
 ul.dashboard li.profile a:hover{ background-position:0 -126px;}
 ul.dashboard li.reports a{background:transparent url(images/reports_btn.png) no-repeat top left;width:252px;height:126px;display:block;float:left}
 ul.dashboard li.reports a:hover{ background-position:0 -126px;}
 ul.dashboard li.worklist a{background:transparent url(images/worklist_btn.png) no-repeat top left;width:252px;height:126px;display:block;float:left}
 ul.dashboard li.worklist a:hover{ background-position:0 -126px;margin:0;}
 ul.dashboard li.create a{background:transparent url(images/create_btn.png) no-repeat top left;width:252px;height:126px;display:block;float:left}
 ul.dashboard li.create a:hover{ background-position:0 -126px;margin:0;}
 
 
 ul.AppLinks{ margin:0 auto; padding:0;display:block; width:800px;margin:0 auto; /**border:double 1px #000033;*/ margin:10px;padding:5px;}
 ul.AppLinks li{display:inline-block;margin:0; /**background:transparent url(../../images/icons/Red_pin.png) no-repeat left;*/ padding-left:20px; margin:3px 0 3px 0; width:365px}
 ul.AppLinks li.warning{display:inline-block;margin:0; background:transparent url(../../images/icons/Alert.png) no-repeat left; padding-left:20px; margin:3px 0 3px 0; width:365px}
 ul.AppLinks li a{font-size:14px; font-weight:bold;}
 
 ul.prnt{ margin:0 auto; padding:0;display:block; width:170px;margin:0 auto; /**border:double 1px #000033;margin:10px;*/ padding:5px;}
 ul.prnt li{display:inline; margin:3px 0 3px 0;}
 ul.prnt li.pdf{display:inline-block;margin:0; background:transparent url(../../images/icons/Alert.png) no-repeat left; padding-left:20px; margin:3px 0 3px 0;}
 ul.prnt li a{ font-weight:bold;}
 
 ul.updates{ margin:0 auto;display:block;  /**border:double 1px #000033;*/}
 ul.updates li{display:inline;margin:0;  margin:3px 0 3px 0; }
 ul.updates li a{font-size:12px; font-weight:bold; width:120px; background:#fff; padding-left:20px;padding-right:10px;}
 
.dxgvControl, .dxgvDisabled {
background-color:Transparent !important;
border:none !important;
color:#000 !important;
cursor:default;
font:11px Tahoma;
}
.dxgvTable{background-color: transparent !important;} 

 /* lists */
 
ul.list{padding:0;margin:0;display:block;}
.list li{display:inline-block; width:145px; padding:0;margin-left:-20px}
.list input{width:auto; display:inline}
.list label{width:auto;display:inline}

/*************************** LEFT MENU CONTROL **************************/

#ediPic{float:right; height:20px; position:absolute;display:block; visibility:hidden;background:#fff}
#ediPic a{font-size:small}

 #tabMenu{margin: 0;padding: 0 0 0 0px;list-style: none;}
 #tabMenu li{float: left;height: 40px;width: 40px;cursor: pointer;cursor: hand;}
 Li.settings{background: url(images/settings.png) no-repeat 0 -40px;}
 li.profile{background: url(images/profile.png) no-repeat 0 -40px;}
 li.apps{background: url(images/Apps.png) no-repeat 0 -40px;}
 li.files{background: url(images/myFiles.png) no-repeat 0 -40px;}
 li.add{background: url(images/add.png) no-repeat 0 -40px;}
 li.empty{background: #fff}
 li.mouseover{background-position: 0 0;}
 li.mouseout{background-position: 0 -40px; cursor:pointer;}
 li.selected {background-position: 0 0;}
 .box{width: 200px;}
 .boxTop{ background: url(images/boxTop.gif) no-repeat;height: 11px;clear: both;   }
 *html .boxTop{margin-bottom: -2px;}
 .boxBody{background-color: #cfdeff;}
 .boxBottom{background: url(images/boxBottom.gif) no-repeat;height: 11px;}
 .boxBody div{display: none;}
 .boxBody div.show{display: block;}
 .boxBody #category a{display: block;    }
 *html .boxBody div ul{margin-left: 10px;padding-left: 15px;}
 .boxBody div li{border-bottom: 1px dotted #8e8e8e;padding: 4px 0;cursor: hand;cursor: pointer;}
 .boxBody div li a{display:inline-block;width:100%}
 .boxBody div ul li.last{border-bottom: none;}
 .boxBody div li span{font-size: 8px;font-style: italic;color: #888;    }
 /****************************************************************************8/
 

/*********************************** TASKBAR *********************************/

#taskbar{position:fixed; display:block; z-index:2000; bottom:0; width:100%;  background:silver;}
#taskbar #innerTsk{width:960px;margin:0 auto}
 ul.toolBar 
 {
  	font-weight:bold;
 	padding:0;
 	margin:0;
 	vertical-align:middle; 
 	width:100%;float:right;
 	border:solid 1px #ccc; 
 	background-color:#fff;
 }
 
#footerSlideContainer {position: fixed;
    bottom:0;
	    width: 100%;
	}
	#footerSlideButton {
	    margin: 0 20px 0 auto;
	    width:120px;
	    text-align:center;
	    border: 1px solid #222222;
	    border-bottom: 0px;
	    -moz-border-radius-topleft: 12px;
	    -moz-border-radius-topright: 12px;
	    -webkit-border-top-left-radius: 12px;
	    -webkit-border-top-right-radius: 12px;
	    /* don't forget Opera & KHTML too */
	    cursor: pointer;
	 
	}
	#footerSlideContent {
	    width: 100%;
	    height: 50px;
	    background: black;
	    color: white;
	    display:none;
	}

/******************************** END TASKBAR ***********************************/
 /* GRID TOOLBARS */
 
 ul.toolBar 
 {
  	font-weight:bold;
 	padding:0;
 	margin:0;
 	vertical-align:middle; 
 	width:100%;float:right;
 	border:solid 1px #ccc; 
 	background-color:#fff;
 }
 
 ul.toolBar ul,ul.toolBar li{ border:0 none;padding:0;margin:0;display:inline}
 ul.toolBar li{border-left:1px solid #FFFFFF;border-right:1px solid #ccc;display:inline}
  ul.toolBar li.print{border-left:1px solid #FFFFFF;border-right:1px solid #ccc;display:inline-block; background:transparent url(../../images/icons/Print.png) no-repeat left; padding-left:20px;}
   ul.toolBar li.email{border-left:1px solid #FFFFFF;border-right:1px solid #ccc;display:inline-block; background:transparent url(../../images/icons/E-mail.png) no-repeat left; padding-left:20px;}
 ul.toolBar li a{padding:3px 8px;display:inline; cursor:pointer; cursor:hand;}

/* SCREEN WIDGETS */


#rightFloatPanel{position:absolute;right:-35px;top:320px}
ul#rightFloatPanel{padding-left:0px;}
ul#rightFloatPanel  li {  margin-bottom:2px;}
#rightFloatPanel li.floatingSave_btn a{background:transparent url('../../images/save_horiz.gif') no-repeat;width:32px; height:92px;display:block}
ul#rightFloatPanel li.floatingSave_btn a:hover {background:transparent url('../../images/save_horiz_H.gif') no-repeat;width:32px; height:92px;display:block}
ul#rightFloatPanel{position:absolute;right:-35px;top:320px}

ul#rightFloatPanel li.floatingNext_btn a{background:transparent url('../../images/next_vert.gif') no-repeat;width:32px; height:92px;display:block}
ul#rightFloatPanel li.floatingNext_btn a:hover {background:transparent url('../../images/next_vert_H.gif') no-repeat;width:32px; height:92px;display:block}




/**************************************/
/*              BREADCRUMS            */
/**************************************/

#breadcrumb
{
    font: 14px Arial, Helvetica, sans-serif;
    background-image:url('images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li{ list-style-type:none; float:left;padding-left:10px;}    
#breadcrumb li.search{  list-style-type:none; float:right;padding-left:10px;padding-top:5px}    
#breadcrumb input.search{display:inline}
#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#003366;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	/*color:#35acc5;*/
	cursor:text;
}


  
 
/**************************************/
/*              BUTTONS               */
/**************************************/

button.button {
	padding:0px 0px 0px 10px;
	text-align:left;
	height:40px;
	border:none;
	position:relative;
}
/* Firefox 3px padding bug */
button.button::-moz-focus-inner {
 padding:0;
 margin-top:-1px;
 margin-left:-1px;
}
.button {
	display:block;
	padding-left:8px;
	color:#FFF;
	position:relative;
}
.button strong {
	display:block;
	/*height:40px; 30*/
	line-height:28px;
	padding-right:10px;
	white-space:nowrap;
}
.button:hover {
	text-decoration:none;
}
.button:hover strong {
}
/* Inactive */
.buttonInactive, .inactive .button {
	color:#333;
}
.buttonInactive strong, .inactive .button strong {
}
.buttonInactive:hover, .inactive .button:hover {
	/*background-position:0 -510px;*/
}
.buttonInactive:hover strong, .inactive .button:hover strong {
}

/* Expandable */
.button .expand {
	/*background:url(site/1/template/sprites.png) no-repeat 100% -234px;*/
	width:25px;
	height:40px;/*30*/
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:10px;
}
.button .expanded {
	/*background-position:100% -2280px;*/
}
button.small-button {
	display:inline-block;
	/*background:url(site/1/template/sprites.png) no-repeat 0 -234px;*/
	color:#333;
	height:25px;
}
button.small-button strong {
	/*background:url(site/1/template/sprites.png) no-repeat 100% -256px;*/
	line-height:25px;
}
button.small-button:hover {
	/*background:url(site/1/template/sprites.png) no-repeat 0 -297px;*/
}
button.small-button:hover strong {
	/*background:url(site/1/template/sprites.png) no-repeat 100% -425px;*/
}




/**************************************/
/*  ROUNDED CORNERS WITH FULL IMAGE   */
/**************************************/
.bImg {
	padding-bottom:10px;
	padding-right:10px;
	background-position:top left;
	background-repeat:no-repeat;
	display:inline-block;
}
.bImg .bInner {
	margin-top:10px;
	margin-left:10px;
	margin-bottom:-10px;
	margin-right:-10px;
	padding:0px 10px 10px 0px;
	position:relative;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.bImg .bTR, .bImg .bBL {
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	display:block;
}
.bImg .bTR {
	top:-10px;
	right:0px;
	background-position:top right;
}
.bImg .bBL {
	bottom:0px;
	left:-10px;
	background-position:bottom left
}

/**************************************/
/*               ICONS                */
/**************************************/
.icon {
	width:50px;
	height:50px;
	vertical-align:middle;
	margin:0 0 0 5px;
}
.button .icon{
	margin:1px 0 5px 5px;
}


/**************************************/
/*             SIDEBAR                */
/**************************************/

#sidebar .title {
border:none;
color:#fff;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;
}
#sidebar  {
	float:left;
	margin-left:0px;
	font-size:12px;
	width:247px;
}
/*
#sidebar, #sidebar .bInner, #sidebar .bTR, #sidebar .bBL {
	background-image:url(site/1/template/sidebars)
}*/
#sidebar li ul li {
	color:#cfc5c5;
}
#sidebar li ul li a {
	color:#cfc5c5;
text-decoration:none;
}
#sidebar li ul li.active a {
	color:#ffffff;
text-decoration:none;
}


#sidebar ul 
{
    padding:0px;
	margin:0px;
}
#side-nav li{
	list-style:none;
	margin-bottom:5px;
}
/* Must use classes because pseudo-classes :first-child and :last-child aren't well implemented everywhere */
#sidebar ul li.first {
	/*background-position:0px 0px;*/
	padding-top:10px;
}
#sidebar ul li.last {
	/*background-position:0px 100%;*/
	padding-bottom:10px;
}
#sidebar li a.button 
{
   background:transparent url(site/1/template/btnBg.png) no-repeat top center;
	margin:0;
	width:247px;
     text-decoration:none;
}
#sidebar li ul li a.button 
{
   background:none;
	margin:0;
	width:247px;
     text-decoration:none;
}
#sidebar li a.button strong{

}
#sidebar .icon{
	margin:1px 5px 5px 0;
	border:none;

}
#sidebar li ul {
	margin:0px;
	padding:0px;
	clear:both;
}
#sidebar li ul li {
	list-style:disc outside;
	margin-left:50px;
	background:none;
	margin-bottom:0;
	vertical-align:middle;
}
#sidebar li ul li a {
        text-decoration:none;
	display:block;
	padding-bottom:5px;
}
#sidebar li ul li a:hover {
	display:block;
	padding-left:5px;
	padding-bottom:5px;
}
#sidebar li ul li.active a {
        text-decoration:none;
	font-weight:bold;
}
.JS #sidebar .inactive ul{
	display:none;
}


/* dock - top */
.dock {
	position: relative; 
	text-align: center;
    bottom:0px;
}
.dock-container {
	position: absolute;
	padding-left: 20px;
	padding-top: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 16px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	/*display: none;*/ 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	/*bottom:0px;*/
	position:relative;
	left: 0px;
	
}
.dock-container2 {
	position: absolute;
	height: 58px;
	/*background: url(site/1/directory/js/dock-bg.gif);*/
	padding-left: 20px;
	padding-top:20px;
}
a.dock-item2 {
	display: block; 
	font: bold 16px Arial, Helvetica, sans-serif;
	width: 50px; 
	color: #000; 
	bottom: 15px; 
	text-decoration: bold;
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span 
{
    color:#fff;
    font-weight:bold;
	display: none;
	padding-left: 0px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}




.DigestTitle
{
    font-family: verdana, arial, helvetica, sans-serif;
    color: #062050;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.FeedTitle
{
    font-family: arial, helvetica, sans-serif;
    color: #ffdf7b;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
}
a.FeedTitle
{
    text-decoration: none;
}
.FeedDescription
{
    font-family: arial, helvetica, sans-serif;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.FeedLink
{
    text-decoration: none;
}
.sitename
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}
.church_address
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
.navlinks
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
a.navlinks
{
    text-decoration: none;
}
a.navlinks:hover
{
    text-decoration: underline;
}
.footer
{
    font-family: arial, helvetica, verdana;
    font-size: 8pt;
    color: #336699;
    text-align: center;
    padding: 10px;
    display:none;
}
a.footer
{
    font-family: arial, helvetica, verdana;
    color: #336699;
}
a.footer:hover
{
    color: #fff;
}
a
{
    font-family: arial, helvetica, verdana;
}


.bottom_links 
{
    text-align: center;
    color: #336699;
    text-align: center;
}

.bottom_links a:link /*, a:visited*/
{
    font-family: arial, helvetica, verdana;
    color: #b7b5b5;
}
.bottom_links a:hover
{
    color: #336699;
}


.rsscredit {
    font-family: arial, helvetica, sans-serif;
    color : #000000;
    font-size : 8pt; }
.rsslinks {
    font-family: arial, helvetica, sans-serif;
    color : #000000;
    font-size : 8pt; }


.devotionteaser {
    font-family:  arial, helvetica, sans-serif;
    color : #000000;
    font-size : 12px;
    text-decoration : none;  }

a.devotionteaser {
    text-decoration : none;  }

a.devotionteaser:hover {
    color : #555555;
    text-decoration : none;  }

.devotioncell {
      background-color:#EAD7A9;
      }

.title {
     font-size : 18px;
     color : #333333;
     font-family : verdana, trebuchet ms, arial, sans-serif;
     font-weight : bold;
     /*font-style : italic;*/
     border-style : solid;
     border-color : #3366cc;
     border-bottom-width : 1px;
     border-top-width : 0px;
     border-left-width : 0px;
     border-right-width : 0px; }

.2ndline {
     font-size : 12px;
     font-style : italic;
     font-face : helvetica, arial, verdana;
     color : #333333; }

.headline {
    font-family: arial, helvetica, sans-serif;
    color: #102955;
    font-size: 18px;
    font-weight: bold; }

.subheadline {
    font-family: arial, helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    font-style : italic; }

.tagline {
    font-family: arial, helvetica, sans-serif;
    color: #435124;
    font-size: 13px;
    font-weight: bold;
    font-style : italic; }

.address {
    font-family: arial, helvetica, sans-serif;
    color : #777777;
    font-weight: bold;
    font-size : 8pt; }
.body {
    font-family: arial, helvetica, sans-serif;
    color : #000000;
    font-size : 10px; }
.sitename {
    font-family: arial, helvetica, sans-serif;
    color : #D3B666;
    font-weight: bold;
    font-size : 17pt; }
.caption {
    font-family: arial, helvetica, sans-serif;
    color : #000000;
    font-size : 10px; }
.pullquote {
    font-family: arial, helvetica, sans-serif;
    color : #000000;
    font-size : 14px;
    font-style : italic; }
.credit {
    font-family: arial, helvetica, sans-serif;
    color : #000000;
    font-size : 14px;
    font-style : italic; }



.whatsnew-title { 
    font-family:  arial, helvetica, sans-serif;
    color : #000033;
    font-size : 12px;
    line-height : 13px;
    font-weight : bold;
    text-decoration : none; }

.whatsnew {
    font-family:  arial, helvetica, sans-serif;
    color : #000000;
    font-size : 12px;
    font-weight : normal;
    text-decoration : none; }

.whatsnew:hover {
    color : #555555; }

.eventsnew-title { 
    font-family:  arial, helvetica, sans-serif;
    color : #9D7419;
    font-size : 12px;
    line-height : 13px;
    font-weight : bold;
    text-decoration : none; }

.eventsnew {
    font-family:  arial, helvetica, sans-serif;
    color : #000000;
    font-size : 12px;
    text-decoration : none; }

.eventsnew:hover {
    color : #555555; }

.navlinks {
	color: #667086;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight : bold;
        text-decoration: none; }
a.navlinks {
	color: #667086;
	font-family: arial, helvetica, sans-serif;
	font-weight : bold;
        text-decoration: none;
        padding: 0px;
        
}
a.navlinks:hover {
	color: #9DACCF; }

.navlinks2 {
	color: #777777;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; }

a.navlinks2 {
	color: #777777;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
        padding: 0px; }

a.navlinks2:hover {
	color: #999999; }

.vertical-links {
    color : #667086;
	font-weight : bold;
	text-decoration : none;
	font-family : arial, helvetica, verdana;
	font-size: 10pt;
        line-height : 18px;
	max-height : 40px; }

.vertical-links:hover {
    color : #9DACCF; }

.subpages-description {
    font-family:  arial, helvetica, sans-serif;
    color : #000000;
    font-size : 12px;
    text-decoration : none; }

.subpages-description:hover {
    color : #555555; }


a   {
    color : #000033;
    font-family : arial, helvetica, verdana; 
    text-decoration:none;
    }
a:hover   {
    color : #336699; }

.printlink {
    font-family : arial, helvetica, verdana;
    color: #666666;
    font-size : 8pt; }
a.printlink {
    font-family : arial, helvetica, verdana;
    color: #fff;
    font-size : 8pt; }
a.printlink:hover {
    font-family : arial, helvetica, verdana;
    color: #000;
    font-size : 8pt; }


.system {
	color : #000000;
    font-size : 10pt;
    font-face : arial, helvetica, verdana; }
.syssmall {
	font-size : 8pt;
   	font-face : arial, helvetica, verdana;
   	color : #000000; }
.bodysmall {
	font-size : 8pt;
        color : #000000;
   	font-face : arial, helvetica, verdana; }
.bodysmallgrey {
	font-size: 8pt;
   	font-face: arial, helvetica, verdana;
   	color: #000000; }
table { 
    font-family:  arial, helvetica, sans-serif;
    font-size: 10pt; }


.GalleryPopupTitle {
    font-family : arial, helvetica, verdana;
    font-size : 11pt;
    font-weight: bold; 
    color : #555555; }

.GalleryPopupDescription {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #555555; }

.GalleryPopupDetails {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #555555; }

.GalleryExplainText {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #555555; }

.GalleryThumbnailTitle {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
    font-weight: bold;
	color : #555555; }

.GalleryThumbnailDescription {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #555555; }

.GalleryHeadline {
    font-family : arial, helvetica, verdana;
    color: #B99648;
    font-size: 18px;
    font-weight: bold; }

.GalleryIntro {
   font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #000000; }

.GalleryEditorLink {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #000000; }

.GalleryNavigation {
    font-family : arial, helvetica, verdana;
    font-size : 20pt;
	color : #bc8b1c; }

.GalleryTitle {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
    font-weight: bold;
	color : #bc8b1c; }

.GalleryDescription {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #555555; }

.GalleryNoPhotos {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #000000; }

.GalleryInactive {
    font-family : arial, helvetica, verdana;
    font-size : 10pt;
	color : #000000; }

a.forum:link {
        color : #000000;
        text-decoration : underline;
        font-size: 10pt; }

a.forum:visited {
        color : #000000;
        text-decoration : underline;
         }

a.forum:hover {
        color : #555555;
        text-decoration : none;
        font-size: 10pt; }

a.forum:active {
        text-decoration : underline;
        color : #0a5593;
        font-size: 10pt; }

.forum_title {
    font-family: arial, helvetica, sans-serif;
    color: #B99648;
    font-size: 18px;
    font-weight: bold; }

.forum_intro {
    font-family:  arial, helvetica,
    sans-serif;
    font-weight:normal;
    font-size: 11pt; }

.forum_table {
    font-family:  arial, helvetica,
    sans-serif;
    font-size: 10pt; }

.forum_td {
     font-family:arial; font-size:9pt;
     color:#666666;
     background-color:#ffffff; }

.flat {
     background-color:#CCCCCC; }

.table_header {
     background-color:#B99648;
     color:#ffffff; font-family:arial;
     font-size: 10pt; }

.latest_post {
     font-family:arial;
     font-size:8pt;
     color:#000000; }

.latest_post_link {
      background-color:#ff9966;
      color:#000000;
      font-size:9pt;
      font-family:arial;
      border: solid 1px #000000;
      text-decoration:none; }

.new {
      font-family:verdana;
      font-size:7pt;
      color:#ff0000;
      font-weight:bold; }

.notnew {
      font-family:verdana;
      font-size:7pt;
      color:#555555; }

.message {
      border-bottom:solid 1px #000000;
      background-color:#CCCCCC;
      font-size : 10pt }

.highlight {
      background-color:#CCCCCC; }

.quote {
      padding:5px;
      border:solid 1px #000000;
      background-color:#e6e6e6;
      color:#000000; }
	  
/* Feature Images */


h3{margin:0;/*background-color:#fff*/}

.standard select{display:inline}
.standard input{display:inline}


.dxdvItem, .dxdvFlowItem{height:auto !important}

.standard select{display:inline}
.standard input{display:inline}


.dxdvItem, .dxdvFlowItem{height:auto !important}


/********************** SLIDE bAR **************************/

/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.msg {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
	text-align: center;
}

.tab ul.msg li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.msg li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.msg li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}

.tab ul.msg li a {
	color: #15ADFF;
}

.tab ul.msg li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
  /*  position: absolute; */  
   position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: url(images/taskbar_bg.png) repeat;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 200px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #888787;
}
#panel .content .notify {
	width: 450px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #888787;
}

#panel .content .right {
	border-right: 1px solid #888787;
}



#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 250px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}





