/* ----- COLOR ----- */

#header #breadcrumb { 
	background: #4c6eab;  /* Color 1 */ 
}

.content .subheader .bg_center{
	border-top: 1px solid #2755a7;  /* Color 2 */ 
	border-bottom: 1px solid #2755a7;  /* Color 2 */ 
}

.image_left, .image_right  {
	border: 1px solid #2755a7;  /* Color 2 */ 
} 

.content blockquote, .code, code {
	border: 1px dashed #2755a7;	 /* Color 2 */ 
	background-color: #cfe0ff;	/* Color 3 */
}

.comments .comment_inner {
	border: 1px solid #2755a7;  /* Color 2 */ 
	background: #cfe0ff;  /* Color 3 */
}

table {
	border-right: 1px solid #2755a7;  /* Color 2 */ 
	border-bottom: 1px solid #2755a7;  /* Color 2 */ 
}

th, td {
	border-left: 1px solid #2755a7;  /* Color 2 */ 
	border-top: 1px solid #2755a7;  /* Color 2 */ 
}

.content .subheader .bg_center, th{
	background: #cfe0ff;  /* Color 3 */
}

a{
	color:#2755a7;  /* Color 2 */
}	

.content hr {
	border-bottom: 1px dashed #2755a7;  /* Color 2 */
}	
	

/* ----- CSS ----- */

*{
	margin: 0;
	padding: 0;
	font-family: Arial;
	
}
body{
	margin:0;
	padding:0;
	background:url(bg.png) repeat-x #d8d7d7;
	font-size: 12px;
}

/* ----- IDS ----- */

#header {
	height: 157px;
	color: #ffffff;
}

#header a{
	color: #ffffff;
}

#header h1 a:hover{
	text-decoration: none;
}

#header #breadcrumb {
	float:left;
	position: absolute; 
	top: 113px;
	margin-left: 172px;
	height: 18px;
	font-size: 11px;	
}


#header #breadcrumb #breadcrumb_content {
	padding-top: 1px; 
	float:left;
}

#header #breadcrumb #bg_left {
	width: 10px;
	height: 18px;
	background: url(breadcrumb.png);
	float:left;
}

#header #breadcrumb #bg_right {
	width: 10px;
	height: 18px;
	background: url(breadcrumb.png) -10px;
	float:left;
}

#header #header_navigation {
	float:right;
	position: absolute; 
	top: 116px;
	right: 10px;
	font-size: 11px;
}



.navigation{
	width: 152px;
	padding: 0 10px;
}

.navigation_left {
	float: left; 
} 

.navigation_right {
	float: right; 
} 

.navigation .navigation_title {
	font-size: 18px;
	font-weight: bold;
}

.navigation ul {
	font-size: 12px;
	list-style-type: none;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 5px;
}

.navigation li a{
	display: block;
	height: 1.5em;
}

.navigation p {
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 5px;
	text-align: justify;
}

.content{
	margin-left: 10px;
	margin-right: 10px;
	background: url(cnt_bg.png) repeat-x #f4f3f3;
}

.with_navigation_left {
	margin-left: 172px;
}

.with_navigation_right {
	margin-right: 178px;	
}

.content .bg_left {
	background: url(cnt_bg_left.png) no-repeat;
}

.content .bg_right {
	background: url(cnt_bg_right.png) no-repeat;
	background-position: right top;
	padding: 10px;
	padding-top:1px;
}

.content .subheader {
	font-size: 11px;
	height: 14px;
	margin-bottom: 10px;
}

.content .subheader .left{
	float:left;
}

.content .subheader .right{
	float:right;
}

.content .subheader .bg_center{
	height: 15px;
	padding-top: 1px;
	float:left;
}

.content .subheader .no_bg{
	height: 18px;
	padding-top: 1px;
}

.content .subheader .bg_left{
	width: 9px;
	height: 18px;
	background: url(subheader.png) ;
	float:left;
}

.content .subheader .bg_right{
	width: 9px;
	height: 18px;
	background: url(subheader.png) -9px;
	float:left;
	padding: 0;
}

.content hr {
	margin-top: 10px;
	border: none;
}

#footer {
	clear: both;
	text-align: center;
	margin-top: 10px;
}

/* ----- IMAGES ----- */

.image_left, .image_right  {
	margin: 7px;
	margin-top: 5px;
	padding: 2px;
	text-align:center;
}

.image_left {
	float:left;
	margin-left:0;
}

.image_right {
	float:right;
	margin-right:0;
}

.image_left a img, .image_right a img{ 
	border: none;
}


/* ----- CLASSES ----- */

.hide{
	display:none;
}
.show{
	display:block;
}

/* ----- HEADLINES ----- */

#header h1 {	
	font-size: 30px;
	padding-top: 45px;  /*62*/
	padding-left: 30px;
}

#header  h1 a{
	text-decoration: none;
}

#header h2 {
	font-size: 14px;
	padding-left: 30px;
}

h3 {
	font-size: 24px;
	margin-bottom: 5px;
	padding-top: 10px;
}

h4{
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 15px;
}

h3 a, h4 a {
	color: #000000;
}

h2 a:hover, h3 a:hover {
	text-decoration: none;
}

/* ----- PARAGRAPHS ----- */

.content p {
	padding-bottom: 10px;
	text-align:justify;
	line-height: 1.4em;
}

.content blockquote {
	padding-bottom: 10px;
	text-align:justify;
	line-height: 1.4em;
	padding: 10px;
	padding-left: 75px;
	background-image: url(blockquote.png);
	background-position: 15px 10px;
	background-repeat: no-repeat;
	/* Min-Height Fast Hack http://www.dustindiaz.com/min-height-fast-hack */
	min-height:40px;
	height:auto !important;
	height:40px;
}



.code, code  {
	padding-bottom: 10px;
	text-align:justify;
	line-height: 1.4em;
	padding: 10px;	
	font-family: Courier, "Courier New";
}

.code b, code  b{
	font-weight: bold;
	font-family: Courier, "Courier New"
}


/* ----- LISTS ----- */

.content ol {
	margin-left: 2em;
}

.content ul {
	margin-left: 2em;
	list-style-type:circle;
}

.content li {
	padding-bottom: 5px;
}

/* ----- COMMENTS ----- */

.comments ol {
	list-style-type:none;
	margin-left: 0;
	
}

.comments  li {
	margin-left: 0;
	margin-bottom: 10px;
}

.comments .bg_left {
	margin-left: 62px;
	background: url(comment_bg.png) repeat-y ;
}

.comments .bg_left2 {
	padding-left:14px;
	background: url(comment_arrow.png) no-repeat;
}

.comments .comment_inner {
	border-left: none;
	padding: 10px;
	padding-top: 7px;
}

.comments  .comment_avatar {
	float:left;
}

.comments  .comment_user {
	float:left;
}

.comments  .comment_time {
	float:right;
	font-size: 11px;
	margin-bottom: 5px;
}

.comments  .comment_text {
	margin-top: 20px;
}


/* ----- LINKS ----- */

a{
	text-decoration:none;
}
a:hover{
	text-decoration: underline; 
}
a:visited {

}
a:active, a:focus{
	text-decoration: underline; 
}

/* ----- TABLES ----- */

table {
	border-spacing: 0px;
	border-collapse: collapse;
}

th, td {
	padding: 5px;
}



/* ----- FORMS ----- */

label {
	width: 150px;
	display: block;
	float:left;
}

