/*-------------------------------------------------------------------
   new charter css file for boards + protected
	nc_borads
	ver.: 1
	date:20.07.09	
---------------------*/ 



/* top elements */
* { margin: 0;	padding: 0; }

body {
	margin: 0; padding: 0;
	
	font-size: 0.75em; 
	font-family: verdana, tahoma, arial, helvetica, sans-serif; 
	
/*	font: 70%/1.5 verdana, tahoma, arial, helvetica, sans-serif;*/
	color: #333; 
	background: #fff url(../../images/appliedCSS_images/bg2.gif) repeat-x;	
}

/* links */
a {
	color: #003366;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #cc0001; 
	background-color: inherit;
}

.linksdottedhighlight
{
	color: #003399;
	border-bottom: #ec4100 1px dashed;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
}

.linksdottedhighlight.visited
{
    color: #003399;
    border-bottom: #ec4100 1px dashed;
    text-decoration: none;
}

.linksdottedhighlight:hover
{
    border-bottom: #ec4100 1px solid;
    text-decoration: none;
    background-color: #e3f2f2;
}

.LinksDottedHighlight2
{
	color: #003399;
	border-bottom: #ec4100 1px dashed;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
}

.LinksDottedHighlight2:visited
{
    color: #003399;
    border-bottom: #ec4100 1px dashed;
    text-decoration: none;
}

.LinksDottedHighlight2:hover
{
   border:dashed 1px white;
	color:White;
	background-color:#008BF7;
	text-decoration:none;
}

/* headers */
h1, h2, h3 {
	font-family: arial, 'trebuchet ms', sans-serif;
	font-weight: bold;
	color: #333;
}
h1 {
	font-size: 120%;
	letter-spacing: .5px;
}
h2 {
	font-size: 125%;	
	text-transform: uppercase; 		
}
h3 {
	font-size: 115%;
	color: #003366;		
}

h4 {
	font-size: 90%;
	color: #666;		
	padding: 0;		
	margin-left: 20px; 
	margin-top: 5px; 
	margin-right: 5px; 
	margin-bottom: 10px; 
}


h1, h2, h3, p {
	padding: 0;		
	margin: 10px;
}

blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #fafafa url(../../images/appliedCSS_images/quote.gif) no-repeat 5px 10px  !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #cc0000; 
	font-weight: bold;  
}

.content {
	color: #CC0033;
	font-weight: bold;
	font-size: medium;
	font-family: "Arial Rounded MT Bold";
}


/* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #fafafa; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bolder 12px arial, sans-serif; 
	border: 1px solid #ccc; 
	padding: 1px; 
	background: #fff;
	color: #cc0000;
}

/**********************************
  layout 
***********************************/
#wrapper {
	margin: 0 auto; 
	width: 900px;
}

/* header */
#header {
	position: relative;
	margin: 0; padding: 0;
	height: 60px;
	background-image: url(../../images/appliedCSS_images/newcharter_logo.jpg) 
}
#header span#slogan {
	float: right;
	left: 3px;
	bottom: 7px;
	font: 1em tahoma,  sans-serif;
	color: #fff;
	width: 400px;
}

#header-logo {
	position: relative;
	clear: both;
	height: 50px; 
	margin: 0; padding: 0;	
}
#header-logo #logo {
	position: absolute;
	top: -38px;
	left: 6px;
	font: bold 30px "trebuchet ms", arial, tahoma, sans-serif;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	color: #000;
}

/* main column */
#main {
	float: right;
	margin: 0; padding: 0;
	width: 900px;	
}
#main h1 {
	margin: 10px 0;
	padding: 4px 0 4px 8px; 
	font-size: 105%;
	color: #fff;
	text-transform: uppercase; 
	background-color: #cc0000;	
	letter-spacing: .5px;
}


/* footer */
.footer { 
	clear: both; 	
	border-top: 1px solid #f2f2f2;
	background: #fff url(../../images/appliedCSS_images/footerbg.gif) repeat-x;
	padding: 2px 0 10px 0; 
	text-align: center;  
	line-height: 1.5em;	
	font-size: 95%;
}
.footer a { 
	text-decoration: none; 
	font-weight: bold;		
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {	clear: both; }
.red   { color: #cc0000; }
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #eff0f1; 	
	border-top: 1px dashed #eff0f1;	
}

/* start of calcmenu-related */


.calcmenu {
	clear: both; 
	height: 1px;
}

#calcmenu_area {
	background: #adadad; 
	border-bottom: #ff9900 5px solid;
	width: 480px; 
}

#calcmenu_content {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	text-align: left;
}
#calcmenu_content_left {
	float: left; 
	margin: 0px; 
	width: 280px;
}


#calcmenu_content_right {
/* not used here*/
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px;  
	padding-top: 0px;
	width: 480px;
}

#calcmenu_nav {
	margin-top: 10px;
	padding-left: 0px;
	float: left;
	margin-left: 10px;
	background-color: #fff;
	width: 275px;
}
#calcmenu_nav a {
/*	display: block; */
	padding-left: 20px; 
	padding-bottom: 3px; 
	margin: 0px; 
	padding-top: 2px; 
	text-decoration: none;
	width: 255px; 
}

#calcmenu_nav a:link {
	font-weight: bold; color: #036
}
#calcmenu_nav a:active {
	font-weight: bold; color: #036
}
#calcmenu_nav a:visited {
	font-weight: bold; color: #036
}
#calcmenu_nav a:hover {
	background: url(../../images/appliedCSS_images/b09_10x.gif) #f8f8f8 no-repeat 5px 6px; color: #3366cc
}
#calcmenu_nav ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
#calcmenu_nav li {
	border-right: #93adc9 1px dotted; 
	border-top: #93adc9 1px dotted; 
	margin-top: 3px; 
	background: url(../../images/appliedCSS_images/b08_10x.gif) no-repeat 5px 6px; 
	margin-left: 0px; 
	border-left: #93adc9 1px dotted; 
	border-bottom: #93adc9 1px dotted;
	width: 275px; 
}
#calcmenu_nav li.returno {
	border-right: #93adc9 1px dotted; 
	border-top: #93adc9 1px dotted; 
	margin-top: 3px; background: url(../../images/appliedCSS_images/b08_10x.gif) #eee no-repeat 5px 6px; 
	margin-left: 0px; 
	border-left: #93adc9 1px dotted; 
	border-bottom: #93adc9 1px dotted;
	width: 275px; 
}


ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
   list-style-image: url(../../images/appliedCSS_images/b08_10x.gif);
	list-style-position:outside;

	
}