body {
	background: #000;
	margin:0;
	padding:0;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 0.85em;
	color: #ff0;
}

* {
	margin:0;
	padding:0;
}

.header_top {
	background-color: #000;
	display: inline;
	float: left;
	width:100%;
	margin: 0 auto;
}

.top_nav{
	text-align:center;	
	margin:0;
}

.top_nav li{
	display: inline-block;
	color:#ff0;
	font-size: 12px;
	text-align:center;
}
.top_nav li a{
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #CCC;
	color: #ff0;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.top_nav li a:hover{
  color: #fff;
}

/* ==================== | SmartMenus | ==================== */

/* Main Menu */


#main-menu {
	position:relative;
	top:0;
	left:0;
	width:100%;
	z-index:2;
	margin: 0 auto;
}
#main-menu ul {
	width:12em;
}
/* right align and no separator for the last item */
#main-menu > li:last-child {
	border-left:0;
}
/* main menu icons */
#main-menu > li [data-icon]:before {
	position:relative;
	top:2px;
	margin-right:0.375em;
	font-size:0.89em;
	line-height:15px;
	text-shadow:none;
}

	/* ==================== | Resposiveness | ==================== */

@media screen and (max-width: 640px) {

	#menu-button {
		display:block;
	}
	/* Main menu */
	#main-menu.hidden {
		display:none;
	}
	/* the last item should not be floated to the right */
	#main-menu > li:last-child {
		float:none;
	}
	/* hide main menu icons */
	#main-menu > li [data-icon] {
		display:none;
	}
}

/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

ul.sm,ul.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-9999px;left:-800px;width:100px;}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0; clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}


/* Menu box
===================*/

	.sm-blue {
		background:#000; /* Old browsers */
		
	}
	.sm-blue ul {
		border:1px solid #a9a9a9;
		padding:7px 0;
		background:#000;
	}

/* Menu items
===================*/

	.sm-blue a {
		padding:13px 10px;
		color:#ff0;
		font-size:1em;
		line-height:15px;
		text-decoration:none;
	}
	.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active{
		text-decoration:underline}
		
	.sm-blue a.highlighted {
		/* Old browsers */
		color:#ff0;
	}
	.sm-blue-vertical a {
		padding:9px 20px 8px 23px;
		background:#000; /* Old browsers */
	}
	.sm-blue ul a {
		padding:9px 20px 8px 23px;
		background:transparent;
		color:#ff0;
		font-size:1em;
		text-shadow:none;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active,
	.sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {
		background:#000;
		color:#ff0;
	}

/* Sub menu indicators
===================*/

	.sm-blue a span.sub-arrow {
		position:absolute;
		bottom:2px;
		left:50%;
		margin-left:-5px;
		width:0;
		height:0;
		overflow:hidden;
		border-width:5px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#ff0 transparent transparent transparent;
	}
	.sm-blue-vertical a span.sub-arrow,
 	.sm-blue ul a span.sub-arrow {
		bottom:auto;
		top:50%;
		margin-top:-5px;
		right:15px;
		left:auto;
		margin-left:0;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #000;
	}


/* Items separators
===================*/

	.sm-blue li:first-child,
	.sm-blue-vertical li,
	.sm-blue ul li {
		border-left:0;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.sm-blue span.scroll-up, .sm-blue span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#000;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
		position:absolute;
		top:-2px;
		left:50%;
		margin-left:-8px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #000 transparent;
	}
	.sm-blue span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#000 transparent transparent transparent;
	}

@media screen and (max-width: 640px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-blue{width:auto !important;}
	ul.sm-blue ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-blue>li{float:none;}
	ul.sm-blue>li>a,ul.sm-blue ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-blue iframe{display:none;}

/* Menu items
===================*/

	.sm-blue a,
	.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
	.sm-blue a.highlighted {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		background:#000; /* Old browsers */
		color:#ff0;
	}
	.sm-blue ul a,
	.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active,
	.sm-blue ul a.highlighted {
		background:transparent;
		color:#ff0;
		text-shadow:none;
	}
	.sm-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active,
	.sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {
		background:#000; /* Old browsers */
		color:#ff0;
	}

/* Sub menu indicators
===================*/

	.sm-blue a span.sub-arrow,
	.sm-blue ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:bold 16px/16px monospace !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(0,0,0,0.1);
	}
	/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.sm-blue a.highlighted span.sub-arrow {
		display:none !important;
	}

}

/*- Menu 14--------------------------- */
	
#menu8 {
	width: 100%;
}
	
#menu8 li a {
	color: #fff;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color: #ff0;
	display: block;
	background-color:#000;
	padding-top: 8px;
	padding-left: 10px;
}
	
#menu8 li a:hover {
	color: #ff0;
	padding-top: 8px;
	padding-left: 10px;
	text-decoration:underline;
}
	
#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*- end--------------------------- */

table {
	width: 100%;
	text-align: left;
}

th, td {
	padding: 10px 10px;
	border: thin solid #999;
	vertical-align:top;
}

th {
	color: #ff0;
	background: #000 none repeat-x scroll left top;
}

td {
	border-bottom: 1px solid #ccc;
}

/*-------------table.responsive */
  
  table.responsive.responsive {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
	border-collapse: collapse;
	margin-bottom:10px;
  }

  table.responsive tr {
    border: 1px solid #ddd;
  }

  table.responsive th, table.responsive td {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	text-align: left;
	vertical-align: text-top;
	padding-left:5px;
  }

  table.responsive th {
    font-size: 1em;
	font-weight: bold;
  }

  @media screen and (max-width: 800px) {

    table.responsive {
      width: 100%;
	  height:auto;
    }

    table.responsive thead {
      display: none;
    }

    table.responsive tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table.responsive td {
      display: block;
      text-align: right;
      font-size: 1em;
      border-bottom: 1px dotted #ccc;
    }

    table.responsive td:last-child {
      border-bottom: 0;
    }

    table.responsive td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }
  }


code, blockquote {
	display: block;
	padding: 10px;
}
code {
	color:#ccc;
	border: none;
}


blockquote p {
	margin: 0;
	color: #333;
	height: 1%;
}

p {
	line-height: 1.9em;
	padding-bottom:10px;
}

a {
	color: #ff0;
	text-decoration:underline;
}

a:hover {
	color: #ff0;
}

a:focus {outline-width: 2px;
  outline-style: dashed;
  outline-color: #ff0;}


a.button {
	background-color: #000;
	color: #FFFFFF;
	display: inline-block;
	padding: 5px;
	border: 1px solid #fff;
	text-shadow: 1px 1px 0 #fff;
	border-radius: 5px;
	text-decoration: none;
	float:right;
}


fieldset {
	display: block;
	border: none;
	border-top: 1px solid #ccc;
}

fieldset legend {
	font-weight: bold;
	font-size: 0.9em;
	padding-right: 10px;
	color: #333;
}

fieldset form {
	padding-top: 15px;
}

fieldset p label {
	float: left;
	width: 150px;
}

form input, form select, form textarea {
	padding: 5px;
	color: #333333;
	border: 1px solid #ddd;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

form input.formbutton {
	border: none;
	background: #000;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 10px;
	font-size: 0.8em;
	letter-spacing: 1px;
	width: auto;
	overflow: visible;
}

form.searchform input {
  font-size: 0.9em;
    padding: 6px;
}

form.searchform p {
	margin: 5px 0;
}


span.required {
	color: #ff0000;
}

h1 {
	font-family:"Arial", Gadget, sans-serif;
	color: #ff0;
	font-size: 1.5em;
	margin-bottom:10px;
}

h2 {
	font-family:"Arial", Gadget, sans-serif;
	color: #ff0;
	font-size: 1.4em;
	margin-bottom:10px;
}

h2.front {
	color: #ff0;
	font-size: 1.3em;
}


h3 {
	font-family:"Arial", Gadget, sans-serif;
	color: #ff0;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 10px;
	font-weight:bold;
}

h4 {
    color: #ff0;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
}

h5 {
	padding-bottom: 10px;
	font-size: 1.1em;
	color: #ff0;
}

ul, ol {
	margin: 0 0 15px 15px;
}

li {
	padding-bottom: 5px;
}

li ol, li ul {
	margin-bottom: 0;
	padding-top: 5px;
}

.width {
	max-width: 100%;
	margin: 0 auto;
}


#container {
	background-color: #000;
	width:80%;
	margin: 0 auto;
	background-image:url(../img/bg_black.jpg);
}

header {

	margin: 0 auto;
	text-align:center;
	background-color: #333366;
	background-position: center;
}

img {
	max-width: 100%;
	height: auto;
}

#body {
	background: none;
	margin: 5px auto 0;
 	padding: 0;
	clear: both;
}

#content {
    float: left;
	background-color:#000;
	width:52%;
}

.two-column {
	width: 66%;
	margin: 0 2%;
	background-color:#FFF;
}

#right {
	width: 75%;
	background-color:#000;
	float:right;
	padding:10px;
	min-height:400px;
}

#right ul, li, ol {
	line-height:1.5em;
}



.three-column {
	width: 46%;
	margin: 0 1%;
	padding-left:10px;
}

article {
    padding: 10px 10px 20px 5px;
 }

article h2 {
    padding-bottom: 0;
}

article .article-info {
    color: #c0c0c0;
    font-size: 0.9em;
    letter-spacing: -0.5px;
    padding: 0 0 10px 0;
}

article .article-info a { 
	color: #c0c0c0;
	border-bottom-color: #c0c0c0;
}

.sidebar {
	margin-top: 10px;
}

.small-sidebar { 
   width: 20%;
   padding-right:10px;
}

.big-sidebar {
	width: 22%;
}

.left-sidebar { 
	float: left;
	padding-left:10px;
}

.right-sidebar {
	float: right;
}

.sidebar h4 {
	font-size: 1em;
	color: #ff0;
	padding: 6px 0px;
}

.sidebar img {
	padding-top: 10px;
}

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

.sidebar li ul {
    list-style: none outside none;
    margin: 0px;
}

.sidebar li ul li {
	display: block;
	border-top: none;
	padding: 2px;
	margin: 0;
	font-size: 0.85em;
}

.sidebar ul.blocklist {
	border-top: 1px solid #ddd;
	padding: 0;
	margin: 0;
}

.sidebar ul.blocklist li {
	border-bottom: 1px solid #ddd;
	padding: 0;
}

.sidebar ul.blocklist li a {
	border-bottom: 0;
	display: block;
	padding-top: 10px;
}

.sidebar ul.blocklist li a:hover {
	text-decoration:underline;
}

.sidebar ul.newslist li {
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
}

.sidebar ul.newslist p {
	margin-bottom: 0;
}

.sidebar li ul li a {
	 border-bottom-color: #666;
	color: #666;
}

.sidebar li ul li a:hover {
	 border-bottom-color: #333;
	 text-decoration:underline;
}


.clear {
	clear: both;
}

footer {
	background: #222;
	border-top: 2px solid #eee;
}

footer .footer-bottom {
	text-align: center;
	background-color: #000;
}

footer .footer-bottom p {
	text-align: center;
	font-size:0.85em;
	color:#FF0;
}

.footer-bottom a {
	color: #ff0;
	border-bottom-color: #666;
	text-decoration:underline;
}

.footer-bottom a:hover{
	color: #ff0;
}

@media screen and (max-width: 1024px) and (min-width: 781px) {
	#container {
	width:100%;
}
}

@media screen and (max-width: 780px) {

	body { font-size: 0.8em; }

	.wrap-pagetop {height:400px;}

	nav ul { margin-top: 0; padding: 10px; }
	
	nav ul li { float: none; text-align:center;  }

	nav ul li a { margin-top: 0; }

	nav { height: auto; position: relative; }
	
	#right {
	width: 92%;
	margin-left:10px;
	min-height:200px;
}

.small-sidebar { 
   width: 20%;
   padding-left:10px;
}

}

@media screen and (max-width: 540px) {
#container {
	width:100%;
}
	
.small-sidebar { 
   width: 90%;
   padding-left:10px;
}
#content {
	width:90%;
}
.small-sidebar img{
	max-width:140px;
}
}