/*  
Site: www.x3cms.net
Description: home page css rules
Version: 1.0
Author: www.cblu.net
*/

/* HTML */
html {font-size: 75%;}
body {font-family:helvetica,arial,verdana,sans-serif;color:#444;line-height:1.5em;background:#ddd;}
h1, h2, h3, h4, h5, h6 {font-family:helvetica,arial,verdana,sans-serif;}
body, div, fieldset {margin:0;padding:0;}
h1 {font-size:2em;color:#456;}
h2 {font-size:1.8em;color:#444;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}
a {text-decoration:none;color:#e60;}
a:hover {text-decoration:underline;}
a img {border:none;}
ul {list-style: square;}
ul li ul {margin-bottom:5px;}

/* FORMS */
fieldset {width:auto;padding:0 10px 5px 10px;border:none;}
label {display:block;font-weight:bold;margin-top:10px;}
label span {font-weight:normal;color:#666;}
input, textarea, select {border:1px solid #999;padding:1px 3px;margin:1px;font-family:inherit;font-size:1em;-moz-border-radius:3px;-webkit-border-radius:3px;}
input:focus, textarea:focus, select:focus {border:1px solid #e60;}
input.noborder, input.check {border:none;background:none;}
button {padding:4px 6px;margin:1px;font-family:inherit;font-size:1em;font-weight:bold;color:#444;cursor:pointer;}
textarea {width:100%;height:100px;}

/* TABLES */
table {width:100%;padding:0;border-spacing:0;font-size:inherit;}
th {border-bottom:1px dotted #ccc;}
td {margin:1px;padding:5px;vertical-align:top;color:#333;}
table.bdot tr td {border-bottom:1px dotted #ccc;}

/* COMMON (required) */
.clear {clear:both;}
.odd {background:#fff;}
.even {background:#eee;}
.even:hover, .odd:hover {background:#004f77;color:#fff;}
.xcenter {width:auto;margin:10px auto;text-align:center;}
.xbig {font-size:1.4em;font-weight:bold;}
.xsmall {font-size:0.9em;}
.aright {text-align:right;}
.fleft {float:left;}
.fright {float:right;}
.sbox {border-bottom:1px solid #ddd;}
.tbox {border-top:1px solid #ddd;}

.edit {text-align:right;border:1px dotted #aaa;padding:3px 10px;}
.edit a {font-weight:normal;color:#999;}
a.button {font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;background:#e60;font-size:1.2em;padding:5px 10px;color:#fff;}

/* LAYOUT */
#main {width:100%;background:#fff url(../img/back.jpg) top left repeat-x;border-bottom:1px solid #ccc;}
#page {width:900px;margin:0 auto;background:url(../img/page.png) top no-repeat;}
#head {color:#fff;min-height:330px;}
#head a {color:#666;font-weight:bold;}
#head a:hover {color:#def;}
#logo {float:left;margin:5px 0 0 20px;width:180px;}

#slogan {clear:both;color:#fff;padding-top:40px;}
#slogan h1 {font-size:3em;color:#fff;text-align:center;background:none;font-weight:normal;}
#slogan p {font-size:1.2em;}
#slogan a.download {font-size:2em;color:#fff;font-weight:bold;margin:10px 40px;-moz-border-radius:10px;-webkit-border-radius:10px;text-shadow:0 0 1px #fff;background:#e60;padding:10px 20px;}

#topic {margin-bottom:10px;padding:10px 20px;background: url(../img/under.gif) bottom left repeat-x;}
#l1 {float:left;width:270px;}
#r2 {float:right;width:580px;}

#ads {text-align:center;padding:15px 0;}

#foot {margin:0;text-align: center;font-size:0.90em;color:#444;}
#foot p span {line-height:30px;color:#444;font-size:0.9em;}
#foot a {color:#333;}

#menu_b {margin:5px 0;text-align:center;}
#menu_b ul {list-style:none;margin:0;padding:0;}
#menu_b ul li {display:inline;padding:0 10px;}
#menu_b a {font-size:1.2em;font-weight:normal;text-decoration:underline;}

/* MESSAGES */
#msg {padding:15px 10px;background:#e60;color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;}
#msg p {margin:0;font-weight:bold;}

/* FLAGS */
#flagsbox {width:860px;height:18px;margin:0 auto;text-align:right;}
#flagsbox a {margin-left:15px;color:#666;font-size:0.9em;}
#flagsbox a:hover {text-decoration:underline;}
#flagsbox a.flagged {color:#333;}


/* NEWS ABSTRACT 
#abstract .abstract {height:64px;font-size:0.9em;background:#ddd;-moz-border-radius:10px;-webkit-border-radius:10px;margin-bottom:5px;}
.abstract img {margin-right:10px;}
.abstract h3 , .abstract p {margin:5px 0;padding:0 10px;}
#abstract .abstract:hover {background:#ccc;}
*/


/* horizontal box */
#abstract {clear:both;background: url(../img/under.gif) top left repeat-x;padding-top:10px;}
#abstract img {margin-right:10px;}
#abstract div.block {float:left;}
#abstract .b1 {width:580px;}
#abstract .b2 {width:280px;}
#abstract .b3 {width:180px;}
#abstract .ml20 {margin-left:20px;}
.under {clear:both;background: url(../img/under.gif) top left repeat-x;padding-top:10px;}

/* DROPDOWN MENU */
#menu {position:relative;}
/* all menu links */
#nav a , #subMC a {text-decoration:none;display:block;padding:10px 18px;text-transform:uppercase;font-weight:bold;}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{margin:0;float:left;}
/* Just sub menu links */
#subMC a, #nav li li a{text-align:left;}
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMC a:hover, #subMC a:focus, #nav a.mainMenuParentBtnFocused, #subMC a.subMenuParentBtnFocused{color:#333;}

/* sub menu links on hover or focus */
#subMC a:hover, 
#subMC a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMC a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{color:#222;}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {background: url(../img/arrow_right.gif) right center no-repeat;}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {background: url(../img/arrow_right_over.gif) right center no-repeat;}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {background: url(../img/arrow_down.gif) right center no-repeat;}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {background: url(../img/arrow_down_over.gif) right center no-repeat;}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none;position: absolute;overflow:hidden;
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMC ul, #subMC ol {padding:0;margin:0;list-style:none;line-height:1em;}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMC ul, #subMC ol {background:#fff;}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {display:block;list-style:none;position:relative;float:left;}
#subMC li{list-style: none;}
/* main menu ul or ol elment */
#nav{display:block;position: absolute;list-style:none;margin:0 0 0 0;z-index:5;top:0;left:50%;text-align: center;display:block;}
#subMC {display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000;}
/* ----[ The below is just for non-javscript users ]----*/
#nav li li{	float:none; }
#nav li li a{position:relative;float:none;}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* third-and-above-level lists */
#nav li ul ul {margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {margin-left: -1000em; }
/* lists nested under hovered list items */
#nav li:hover ul{margin-left: 0; }
#nav li li:hover ul {margin-left: 10em; margin-top:-2.5em;}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

/* EXTERNAL LINK*/
a[target$='_blank'] { padding:0 0 0 20px;background:url(../img/external_link.gif) no-repeat 3px center; }
a[target$='_blank'] img { padding-left:0;background:none;}