/*old styles from mainstyles.css*/
.btntext { font-weight: bold ; color: #FFFFFF; text-decoration: none; font-size: 11px}
.pagetitle { font-size: 16px; font-weight: bold; color: #000}
.categorytitle {  font-size: 15px; font-weight: bold; color: #000000}
.platform_box { font-size: 8pt; font-weight: bold; color: #333333; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; border:1px solid #A5D663; background-color: #DFFF9D}
.save_box { font-size: 11px ; font-weight: bold; background-color: #CC0000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; color: #FFFFFF}
.emphasis {font-weight:bold}
/*end old styles*/

.tbl_breather td {
padding: 4px;
vertical-align:top;
}
.green_bold {
font-size:12px;
font-weight:bold;
color:#636D39;
}

.text_small, .text_small td {
	line-height: 13px;
	font-size: 11px;
}

.titleheading {
    font-size: 20px;
}

.heading_main {
    font-size: 18px;
	margin: 0 0 10px 0;
}

.categoryheading_new {
    font-size: 18px;
	color: #423b6a;
	font-weight:normal;
}

.heading_mid {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 6px 0;
}

.heading_normal {
    font-size: 13px;
	font-weight: bold;
	margin: 0 0 6px 0;
}

.heading_small {
    font-size: 11px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
.underline_green {
    border-bottom: 2px solid #D6F79C;
}

.topnav_link {
font-size:12px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
}


.timeline_yeartopic {
	border-top: 2px solid #7B4DF0;
	font-size: 26px;
	font-weight: normal;
	color: #7B4DF0;
	padding-top: 5px;
	background-image: url(../pics/common/timeline_bg.gif);
	background-repeat: repeat-x;
	padding-bottom: 5px;
	margin-bottom: 7px;
}

.timeline_lefttext {
	line-height: 13px;
	font-size: 11px;
	padding-right: 10px;
}

.timeline_righttext {
	line-height: 13px;
	font-size: 11px;
	padding-left: 10px;
}

.button_link {
    display:block;
	font-size: 12px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	color: #364F0F;
	font-weight:bold;
}
.button_link:hover {
	color: #364F0F;
	text-decoration: underline;
}
.button_link_small {
    display:block;
	font-size: 11px;
	padding: 0 3px 0 3px;
	text-decoration: none;
	color: #000000;
}
.button_link_small:hover {
	text-decoration: underline;
	color: #000000;
}

.blueborder {
border:2px solid #D5DFFF;
}
.darkblueborder {
border:2px solid #3366FF;
}
.blueborder_thin {
border:1px solid #D5DFFF;
}
.border_green {
border:1px solid #A5D663
}
/* General styles for all pages */
body {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 12px;
    background-color: #afb5ff;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-image: url(../pics/bg_colorslide.png);
    background-repeat: repeat-x;
}

td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 12px;
}

th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 12px;
}
p {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 12px;
    line-height:14px;
}
h1 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 18px;
    color: #404040;
}
h2 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    color: #404040;
}
h3 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    color: #404040;
}
ul {
    margin: 0 0 8px 6px;
    padding: 0;
}
li {
	margin: 0 0 6px 8px;
	padding: 0;
}
a {
    color:#000099;
    text-decoration: underline;
}
a:hover {
    color:#5565F4;
}

form {  
    padding: 0px;
    margin: 0px;
}


/* Menu elements start here */

/* The top div with logo and tabs */
#topnav {
    width:765px;
    height:72px;
    background-image: url(../pics/topimage.png);
    background-color: #8561F1;
    text-align:left;
    padding: 0px;
    margin: 0px auto;
    position: relative;
    color:#FFFFFF;
    font-size:14px;
    font-weight: bold;
}
#toplogo {
    font-size:16px;
    position: absolute; 
    top: 6px;
    left: 6px;
    padding: 0;
    margin:0;
}
#toplogo img {
    padding: 0;
    float:left;
}
#toplogo a {
text-decoration:none;
color:#FFFFFF;
}

#tabs, #tabs td {
    font-size: 11px;
    font-weight: normal;
}
#tabs a {
    display: block;
    width: 100%;
    padding: 2px 0px;
    text-align: center;
}
#tabs td.x_inactive {
    background-image: url(../pics/tab_inactive_small.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
#tabs td.x_inactive:hover {
    background-image: url(../pics/tab_inactive_small.gif);
    background-repeat:no-repeat;
    background-position: -81px 0px;
}
#tabs td.x_active {
    background-image: url(../pics/tab_active_small.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
#tabs td.x_active:hover {
    background-image: url(../pics/tab_active_small.gif);
    background-repeat:no-repeat;
    background-position: -81px 0px;
}
#tabs .x_active a, #tabs .x_active_highlight a {
    color: #111;
    text-decoration: none;
}
#tabs .x_inactive a, #tabs .x_inactive_highlight a {
    color: #EEE;
    text-decoration: underline;
}

/* Styles regarding the navigation menu */
#navigation {
    text-align: left;
    position:relative; 
    height: 26px;
    padding: 0px;
    width: 766px;
    margin: 0 auto 16px auto;
	z-index: 1;
}

#navtable {
    position: absolute;
    margin: 0px;
    top: 0px;
    left: 0px;
    background-image:url(../pics/menu_bg.gif);
    background-repeat:repeat-x;
	width: 766px;
}

/* Menu bar styles */
#navtable a {
    white-space: nowrap;
    display: block;
    padding: 5px 11px;
    color:#333333;
    text-decoration:none;
    margin: 0;
}
#navtable td {
	font-size:13px;
    vertical-align:top;
}
#navtable td.x_menubg {
    background-image:url(../pics/menu_bg.gif);
    background-repeat:repeat-x;
}
#navtable td.x_active_menu {
    background-image:url(../pics/menu_selected_arrow.gif);
    background-position:center top; 
    
}
#navtable td.x_inactive_menu {
    background-image:url(../pics/menu_bg.gif);
    background-repeat:repeat-x;
}
#navtable td.x_inactive_menu:hover {
    background-image:url(../pics/menu_highlight.gif);
    background-repeat:repeat-x;
}    


/* dropdown styling */
#navigation div.x_submenu {
    visibility: hidden;
    position: absolute;
    top: 25px;
    padding: 0;
    margin: 0;
    border: 1px solid #A4C870;
    background-color:#E2FFA4;
	z-index: 2;
/*    opacity: 0.95;
    filter: alpha(opacity=95);
*/
}

div.x_submenu table {
    border-collapse: collapse;
	z-index: 2;
}

div.x_submenu td {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
div.x_submenu a {
    display: block;
    padding: 4px 10px;
    margin: 0;
    width: 100%;
    font-size:11px;
}
div.x_submenu td:hover {
    background-color: #C0ED7F;
}
div.x_submenu td.x_separator:hover {
    background-color: #E2FFA4;
}
div.x_submenu td.x_separator div {
    background-image:url(../pics/contmenu_line.gif);
    height: 2px;
    padding: 0;
    margin: 2px 10px;
    font-size: 0px;
}

/* flags and flag dropdown */
#flags_flag {
    border-width: 1px;
    border-color: #BEEB7D;
    margin: 5px 2px 0 0;
}
#flags_arrow {
    border-width: 0px;
    margin: 10px 0 0 0;
}

#flags img {
    border-width: 1px;
    border-color: #BEEB7D;
    margin: 0 4px -2px 0;
    padding: 0;
    vertical-align:-0.1em;
}
#flags a {
    display: block;
    width: 100%;
    padding: 4px 2px 4px 30px;
    font-size:9px;
    color:#000000;
	text-indent: -26px;
}

#flagstrip {
margin: 0;
padding: 2px 4px;
background-color:#CCC;
border-top:2px solid #DDD;
}
#flagstrip img {
border: none;
}
#flagstrip .selected {
border: 2px solid #E4FFAF;
vertical-align:-2px;
}
#flagstrip p {
text-align:center;
    padding: 0px;
    margin: 0px auto;
}

/* Homepage right area */
#x_rightarea {
position:absolute;
right:0px; 
top:0px; 
width:239px; 
margin:0;
padding:0
}
#x_rightarea h1, #x_rightarea h2, #x_rightarea h3{
	margin:0;
	padding: 0;
}

.x_rightbox {
padding: 14px 16px 14px 16px;
border-top:1px solid #c0df93;
border-left:1px solid #c0df93;
border-right:1px solid #c0df93;
background-image:url(/pics/homepage/box_bg.png);
background-repeat:repeat-x;
background-color:#E4FFAF;
}
.x_rightbox a {
display:block;
text-decoration:none;
color:#000000;
margin: 0;
padding: 0 0 6px 0;
line-height:16px;
}

.x_rightbox a.x_link {
text-decoration:underline;
color:#0000c0;
}

.x_rightbox:hover a.x_link{
color:#5565F4;
}

.x_rightbox a.norm {
color:#000000;
}

.x_rightbox a.heading {
font-weight:bold;
color:#52612f;
margin: 0;
padding: 0 0 8px 0;
font-size:16px;
line-height:17px;
}


#x_newsbox h1 {
color:#52612f;
margin: 0;
padding-top: 3px;
font-size:13px;
font-weight:bold;
}
#x_newsbox h2 {
color:#52612f;
margin: 0;
padding-top: 3px;
font-size:13px;
font-weight:bold;
}
#x_newsbox p {
margin: 6px 0 0 0;
font-size:11px;
color:#4f4f4f;
text-decoration:none;
}
#x_newsbox a {
text-decoration:none;
color:#4f4f4f;
}
#x_newsbox a:hover {
text-decoration:underline;
color:#5565F4;
}
#x_newsbox .x_link {
text-decoration:underline;
color:#0000c0;
}
#x_newsbox a:hover .x_link {
text-decoration:underline;
color:#5565F4;
}

/* Content area styles */
#wrapper {
    width: 766px;
    text-align: left;
    background-color:#FFF;
    padding: 0;
    margin: 0 auto;
}
.x_contentmenu_bg {
    background-image:url(../pics/contmenu_bg.gif);
    background-repeat:repeat-y;
	background-position:right;
}
.x_homepage_bg {
    background-image:url(../pics/homepage/rightmenu_bg.gif);
    background-repeat:repeat-y;
	background-position:right;
}
#contents_menuright {
	margin: 0 180px 0 0;
	padding: 15px 25px 10px 20px; 
	/*padding: 0;*/
	min-height: 450px;
}
#contents_nomenu {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	min-height: 450px;
}

#x_topleftcorner {
    position: absolute;
    margin: 0px;
    top: 0px;
    left: 0px;
	z-index: 1;
}
#x_toprightcorner {
    position: absolute;
    margin: 0px;
	padding: 0px;
    top: 0px;
    right: 0px;
	z-index: 1;
}
#x_bottomrightcorner {
    display:block;
    float:right;
    width: 14px;
    height: 14px;
    margin:0;
	z-index: 1;
}
#leftad {
	position:absolute; left: 0; top: 0; padding: 0; margin:0;
}
#topad {
	position:absolute; left: 174px; top: 6px; padding: 0; margin:0;
}
#cont_topleft {
	padding:104px 10px 10px 174px;
}


/* Titlemenu styles */
#titlemenu {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	text-align:left;
    background-image:url(../pics/titlemenu_bg.gif);
    background-repeat: repeat-x;
	height:79px;
}
#titlemenu_heading {
	position:absolute;
	left: 20px;
	top: 8px;
    width: 745px;
	padding: 0;
	margin: 0;
}
#titlemenu_big {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	text-align:left;
}
#titlemenu_big_contents {
position:relative;
z-index:0; 
margin:0;
padding:0;
background-color:#F7FFE7;
background-image:url(../pics/titlemenu_bg_h130.gif);
background-repeat: repeat-x;
}
#titlemenu_line {
	margin: 0 180px 0 20px;
    border-top:1px solid #c0df93;
	padding: 0;
	line-height:1px;
	font-size:1px;
}

/* Content menu styles */
#contentmenu {
    float: right;
    width:188px;
    padding: 0;
    margin: 0;
}
#contentmenu_corner {
    display: block;
    margin: 0;
	padding: 0 0 4px 0;
}
#contentmenu div {
    margin: 0 0 0 8px;
}
#contentmenu a {
    display:block;
    color:#333333;
    text-decoration:none;
    margin: 0;
	padding: 0 0 0 24px;
}
#contentmenu a.x_menuhead {
    font-size:13px;
    font-weight:bold;
    background-image:url(../pics/bullet_green2.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
	height: 26px;
	padding-top: 10px;
}
#contentmenu a.x_menuhead p {
	margin:0;
	padding:0;
}
#contentmenu a.x_menusmall {
    font-size:13px;
    background-image:url(../pics/bullet_green2.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
	height: 21px;
	padding-top: 5px;
}
#contentmenu a.x_menusmall p {
	margin: 0;
    padding: 0;
}
#contentmenu #x_menusel {
    background-image:url(../pics/contmenu_sel.gif);
    background-position: 0px 50%;
    background-repeat:no-repeat;
}
#contentmenu #x_menusel_small {
    background-image:url(../pics/contmenu_sel_small.gif);
    background-position: 0px 50%;
    background-repeat:no-repeat;
}
#contentmenu div:hover {
	background-image:url(../pics/contmenu_highlight.gif);
	background-repeat:repeat-y;
}
#contentmenu a:hover {
    text-decoration:underline;
}
#contentmenu #x_menusel:hover, #contentmenu #x_menusel_small:hover {
	background-color:#F6FFE1;
}
#contentmenu #x_menusel a:hover, #contentmenu #x_menusel_small a:hover {
	text-decoration: none;
}
#contentmenu div.x_menuline {
    background-image:url(../pics/contmenu_line2.gif);
    background-repeat: repeat-x;
    height: 2px;
    padding: 0;
    margin: 10px 12px 10px 20px;
    font-size: 0px;
}

/* Copyright notice at the bottom */
#copyright {
text-align:left;
    width: 745px;
    padding: 8px 5px;
    margin: 0 auto;
}
#copyright p {
	font-size: 9px;
	color:#514A80;
}
#copyright a {
	color:#514A80;
}
a.linkoverlay {
	display:block;
	position:absolute;
	background:url(../pics/old/spacer.gif);
	z-index:100;
	font-size:1px;
	overflow:hidden;
	text-indent: -3333px;
}
