/* CSS Document */

html {height : 100%; 
} 

body {	width: 910px; line-height : 120%;	
color : #ffffcc;	
font-family : Verdana, Arial, Helvetica, sans-serif;	
background-image : url(../images/woclogobig_bg.gif);	
background-repeat : repeat-y;	
padding : 0;	
margin-top : 10;	
margin-bottom : 0;	
margin-left : 50px;	
margin-right : 50px;	
background-attachment: fixed;       
background-color: #666666;} 

.body_outer{color : #ffffcc;}
.clr {clear : both; }
.outline {background : #4f4f4f;  }

#top {      
background-repeat : no-repeat;      
height : 36px;       
background-color : #ffffff;      
float : left;      
border-bottom-color : #666666; 
} 

.world {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color : #ffcc00; 
font-weight : bold; 
} 

#top_inner { 
float : left; 
padding-left : 12px; 
margin-top : 10px; 
} 

#top_menu { 
float : right;  
height : 28px; 
width:910px; 
line-height : 28px; 
background-image : url(../images/head.gif); 
background-repeat : repeat; 
border : 1px solid #010101; 
} 

#top_menu_inner {
padding-left : 4px; 
height : 22px; 
line-height : 22px; 
margin-top : 6px; 
} 

#pathway {	
background-image : url(../images/path.gif);	
background-repeat : repeat;	
height : 22px;	
border : 1px solid #000000;	
margin: 4px;
} 

#pathway_text {	
font-family:Arial, Helvetica, sans-serif;	
font-size:10px;	overflow : hidden;	
display : block;	
height : 22px;	
line-height : 22px!important;	
line-height : 22px;	
padding-left : 8px;	
color: #FFFFcc;	
float: left;
} 

#pathway_text img { 
margin-left : 2px; 
margin-right : 2px; 
margin-top : 6px; 
} 

#banner_inner{	
padding-left: 300px;	
margin-top: 4px;	
margin-bottom: 4px;
}

#banner{} 

#buttons { 
float : left; 
margin : 2px; 
padding : 2px; 
width : auto; 
} 

ul#mainlevel-nav { 
list-style : none; 
padding : 0px; 
margin : 0px; 
font-size : 11px;
} 

ul#mainlevel-nav li { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-image : none; 
padding-left : 0px; 
padding-right : 0px; 
float : left; 
margin : 0px; 
font-size : 11px; 
line-height : 20px; 
white-space : nowrap; 
border-right : 1px solid #4f4f4f; 
color : #ffcc00;
} 

ul#mainlevel-nav li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
display : block; 
padding-left : 15px; 
padding-right : 15px; 
text-decoration : none; 
color : #ffcc00; 
background : transparent; 
} 

#buttons > ul#mainlevel-nav li a {
width : auto; 
} 

ul#mainlevel-nav li a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color : #ffffff; 
} 

ul#mainlevel-nav li a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color : #ffcc00; 
}

#search_inner form {
padding : 2px; 
margin : 2px; 
} 

#search_inner .inputbox {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #666666; 
background-color : #ffffff; 
} 

#header {
background-color : #000000;	
height : 160px;	
background-repeat : repeat-x;	
float : left;	

/*margin-top : 12px;*/	
/*margin-bottom : 12px;*/	
border : 1px solid #010101;	
width: 910px;
} 

#header_inner {
padding-left : 24px; 
padding-top : 12px; 
} 

#left_outer {
float : left; 
width : 160px; 
border : 1px solid #010101; 
margin : 2px; 
} 

#left_inner {
float : none !important; 
float : left; 
padding : 2px; 
}

#left_footer {
background-image:url(../images/content_bottom.gif);
background-repeat:repeat-x;
height: 22px;
} 

#right_outer { 
width : 150px; 
border : 1px solid #010101; 
margin : 2px; 
} 

#right_inner {
float : none !important; 
float : left; 
padding : 2px; 
}

#right_footer{
background-image:url(../images/content_top.gif);
background-repeat:repeat-x;
height: 22px;
}

#center_footer{	
background-image:url(../images/content_top.gif);	
background-repeat:repeat-x;	
height: 22px;
} 

#content_outer {	
width : 910px;	
background-repeat : repeat-x;	
float : left;	
border : 1px solid #010101;	
background-color : #2a2a2a;	
color : #ffffcc;	
background-image: url(../images/content_bg.gif);	
margin-bottom: 12px;
} 

#main_content {	
float : none !important;
float : left;	
margin-bottom: 4px;	
padding-left: 4px;	
padding-right: 4px;
} 

table.content_table {
float : none; 
} 

#user {	
float : left;
}

.user1_inner {	
float : none !important;	
float : left;
} 

#user1_outer {
float : none !important; 
float : left; 
margin : 2px; 
}

.user2_inner {	
float : none !important;
float : left;
} 

#user2_outer {
float : none !important;
float : left; 
margin : 2px; 
}

.error {
font-style : italic; 
text-transform : uppercase; 
padding : 5px; 
color : #010101; 
font-size : 14px; 
font-weight : bold; 
}

.back_button {
background-image : url(../images/button_bg.gif); 
float : left; 
text-align : center; 
font-size : 10px; 
font-weight : bold; 
border : 3px double #3c3c3c; 
width : auto; 
padding : 0 10px; 
line-height : 18px; 
margin : 4px; 
color : #666666; 
background-color : #181818; 
} 

.pagenav {
font-family : Arial, Helvetica, sans-serif; 
text-align : left; 
font-size : 10px; 
font-weight : bold; 
border : 3px double #010101; 
width : auto; 
background-color : #181818; 
padding : 0 8px; 
line-height : 18px; 
margin : 1px; 
color : #666666; 
background-image : url(../images/button_bg.gif); 
}

.pagenavbar {
margin-right : 10px; 
float : left; 
}

.pagenav:hover {
color : #a42700; 
}

#footer {	
background-color : #000000;
height : 60px;
background-repeat : repeat-x;	
float : left;
background-image : url(../images/footer.gif);
border : 1px solid #010101;
width: 910px;
}

ul {
margin : 2px; 
padding : 2px; 
list-style : none; 
}

li {
text-align:left;
line-height : 14px;
padding-left: 18px;
background-image : url(../images/arrow.gif); 
background-repeat : no-repeat; 
}

td {
text-align : left;
font-size : 11px; 
}

a:link, a:visited {
color : #666666;
text-decoration : none;
font-weight : bold; 
}

a:hover {
color : #a22700;
text-decoration : none;
font-weight : bold;
}

table.contentpaneopen {
width : 100%;
padding: 2px;
}

table.contentpane {
width : 100%;
padding: 2px;
}

table.contentpaneopen fieldset {
border : 1px solid #ff9900; 
}

table.contentpaneopen legend{
border : 1px solid #ff9900; 
}

.button {
color : #666666;
background-color : #181818;
background-image : url(../images/button_bg.gif);
font-family : Arial, Hevlvetica, sans-serif;
text-align : center;
font-size : 11px; 
font-weight : bold;
border : 3px double #010101; 
width : auto; 
padding : 0 5px;
line-height : 18px !important;
line-height : 16px;
height : 22px !important;
height : 22px; 
margin : 4px;
}

.button:hover {
color : #a42700;
}

.inputbox {
padding : 2px;
margin : 2px; 
border : 1px solid #010101;
background-color : #000000;
color : #f7f7f7;
background-image : url(../images/body_bg.gif); 
}

.componentheading {
height : 20px; 
border : 1px solid #010101; 
color : #fff;
font-weight : bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 10px; 
white-space : nowrap;
background-color : #a22700;
background-image:url(../images/sub_top.gif);
background-repeat:repeat-x;
padding-left : 4px;
}

.contentcolumn {
height : 20px;
border : 1px solid #010101; 
color : #ffffcc;
font-weight : bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
white-space : nowrap;
background-color : #a22700;
background-image:url(../images/sub_top.gif);
background-repeat:repeat-x; 
padding-left : 4px;
}

.contentheading {
height : 20px; 
border : 1px solid #010101;
color : #fff;
font-weight : bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
white-space : nowrap;
background-color : #a22700;
background-image:url(../images/sub_top.gif);
background-repeat:repeat-x;
padding-left : 4px;
}

.contentpagetitle {
height : 20px; 
border : 1px solid #010101;
color : #fff; 
font-weight : bold;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px;
white-space : nowrap; 
background-color : #a22700;
background-image:url(../images/sub_top.gif);
background-repeat:repeat-x;
padding-left : 4px;
}

table.searchinto {
width : 100%;
}

table.searchintro td {
font-weight : bold;
}

table.moduletable {
width : 100%;
margin-bottom : 12px; 
padding : 0px;
}

div.moduletable {
padding : 0px; 
margin-bottom : 12px; 
}

table.moduletable th, div.moduletable h3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color : #dcdcdc; 
background-color : #131313;
background-image:url(../images/content_topa.gif);
background-repeat:repeat-x;
text-align : center;
height : 20px;
line-height : 20px;
font-weight : bold;
font-size : 11px;
text-transform: none;
margin-top:2px;
margin-bottom:2px;
padding-bottom: 2px;
}

table.moduletable td {
font-size : 11px;
padding : 0px;
margin : 0px;
font-weight : normal;
}

table.pollstableborder td {
padding : 2px;
}

.sectiontableheader {
font-weight : bold;
background-color : #010101;
padding : 4px; 
}

.sectiontableentry1 {
background-color : #181818;
}

.sectiontableentry2 {
background-color : #131313;
}

.small {
font-family:Arial, Helvetica, sans-serif;
color : #8cc544;
font-size : 9px; 
}

.createdate {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color : #a22700;
}

.modifydate {
font-family:Arial, Helvetica, sans-serif;
color : #a22700;
font-size : 9px;
}

table.contenttoc {
border : 2px solid #010101;
padding : 2px;
margin-left : 2px;
margin-bottom : 2px; 
}

table.contenttoc td {
padding : 2px; 
margin-left : 2px;
margin-bottom : 2px;
}

table.contenttoc th {
background-image:url(../images/sub_top.gif);
background-repeat:repeat-x;
color : #f1f1f1;
background-color : #a22700;
border : 2px solid #010101;
text-align : left;
padding-top : 2px;
padding-left : 4px;
height : 22px;
font-weight : bold;
font-size : 10px;
text-transform : uppercase;
} 

a.mainlevel:link, a.mainlevel:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
display : block;
vertical-align : middle;
font-size : 10px;
font-weight : bold;
color : #ffcc00; 
text-align : left;
padding-top : 4px; 
padding-left : 8px; 
height : 22px !important; 
height : 22px; 
text-decoration : none; 
border-bottom : 1px solid #010101; 
} 

.mainlevel:active{
font-family : Verdana, Arial, Helvetica, sans-serif; 
display : block; 
vertical-align : middle;
font-size : 11px;
font-weight : bold;
color : #red;
text-align : left;
padding-top : 4px;
padding-left : 8px;
height : 22px !important; 
height : 22px;
text-decoration : none;
border-bottom : 1px solid #010101;
} 

a.mainlevel:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
background-position : 0 -22px;
text-decoration : none;
border-right : 2px solid #a22700;
color : #dddddd;
font-size : 10px;
text-align : left;
padding-left : 15px; 
}

 a.mainlevel#active_menu {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 color : #a22700; 
 border-right : 2px solid #a22700;
 font-weight : bold;
 font-size : 10px;
 height : 22px !important;
 height : 22px;
 text-decoration : none;
 text-align : left;
 padding-left : 8px;
 }

 a.mainlevel#active_menu:hover {
 color : #efefef; 
 padding-left : 18px; 
 }

 a.sublevel:link, a.sublevel:visited {
 font-family: Verdana, Helvetica, sans-serif;
 padding-left : 24px;
 padding-top : 4px;
 vertical-align : middle; 
 font-size : 11px;
 font-weight : bold; 
 color : #666666;
 text-align : left; 
 height : 22px !important;
 height : 22px;
 text-decoration : none; 
 }
 
 a.sublevel:hover {
 padding-left : 34px;
 color : #ffffff;
 text-decoration : none; 
 }
 
 a.sublevel#active_menu {
 color : #a22700;
 }
 
 .highlight {
 background-color : yellow; 
 color : blue; 
 padding : 0; 
 }
 
 .code {
 background-color : #ddd; 
 border : 1px solid #bbb; 
 }
 
 form {
 margin : 0; 
 padding : 0; 
 }
 
 div.mosimage {
 border : 1px solid #010101;
 }
 
 .mosimage {
 border : 1px solid #010101; 
 margin : 5px; 
 }
 
 .mosimage_caption {
 margin-top : 2px;
 background-color: #a22700;
 padding : 1px 2px; 
 color : #fff;
 font-size : 10px;
 border-top : 1px solid #010101;
 }
 
 span.article_seperator {
 display : block;
 height : 1.5em; 
 }
 
 .readon {
 font-family: "Courier New", Courier, monospace;
 font-size : 11px;
 }
 
 a.readon:link {
 font-family: "Courier New", Courier, monospace;
 color : #666666;
 font-size : 11px;
 font-weight : bold;
 }
 
 a.readon:visited {
 font-family: "Courier New", Courier, monospace;
 font-size : 11px; 
 font-weight : bold;
 }
 
 a.readon:hover {
 font-family:  "Courier New", Courier, monospace;
 color : #666666;
 font-size : 11px;
 font-weight : bold; 
 border-bottom : 1px solid #4f4f4f;
 }
 
 .pagenav_next{
 font-family: "Courier New", Courier, monospace;
 color : #666666; 
 font-size : 11px;
 font-weight : bold;
 }
 
 .pagenav_prev{
 font-family: "Courier New", Courier, monospace;
 color : #666666;
 font-size : 11px;
 font-weight : bold;
 }
 
 .maintitle {
 font-family : "Courier New", Courier, mono;
 color : #fff;
 font-weight : bolder;
 float : left;
 padding-left : 0px;
 padding-top: 0px;
 }
 
 #logo {
 font-family: Arial, Helvetica, sans-serif;
 margin-top: 8px;
 height : 14px;
 float : right;
 font-size : 9px;
 color: #666666;
 margin-right: 4px; 
 }
 
 #logo a:hover {
 color : #8cc544;
 }
 
 .menue {
 padding-left:0px;
 padding-top:0px;
 padding-right:0px; 
 padding-bottom:10px;
 height:20px;
 width:900px;
 }
