/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 20px;
	background: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #787878;
}

h1, h2, h3
{
    margin: 0;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-weight: normal;
    color: #000000;
}

h1
{
    font-size: 1.8em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.2em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #A42424;
}

a:hover {
	background: none;
}

#wrapper {
	width: 910px;
	margin: 0 auto;
	padding: 20px;
	background: #FFFFFF;
}

/* Header */

#header {
	width: 910px;
	height: 172px;
	margin: 0 auto;
	background: url(images/bannerbjj.jpg) no-repeat left top;
}

/* Logo */

#logo {
	float: right;
	width: 640px;
	color: #B2B2B2;
}

#logo h1, #logo p {
}

#logo h1
{
    float: left;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-size: 4.0em;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Cambria;
    padding-top: 65px;
    padding-bottom: 0;
    padding-left: 60px;
}
#logob
{
    padding: 110px 0 0 360px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-size: 1.0em;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Cambria;
}

#logom
{
    padding: 0px 0 0 80px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-size: 2.0em;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Cambria;
}



#logo a
{
    border: none;
    background: none;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Cambria;
}

/* Search */

#search {
	float: right;
	width: 230px;
	padding-top: 16px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 90px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 200px;
	border: none;
	text-transform: lowercase;
	border: 1px #525252 dotted;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}

/* Menu */

#menu {
	width: 910px;
	height: 41px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img02.jpg) no-repeat left top;
}
#menuM {
	width: 910px;
	height: 41px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img02m.jpg) no-repeat left top;
}
#menuC {
	width: 910px;
	height: 41px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img02c.jpg) no-repeat left top;
}



#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}
/*
#menu a {
	display: block;
	padding: 13px 10px 10px 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */
#adminmenu
{
    float: right;
    position: relative;
    margin-top: -18px; /* 
    top: 0px;*/
    vertical-align: top;
    padding-right: 5px;
}

#page {
	width: 910px;
	margin: 0 auto;
	background: url(images/img03.jpg) no-repeat left top;
	
}

/* Content */

#content
{
    float: left;
    width: 600px;
    padding: 40px 0 0 20px;
    font-size: 10pt;
    font-family: Verdana;
    font-style: normal;
    font-weight: normal;
}

.post {
}

.post .title {
	color: #000000;
}

.post .title a {
	background: none;
	color: #000000;
	border: none;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .meta {
	border-bottom: 1px dashed #D2D4C9;
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.post .entry
{
    padding: 10px 0 20px 0;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 220px;
	padding: 40px 20px 0 0;
	color: #787878;
}

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

#sidebar li {
}

#sidebar li ul {
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dashed #D2D4C9;
}

#sidebar h2 {
	letter-spacing: -.5px;
	color: #000000;
}

#sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}

#sidebar a {
	color: #787878;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #787878;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 910px;
	height: 50px;
	margin: 0 auto;
	padding: 40px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #B2B2B2;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
}

.photos
{margin: 10px;
 }
 #scrolling
{
    color: #800000;
    width: 80%;
}

/*blog styles */
blockquote
{
    font-size: 88%;
    line-height: 1.25em;
    color: #000;
    margin: 0;
    padding: 10px 20px;
}
      
img
{
    border-style: none;
}
        pre, code, samp, kbd, tt
{
    font-family: "Courier New" , monospace;
    font-size: 90%;
    font-style: normal;
    line-height: normal;
}
        address, cite
{
    text-align: right;
}
        hr
{
    color: #046598;
    background-color: #046598;
    border: 0;
    height: 1px;
}
        
        #blog-header
{
    width: 860px;
    height: 100px;
    background-color: #505050;
    margin-bottom: 15px;
    border-top: 1px solid silver;
}
        #blog-header h1
{
    font-size: 18pt;
    font-weight: 700;
    color: #E0E0E0;
    margin: 0;
    padding: 25px 20px 0;
}
        #blog-header h1 a
{
    text-decoration: none;
    color: #E0E0E0;
}
        #blog-header h1 a:hover
{
    text-decoration: none;
    color: silver;
}
        #blog-header p
{
    margin-top: 20px;
    border-top: 1px solid silver;
    color: #FFF;
    background-color: #598890;
    font-size: 10pt;
    padding: 5px 15px;
}
        #main-bcontent
{
    float: left;
    width: 595px;
    margin: 0;
}
        #bcontent
{
    max-width: 585px;
    color: #000;
    background: #fff;
    line-height: 1.25em;
    margin: 0;
    padding: 10px 20px 20px;
}
        #bsidebar-bcontent
{
    float: left;
    width: 220px;
    margin: 0;
}

#bsidebar
{
    float: left;
    width: 220px;
    color: #787878;
    padding: 20px 20px 0 5px;
} 
/*
        #bsidebar
{
    max-width: 220px;
    color: #000;
    margin: 0;
    padding: 20px;
    background-color: #E5E5E5;
} */
        .bsidebar-title
{
    color: #6C6C6C;
    font-size: 11pt;
    font-variant: small-caps;
}
        .bsidebar-info-block
{
    width: 210px;
    padding-bottom: 10px;
    border-bottom: 1px solid #598890;
}
        .badmin-menu ul
{
    list-style-type: none;
    margin: 1pc auto;
}
        .badmin-menu li
{
    display: inline;
    padding-right: 1.5em;
}
        .badmin-view fieldset
{
    margin-bottom: 1em;
}
        .badmin-view legend
{
    font-weight: 700;
    font-variant: small-caps;
    color: navy;
}
        .bpost-related
{
    font-style: italic;
    margin-bottom: 0;
}
        .bpost-title
{
    margin-bottom: 0;
}
        .bpost-related + ul, .bpost-date
{
    margin-top: .25em;
}
        .comment-label, .badmin-view-label, .password-view-label, .users-view-label, .edituser-view-label
{
    float: left;
    min-width: 12em;
}
        .badmin-view-input, select, .users-view-input, .edituser-view-input, .password-view-input
{
    margin-bottom: .5em;
}
        .users-view-users { width: 100%; }
        
 .formlbl
 {
     font-weight: 700;
    font-variant: small-caps;
    color: navy;
    }
.forminp
{
    background:#ffffff;
	border:1px solid #404040;
	font:8pt Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:2px;
	padding-left:2px
	}
	
	 /* -- ASPxDataView -- */

#gridDashboard
{
    font: 9pt Tahoma;
	background-color: #E8EDF1;
	border: solid 1px Black;
	color: black }
	
.dxgvControl,
.dxgvDisabled
{
	border: solid 1px #4E4F51;
	font: 12px Tahoma;
	background-color: #eef2f5;
	color: Black;
	cursor: default;
}
.

.dxgvTable
{
	background-color: transparent;
	border-style: solid none solid none;
    border-width: 1px;
    border-color: #a4bed1;
	border-collapse: separate !important;
	overflow:hidden;
	font: 9pt Tahoma;
	color: Black;
}
.dxgvTable .dxgvHeader
{
    padding-left: 6px;
    padding-right: 6px;
}
.dxgvTable th
{}


.dxgvDataRow
{
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #a4bed1;
    font: 9pt Tahoma;
    background-color: White;
}

.dxgvDataRowAlt
{
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #a4bed1;
    background-color: #EDEDEB;
}

.dxgvSelectedRow 
{
	background-color:#e0eaec;
}
.dxgvFocusedRow 
{
	background-color: #8D8D8D;
}

.dxgvDetailCell ,
.dxgvPreviewRow  td.dxgv,
.dxgvEmptyDataRow  td.dxgv
{
	color: #6f7070;
}
.dxgvDetailCell ,
.dxgvPreviewRow  td.dxgv,
.dxgvEmptyDataRow  td.dxgv
{
	padding: 7px 2px 10px 13px;
	border-bottom: solid 1px #4e4f51;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	line-height: 16px;
}
.dxgvDetailRow td.dxgvIndentCell
{
	border-bottom: solid 1px #4e4f51;
}
.dxgvEmptyDataRow 
{
	color: Gray;
}
.dxgvEmptyDataRow  td.dxgv
{
	text-align:center;
}

.dxgvEditFormDisplayRow,
.dxgvDataRow,
.dxgvDataRowAlt,
.dxgvSelectedRow,
.dxgvFocusedRow 
{
	background-color: #FFFFFF;
}
.dxgvEditFormDisplayRow  td.dxgv,
.dxgvDataRow  td.dxgv,
.dxgvDataRowAlt  td.dxgv,
.dxgvSelectedRow  td.dxgv,
.dxgvFocusedRow  td.dxgv
{
	overflow: hidden;
	border-bottom: solid 1px #a4bed1;
	border-right: solid 1px #a4bed1;
	border-top: 0;
	border-left: 0;
	padding: 3px 6px 3px 6px;
}

.dxgvFocusedRow 
{
	background-color: #BDCAD5;
}
.dxgvSelectedRow 
{
	background-color: #E0EAEC;
}

.dxgvFilterRow  .dxgvIndentCell
{
    border-bottom-style: none;
    border-top-style: none;
}
.dxgvGroupRow 
{
	background-color: #d3e3ed;
}
.dxgvGroupRow  td.dxgv,
.dxgvFocusedGroupRow  td.dxgv
{
	border: none 0;
	vertical-align:middle;
	white-space:nowrap;
	border-top: solid 1px #ebf3f8;
	border-bottom: solid 1px #a4bed1;
	padding: 2px 6px 4px 6px;
}
.dxgvDataRow  td.dxgvIndentCell,
.dxgvGroupRow  td.dxgvIndentCell,
.dxgvGroupFooter  td.dxgvIndentCell
{
	border-top: 0px;
	border-right: Solid 1px #a4bed1;
}
.dxgvFocusedGroupRow  td.dxgvIndentCell,
.dxgvFocusedRow  td.dxgvIndentCell,
.dxgvSelectedRow  td.dxgvIndentCell
{
	background-color: #D3E3ED!important;  
	border-right: solid 1px #a4bed1;
}

.dxgvFocusedGroupRow 
{
	background-color: #bdcad5;
    color: #000000;
}
.dxgvFocusedGroupRow  td.dxgv
{
  	border-top: solid 1px #dae3ea;
}

.dxgvHeaderPanel {
	background-color: #F9F9F9;
	color: Black;
	padding: 8px 4px 8px 4px;
	border: solid 1px Black;
}

.dxgvHeader {
	cursor:pointer;
	white-space:nowrap;
	padding: 4px 7px 6px 7px;
	
	background: #444444 url(images/gvHeaderBackground.gif) repeat-x top left;
	border: solid 1px #4e4f51;
	overflow:hidden;
	-moz-user-select: none;
    font-weight: normal;
    text-align: left;
    color: White;
	font: 9pt Tahoma;
}
.dxgvHeader, .dxgvHeader table, .dxgvHeader a
{
	color: White;
	font: 9pt Tahoma;
}
.dxgvHeader td {
	white-space:nowrap;
}
.dxgvCustomization ,
.dxgvPopupEditForm  
{
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	overflow:auto;
}
.dxgvGroupPanel 
{
	white-space:nowrap;
	background: #CDD7DE url('gvGroupPanelBackground.gif') repeat-x top left;
	border-bottom: solid 1px #4E4F51;
	padding: 7px 4px 8px 9px;
}
.dxgvFooter 
{
	background-color: #CCDAE3;
	white-space:nowrap;
}
.dxgvFooter  td.dxgv
{
	padding: 5px 6px 5px 6px;
	padding-bottom: 7px;
	border-bottom: solid 1px #A4BED1;
	border-right-style: none;
}
.dxgvGroupFooter 
{
	background-color: #CCDAE3;
	white-space:nowrap;
}
.dxgvGroupFooter  td.dxgv
{
	padding: 5px 6px 5px 6px;
	padding-bottom: 6px;
	border-bottom: solid 1px #a4bed1;
	border-right-style: none;
}
.dxgvGroupFooter  td.dxgvIndentCell
{
    border-right: Solid 1px #a4bed1;
    background-color: #D3E3ED;
}

.dxgvDataRow  .dxgvIndentCell
{
    background-color: #D3E3ED!important;
}

.dxgvTitlePanel, .dxgvTable caption
{
    font-weight: bold;
    padding: 3px;
    text-align: center;
    background-color: #c9d7dc;
    border-bottom: solid 1px black;
    border: 1px solid #000000;
    color: #000000;
}


.dxgvControl  .dxpControl 
{
	background-color: #eef2f5;
}


.modalBackground {
            background-color: Gray;
           filter:alpha(opacity=70);
            opacity:0.7;
            }
            
.modalPopup
{
    border: 1px solid #FF0000;
    width: 250px;
    height: 150px;
    color: #000000;
    text-align: center;
    cursor: auto;
    font-size: medium;
    background-image: none;
    background-repeat: repeat;
    background-color: #E6E6E6;
}
.modalformpopup
{
    width: 700px;
    color: #000000;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    cursor: auto;
    font-size: medium;
    background-image: url(images/HeaderBackground.gif);
    background-repeat: repeat;
}

.dashedline
{
    border-bottom: 1px dashed #000080;
    padding-top: 10px;
    margin-bottom: 10px;
    clear: right;
    border-bottom-color: #000080;
}

/* Command buttons on pages */
.actionbuttons
{
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    background-position: #CCCCCC url(images/background_fullwidth.jpg) repeat-y;
    border: 1px solid #000080;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    background: #CCCCCC none repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #000080;
    border-collapse: collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
    border-bottom-color: #000066;
    border-left-color: #000066;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #E5E5E5;
    border: 1px solid #000080;
}
.calcurrentday
{
    background-color: #FFFFFF;
}
.calweekend
{
    background-color: #EFEFEF; /*  width: 15%; */
    border: 1px solid #000080;
}

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
    text-align: left;
    border: 1px solid #003399;
    height: 60px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    position: relative;
    border-collapse: separate;
    border-spacing: 5px;
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}



/************************************************************************
* 
* Global formatting
*
************************************************************************/

/* all the legend tags use this same style */

legend
{
    font-weight: bold;
    color: #666666;
    font-size: 1em;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 7px;
}
.mccolumn
{
    width: 40%;
}