html {
background-color: #FFF;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    color:#414141;
}

body {
font-size:1em;
color:#414141;
line-height:1.5em;
margin:2px
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td {
margin:0;
padding:0
}

table {
border-collapse:collapse;
border-spacing:0
}

fieldset,img {
border:0
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400
}

li {
    color: #414141;
list-style:none
}

caption,th {
text-align:left
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
clear:both
}

q:before,q:after {
content:''
}

abbr,acronym {
border:0;
font-variant:normal
}

sup {
vertical-align:text-top
}

sub {
vertical-align:text-bottom
}

input,textarea,select {
font-family:inherit;
font-weight:inherit;
font-size:100%
}

legend {
color:#000
}

.png_trans {
behavior:url(iepngfix.htc)
}

span.font_bigger {
font-size:1.4em
}

span.font_big {
font-size:1.2em
}

span.white {
color:#FFF
}

span.gray {
color:#DDD
}

span.comic_yellow {
color:#ffc33a;
}

span.comic_red {
color:#C03;
}

span.comic_blue {
color:#09F;
}

#main {
position:absolute;
z-index:-1;
float:left;
top:180px;
width:980px;
left:50%;
margin-left:-490px;
border:0px #00F solid;
text-align:left;
padding: 0px;
}

#main2 {
position:absolute;
float:left;
top:225px;
width:980px;
left:50%;
margin-left:-490px;
border:1px #0F0 solid;
text-align:left;
padding: 0px;
}

#main3 {
    z-index: 50;
position:absolute;
float:left;
top:133px;
width:980px;
left:50%;
margin-left:-490px;
border:1px #0FF solid;
text-align:left;
padding: 0px;
}

#bigcontent {
float:left;
clear:both;
width:960px;
border:0px #009 solid;
text-align:left;
font-size:0.9em;
margin:4px;
padding:4px
}

#content {
float:right;
width:740px;
border:1px #0F0 solid;
text-align:left;
font-size:0.9em;
margin:4px;
padding:4px;
}

p {
color:#414141;
margin:4px 8px 10px 8px;
padding:4px 4px 4px 8px
}

#content h1,#bigcontent h1 {
color:#A00;
font-size:1.8em;
line-height:1.2em;
clear:both;
font-weight:700;
border:0 #EEE solid;
margin:2px 6px 2px 8px;
padding:8px 4px 6px 8px
}

#content ul,#content ol {
color:#900;
list-style-position:inside;
margin:15px 15px 15px 30px
}

#content ul li {
list-style-position:inside;
list-style-type:disc;
margin:4px
}


#footer {
clear:both;
float:left;
width:978px;
z-index:10;
text-align:center;
font-size:0.8em;
line-height:1.4em;
color:#666666;
border: 0px #DDD dashed;
margin:20px 2px 20px 2px;
padding:0px;
}

#footer a {
color:#227db5;
text-decoration:none
}

#footer a:hover {
color:#227db5;
text-decoration:none
}

#header {
    float:left;
position:absolute;
text-align:left;
top:0px;
width:980px;
height: 170px;
left:50%;
margin-left:-490px;
border-bottom: 1px #EEE solid;
}

#header2 {
    float:left;
position:absolute;
text-align:left;
top:0px;
width:980px;
left:50%;
margin-left:-490px;
border:1px #F0F solid
}

#top_menu {
float:left;
position:absolute;
z-index:9999;
width:780px;
left:50%;
margin-left:-486px;
top: 132px;
border: 0px #F0F solid;
font-size:1em;
text-align: center;
}

#top_menu2 {
float:right;
position:absolute;
z-index:9999;
width:170px;
right:4px;
top: 134px;
border: 0px #F0F solid;
font-size:1em;
text-align: right;
}

#top_menu li {
    float:left;
    padding: 1px 4px 1px 4px;
    color: #227db5;
    border-right: 1px #EEEEEE solid;
}

#top_menu .end_menu {
    float:left;
    padding: 1px 10px 1px 10px;
    color: #227db5;
    border-right: 0px #999999 solid;
}

#top_menu2 li {
    float:left;
    padding: 1px 8px 1px 8px;
    color: #227db5;
}

#top_menu a, #top_menu a:hover, #top_menu2 a, #top_menu2 a:hover {
    color: #227db5;
}

#logo {
position:absolute;
z-index:15;
width:400px;
height:60px;
left:10px;
top:0px;
border:0px #0F0 solid
}

#slogan {
position:absolute;
z-index:15;
width:450px;
height:30px;
right:260px;
top:68px;
padding: 5px;
border:0px #0F0 solid;
font-size: 1.6em;
color: #227db5;
font-style: italic;
}

#top_donate_button {
position:absolute;
z-index:15;
width:130px;
height:40px;
right:70px;
top:60px;
padding: 5px;
border:0px #0F0 solid;
font-size: 1.2em;
color: #227db5;
font-style: italic;
}

#language {
float:right;
position:absolute;
z-index:20;
width:240px;
height:36px;
left:220px;
top:14px;
border:0px #0F0 solid;
color:#227db5;
text-align:left;
line-height:2.2em;
font-size:1em;
padding:2px;
}

#phone_number {
float:right;
position:absolute;
z-index:20;
width:300px;
height:40px;
right:12px;
top:10px;
border:0px #0F0 solid;
color:#227db5;
text-align:right;
line-height:2.2em;
font-size:1.2em;
padding:2px;
}

#language b, #phone_number b {
    color: #dea100;   
}

#phone_number a {
    color: #227db5;
}

#phone_number a:hover {
    color: #227db5;
}

#scrollerx {
z-index:95;
width:678px;
height:360px;
border:0px #900 solid;
float:left;
margin: 0px;
}

#the_content {
z-index:95;
width:678px;
border:0px #900 solid;
float:left;
margin: 0px;
}

#scrollerx h2, #latest_news h2, #the_content h2, #bigcontent h2 {
    border: 0px #999 solid;
    background-color: #f9f9f9;
    background-image: url(gray-header-tag.jpg);
    background-repeat: repeat-x;
    width: 664px;
    margin: 0px;
    color: #ec1656;
    font-size: 0.9em;
    padding: 6px 0px 6px 14px;
}

#bigcontent h2 {
    border: 0px #999 solid;
    background-color: #f9f9f9;
    background-image: url(gray-header-tag.jpg);
    background-repeat: repeat-x;
    width: 946px;
    margin: 0px;
    color: #ec1656;
    font-size: 0.9em;
    padding: 6px 0px 6px 14px;
}

#latest_news {
    width:678px;
    margin: 12px 0px 20px 0px;
    float: left;
}

#news {
    clear:both;
    border: 1px #EEEEEE solid;
}

#news h2 {
    background-color: #f9f9f9;
    background-image: url(gray-header-tag.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    color: #ec1656;
    font-size: 0.9em;
}

#news_item {
    margin: 6px;
}

#latest_news b {
    color: #227db5;
}

#latest_news ul {
    margin: 10px 4px 10px 12px;
    color: #227db5;
}

#latest_news li {
    list-style-type: disc;
    margin: 6px 4px 6px 12px;
    color: #454545;
}

#scrollerx_no_java {
position:absolute;
z-index:5;
width:840px;
height:340px;
left:75px;
top:100px;
border:0 #9CF solid
}

.search_table {
height:34px;
clear:both;
margin:14px 0;
padding:2px;
border: 0px #990000 solid;
}

.search_table td {
border:0 solid #0F0;
vertical-align:top;
padding:4px
}

.search_input {
font-size:13px;
color:#999;
font-weight:400;
background-color:#FFF;
border-top:2px #CCC solid;
border-right:1px #EEE solid;
border-bottom:1px #EEE solid;
border-left:2px #CCC solid;
width:140px;
margin:0 10px;
padding:4px
}

#sidebar {
    width:296px;
    text-align:left;
    color:#000;
    font-size:0.9em;
    margin:0px 0px 6px 0px;
    padding:0px 0px 6px 0px;
    float: right;
}

#features {
    clear:both;
    margin: 0px 0px 6px 0px;
    border: 1px #EEEEEE solid;
    padding: 0px 0px 6px 0px;
}

#features h2 {
    border: 0px #999 solid;
    background-color: #f9f9f9;
    background-image: url(gray-header-tag.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    color: #ec1656;
    font-size: 0.9em;
    padding: 6px 0px 6px 0px;
}

#feature {
    margin: 6px 0px 0px 6px;
}

#sponsors {
    clear:both;
    margin: 0px 0px 6px 0px;
    border: 1px #EEEEEE solid;
    padding: 0px 0px 6px 0px;
}

#sponsors h2 {
    border: 0px #999 solid;
    background-color: #f9f9f9;
    background-image: url(gray-header-tag.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    color: #ec1656;
    font-size: 0.9em;
    padding: 6px 0px 6px 0px;
}

#sponsor {
    margin: 6px 0px 0px 6px;
}

#left_column {
    width:678px;
    text-align:left;
    color:#000;
    font-size:0.9em;
    margin: 12px 0px 0px 0px;
    padding:0px 0px 6px 0px;
    float: left;
}

#three_boxes {
    clear: both;
    float:left;
    border: 1px #09F solid;
    background-image: url(four_boxes.jpg);
    background-repeat: no-repeat;
    width: 678px;
}

#three_boxes a, #three_boxes a:hover {
    color: #09F;
}

#three_boxes_box {
    float:left;
    border: 1px #EEE solid;
    background-image: url(bg_white.png);
    background-repeat: repeat;
    width: 200px;
    height: 212px;
    padding: 2px 4px 4px 4px;
    margin: 8px;
    
}

#three_boxes p {
    font-size: 0.8em;
    margin: 2px;
}

#sidebar p {
margin:6px
}

#sidebar ul {
border:0px #090 solid;
margin:10px 2px 10px 6px
}

#sidebar li {
border:0px #900 solid;
list-style:disc;
margin:12px 4px 12px 20px;
color: #888;
}

.sliderwrapper {
position:absolute;
overflow:hidden;
border:0px solid #09F;
width: 972px;
height: 380px;
right: 0px;
}

.sliderwrapper .contentdiv {
visibility:hidden;
position:absolute;
left:0;
top:0;
width:972px;
height:380px;
border:0 #FFEE7A solid;
z-index:20;
padding:0
}

.pagination {
position:absolute;
width:220px;
height: 340px;
text-align:left;
border:0px #0f0 solid;
z-index:30;
top:0px;
left:0px;
padding:0;
font-size: 2em;
}

.page_prev {
display: none;
position:absolute;
left:0px;
top:280px;
z-index: 40;
}

.page_next {
display: none;
position:absolute;
left:190px;
top:280px;
z-index: 40;
}

.slider_index {
position:absolute;
left: 0px;
top:301px;
z-index:90;
text-align:left;
border:0px #0F0 solid;
padding: 4px 0px 0px 6px;
margin: 0px;
color: #999999;
        background-color: #f6f6f6;
        width: 214px;
        height: 35px;
}

.slider_index .toc {
float:left;
border:0 #0F0 solid;
margin:2px 6px 0;
z-index:90;
}

.slide_display {
        position:absolute;
        left: 0px;
        width: 220px;
        height: 300px;
        z-index: 80;
	padding: 0px;
        border: 0px #990000 solid;
        background-color: #f6f6f6;
}

.slide_image {
	text-align: right;
	float: right;
	position:absolute;
	right: 0px;
	width: 750px;
	z-index: 60;
	border: 0px #990099 solid;
}

.pagination a {
    color: #999999;
}


.pagination a:hover, .pagination a.selected,.pagination a.hover {
    color: #990000;
}

del,ins, h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover {
text-decoration:none
}

.digitalize,span.digital {
display:none
}

span.dark_red, .gray_box_3 b, .gray_box_3 strong, .common_area b, .bigcommon_area b, #content a, #content a:hover, #sidebar a, #sidebar a:hover {
color:#900
}

span.light_blue {
color:#07F
}

a {
text-decoration:none;
color:#990000;
}

a:hover {
text-decoration:none;
color:#AA0000;
}

h2, h3, h4, h5, h6 {
color:#555;
font-size:1.2em;
clear:both;
font-weight:700;
margin:10px 2px 6px 18px;
padding:4px
}

#footer .newsletter {
        z-index: 40;
        float:left;
        width:974px;
        border: 1px #eeeeee solid;
        padding: 4px 0px 4px 0px;
        margin: 0px 0px 10px 0px;
        clear:both;
        color: #1166aa;
        font-size: 1.1em;
}

#footer .newsletter_left {
    margin: 2px;
    float: left;
    border: 0px #000099 solid;
    width: 600px;
    text-align: left;
    vertical-align: top;
    padding: 2px 4px 2px 10px;
}

#footer .newsletter_right {
    margin: 2px;
    float: right;    
    border: 0px #000099 solid;
    width: 200px;
    text-align: right;
    vertical-align: top;
    padding: 2px 10px 2px 4px;
}

#footer #footer_left {
    float:left;
    font-size: 0.8em;
    width: 550px;
    margin: 0px;
    border: 0px #009900 solid;
    text-align: left;
    padding: 4px;
}

#footer #footer_right {
    float:right;
    font-size: 0.9em;
    width: 400px;
    margin: 0px;
    border: 0px #009900 solid;
    text-align: right;
    padding: 4px;
}

.funnel_box {
        float:left;
        width:316px;
        height: 80px;
        margin: 0px 1px 0px 2px;
        padding: 2px;
	font-size: 0.9em;
}

.funnel_gray {
        border: 1px #cccccc solid;
	background-color: #EEEEEE;
	color: #990000;
}

.funnel_gray p {
    margin: 8px;
    padding: 8px;
    color: #555555;
}

.funnel_red {
        border: 1px #bb0000 solid;
	background-color: #880000;
}

.funnel_red p {
    margin: 8px;
    padding: 8px;
    color: #FFFFFF;
}

/*Example CSS for demo ticker*/

#ajaxticker1{
    width: 100%;
    padding: 1px;
    background-color: #F9F9F9;
    border:1px #EEEEEE solid;
    min-height: 120px;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
    background-color: #F9F9F9;
}

.someclass{ /* class to apply to your scroller(s) if desired */
}

/* JS Forms */

.white_form {
        margin:4px;
        padding: 4px;
        font-size: 0.9em;
}

.white_form td {
        padding: 4px;
	border: 0px #00ff00 solid;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

/* Smooth Menu */

.ddsmoothmenu{
z-index:100;
background-color:#FFFFFF;
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
background-color:#FFFFFF;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
background-color:#FFFFFF;
position: relative;
display: inline;
float: left;
min-width: 80px;
padding: 0px;
margin: 0px;
font-size: 0.9em;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background-color:#FFFFFF;
color: white;
padding: 4px 10px;
color: #0099CC;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-color: #000000; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background-color: #000000; 
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
    text-align: left;
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 220px; /*width of sub menus*/
padding: 5px 5px 5px 20px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #EEEEEE;
}

/* Sub level menu links style */
.ddsmoothmenu .big_menu_item {

width: 300px;

}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #333333;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.2;
}