﻿
body {
  background-color: #000000;
  font-size: 10pt;
  line-height: 1.5; 
  font-family: Verdana, Sans-Serif;
  color: #696969;
  margin: 0;
  padding: 0;
}
html {height: 102%;} /* ie8 scroll bar fix */
.IE8Fix{z-index: 100;} /* ie8 fix menu.ascx */



.centerPan{
	width:270px; margin:0 0 0 0px; float:left;
	}
.centerPan p.one{
	 color:#D3D3D3; font:14px/20px Arial, Helvetica, sans-serif; display:block; width:270px; 
	padding:10px 10px 10px 52px; margin:0 0 0 0; background:url(/App_Themes/black/images/01.gif) no-repeat 11px 13px #272727;
	}	
	




.read p.more{
	width:300px; border:#353535 1px solid; height:18px; background-color:#171717; color:#FFFFFF; margin:8px 0 28px 0px;
	padding:3px 3px 0 0;
	}
.read p.more a{	
	display:block; text-align:right; text-decoration:none;  font:14px/15px Arial, Helvetica, sans-serif; width:160px; height:15px; background:url(/App_Themes/black/images/read_more_arrow.gif) no-repeat right center #000000; color:#FFFFFF; float:right; padding:0 25px 0 0;
	}
.read p.more a:hover{
	color:#ccc; background-color:#124D8C; text-decoration:none;
	}

	
	

#rightPan{
	width:430px; margin:0 0 0 0px; float:right;
	}
#rightPan p.one{
	 color:#D3D3D3; font:14px/20px Arial, Helvetica, sans-serif; display:block; width:390px; 
	padding:10px 10px 0 20px; margin:0 0 0 0; background:#272727;
	}
#rightPan p.more1 {
	background-color:#272727; color:#8C8C8B; padding:7px 0 13px 14px; width:406px; margin:0 0 0 0;
	}
#rightPan p.more1 a{
	background-color:#000000; color:#2BCB02; display:block; font:14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:0 3px; margin:0 15px 0 5px;
	}
#rightPan p.more1 a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	}



a{outline: none;}
a, a:link, a:visited {color:#4682b4; text-decoration:none;}
a:hover {text-decoration:underline;}


.wrapper { width:850px;
  margin-left: auto; 
  margin-right: auto;
  }
 
 .header
{
  height: 150px;
  width:900px;
  margin-left: auto;
  margin-right: auto;
}

.logo 
{ 
  color: #1f90dc;
  margin-left: auto; 
  margin-right: auto;
  font-family: century gothic, sans-serif;
  font-size: 55px;
  font-weight: normal;
  padding: 0 0 0 5px;
}

.tagline 
{  
  padding: 100px 10px 10px 0; display: inline;   
  font-family: Tahoma,century gothic, sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-align:right;
} 

.bkg
{
  background-color: #40403E;
  width:100%; 
  height:32px;
 
}

.breadcrumb 
{  
  padding: 2px 0 0 0; display: inline;
}  
  
.box {
	float: left;
    background: #000;
    margin: 10px 0px 0px 0px;
    padding:30px 0px 0px 30px;
	width: 200px;  display:block;
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat;
    }

.box2 {

    background: #000;
    margin: 10px 0px 0px 0px;
	padding: 20px 0px 0px 30px; 
	width: 450px;  display:block;
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat;
	}
	
.box3 {
	float: right; 
    background: #000;
    margin: 10px 0px 0px 0px;
	padding: 20px 0px 0px 30px; 
	width: 220px; display:block;
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat; 
	}

.box4 {
	float: left; 
    background: #000;
    margin: 0 45px 0 0;
	padding: 20px 0px 0px 30px;
	width: 325px; 
	background-image: url(/App_Themes/black/images/column_bkg.jpg); 
	background-repeat:no-repeat;
	}
	
.box5 {
    background: #000;
    margin: 10px 0px 0px 0px;
	padding: 10px; 
	width: 550px; 
	}



/* horizontal nav               */
/*-----------------------------*/
#menu
{ background: #40403E;
  color: #EEE;
  border-color: #82974B;
  margin-left: auto; 
  margin-right: auto;
}

#menu ul{margin: 0px auto;} 

#menu li a 
{ display: block;
  float: left;
  height:26px;
  text-decoration: none; 
  padding: 6px 19px 0px 19px;
  border-right: 2px solid;
  font-weight: bold;
  background: #40403E;
  color: #929280;
  border-color: #2C2C2A;
  /*background:transparent url(/App_Themes/blue/images/nav_tab_bg.png) no-repeat scroll left top;*/
} 

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover
{ background: #929280;
  color: #EEE;
  border-color: #2C2C2A;
  /*background:transparent url(/App_Themes/blue/images/nav_tab_bg.png) no-repeat scroll left top;*/
  /*background-position: 0 -34px;*/
}

#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px;
  list-style: none;
}

/* vertical nav                 */
/*-----------------------------*/

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block; 
background-color:#FF9900;
font-size: 100%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:160px; 
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 100%;
display: block;
border-bottom: 1px dashed #929280;
padding: 6px 0px 6px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #929280;
background-color: #2a2a2a;
}

img
{
	border-width: 0;
    vertical-align: middle; 
    margin: 0px;
}

hr 
{
	border: 0;
	border-top: 1px solid #999999;
	height: 1px;
	width: 95%;
}

h1
{ 

    color: #696969; 
    font-size: 25px;
    font-weight: normal;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

h2
{

    color: #929280; /* e2713a */
    font-size: 20px;
    font-weight: bold;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 10px 0;
}

h3
{

    color: #696969; 
    font-size: 15px;
    font-weight: bold;
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

.footer
{
    border-color: #000000;
    color: #696969;
    font-size: 8pt;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.border
{
    border-width: 1px;
    border-style: solid;
    border-color: #000000; /* change theme */
    margin-left: auto;
    margin-right: auto;
}

.spacer
{
    height: 8px;
    width: 100px
} 

.center
{ 
    margin-left: auto;
    margin-right: auto;
}

.right
{
 	text-align: right;
}
  
/* Items                     */
/*-----------------------------*/

.content
{
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #40403E; /* change theme */
}

.itemsleft
{
    width: 30%;
    margin: 0;
    padding: .8em .8em .8em  0;
    vertical-align: middle;
    text-align: center;
}

.itemsright
{
    margin: 0;
    padding: .8em 0 .8em  0;
    vertical-align: middle;
}


/* change theme */
.t {background: url(/App_Themes/black/images/dot.gif) 0 0 repeat-x; width: 22em}
.b {background: url(/App_Themes/black/images/dot.gif) 0 100% repeat-x}
.l {background: url(/App_Themes/black/images/dot.gif) 0 0 repeat-y}
.r {background: url(/App_Themes/black/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(/App_Themes/black/images/bl2.gif) 0 100% no-repeat}
.br {background: url(/App_Themes/black/images/br2.gif) 100% 100% no-repeat}
.tl {background: url(/App_Themes/black/images/tl2.gif) 0 0 no-repeat}
.tr {background: url(/App_Themes/black/images/tr2.gif) 100% 0 no-repeat; padding:10px} 

	
#detailsleft {
    float: left;
    border: none;
    margin: 0 15px 15px 0;
    padding: 5px;
    display: inline;
    text-align: center;
}

#detailsright {
    float: left;
    width: 22em;
    margin: 0 15px 15px 0;
    padding: 5px;
    display: inline;
}

/* forms                */
/*-----------------------------*/

 .contact
{ 
   background: #dcdcdc; 
   border: 1px solid #40403E; 
   color:Black;
}
input
{
color: #696969;
background: #f3f3f3;
border: 1px solid #929280;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}

.formbutton
{
    cursor:pointer;
    border:outset 1px #ccc;
    background:#999; /* change theme */
    font-family: arial,sans-serif;
    font-size: 90%;
    color:#444;
    font-weight:normal;
    padding: 1px 2px;
    background:url(/App_Themes/black/images/formbg.gif) repeat-x left top; /* change theme */
    vertical-align: top;
} 

  .forms
{
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 10px;
    width: 500px;
 }

fieldset
{
border: 1px solid #a9a9a9; /* change theme */
}

legend
{
    color: #f3f3f3;
    font-weight: bold;
    background: #696969; /* change theme */
    border: 1px solid #40403E; /* change theme */
    padding: 2px 6px;
} 

label
{
  float:left; 
  width:25%;
  margin-right:0.1em;
  padding-top:0.2em;
  text-align:right;
}

.message
{  
    font-family: Verdana,Arial;
    font-size: 98%;
    font-weight: normal;
    color: Red;
    padding: 0 0 0 0;
}

.nav a:link {color: #FFFAFA; text-decoration: none; display:block;} /* change theme */
.nav a:visited {color: #FFFAFA; text-decoration: none; display:block;} /* change theme */
.nav a:hover {color: #ffffff; text-decoration: none; display:block;} /* change theme */

.bordertop 
{
    border-top: 1px solid #555;
}

.borderbottom
{
    border-bottom: 1px solid #555;
}


/* FOOTER */

#footer
{
    width:830px; 
    height: 30px;
    margin: 40px 0 0 10px; 
    border-top: 1px solid #40403E;
    background: #000000;
	font-size: 10px;
}
	#footer a {color: #A39D97;}
	#designby { 
	  background: url(/App_Themes/black/images/logo.jpg) 0 0 no-repeat;  
	   	float: left;
		height: 23px;
		padding:2px 0 0 30px;
		margin-top: 5px;
	    }
	#footer_navigation {float: right;padding:7px 30px 0px 0px;}
	#footer_navigation li {float: left;padding-left:18px; list-style:none;}
	#footer_navigation li a {text-transform:uppercase;list-style:none;}
	#footer_navigation li a:hover {color: #A39D97;list-style:none;}


/* Admin */

.headeradmin
{
    background-color: #000000; /* change theme */
    color: #696969; /* change theme */
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    height: 80px;
}

.basictab  /* change theme */
{
margin: 1px 0 0 0;   
padding: 3px 50px;
margin-left: 0;
font: bold .7em Verdana;
border-bottom: 1px solid #696969;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{ 
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #696969;
border-bottom: none;
background-color: #696969;/* change theme */
color: #f3f3f3; /* change theme */
}

.basictab li a:visited{
color: #f3f3f3;/* change theme */
}

.basictab li a:hover{
background-color: #a9a9a9;/* change theme */
color: white;/* change theme */
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #cc99cc;/* change theme */
color: black;
}



.sidebar
{
    width: 160px;
    vertical-align: top;
    background-color: #dcdcdc;

}

.blackline 
{
    background-color: #000000;
    border-right: 1px solid;
    width: 1px;
	vertical-align: top;
}

.borderthree
{
    border-color: #000000; /* change theme */
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 0px solid;
    background-color: #f3f3f3;
}

.panels
{
    margin: 0 20px 0 20px;
    padding: 5px 5px 5px 10px;
    width: 95%; 
 }
 
.treeview
{
    background-color: #ffffff;
    width: 50%;
    vertical-align: top;
}

.selected a:link {color: #ff0000; text-decoration: none; display:block;} 
.selected a:visited {color: #ff0000; text-decoration: none; display:block;}
.selected a:hover {color: #ff0000; text-decoration: none; display:block;}
.tree a:link {text-decoration: none; display:block;} 
.tree a:visited {text-decoration: none; display:block;}
.tree a:hover {text-decoration: none; display:block;}

.move 
{ 
    background-color: #ffffff;
	width: 35px;
	vertical-align: top;
	text-align: center;
}

.list
{
    background-color: #ffffff;
    width: 50%;
    vertical-align: top;
    text-align: center;
}





dl {
	width: 200px;
	margin: auto;
	padding: 0;
	background: #ccc url(/App_Themes/members/images/!box_bottom.png) no-repeat bottom left;
	}

dt {
	margin: 0 0 0 0;
	padding: 2px 20px;
	font-size: 100%;
	font-weight:bold;
	color: #696969;
	border-bottom: 0px solid #000;
	background: #000 url(/App_Themes/black/images/box_top.png) no-repeat top left;
	}

dd {
	margin: 0 0 0 0;
	padding: 0 8px 10px 8px;
	color: #696969;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	background: #000000;
	}
	
.blue dt {
	background-color: #a0988b;
	}

.blue {
	background-color: #ffffff;
	}
	
.slate dt {
	background-color: #8d656f;
	}

.slate {
	background-color: #e0e0e0;
	}

.black dt {
	background-color: #000000;
	}

.black {
	background-color: #000000;
	}
