/* Style for main page components */

body { 
width : 1000px; 
font-weight : normal; 
margin : 0; 
color : black; 
background : white; 
font : 12px Arial, "Trebuchet MS", Verdana, Sans-serif; 
margin : 0; 
}

#banner { 
width : 845px; 
height : 90px;
background : rgb(188,222,203) url("coweb.gif") no-repeat; 
padding : 5px 5px 5px 150px; 
border-bottom : 1px solid black; 
font-family : arial, trebuchet, ms, helvetica, sans-serif; 
font-size : 46px; 
font-weight : bold; 
color : navy; 
}

#banner a, #banner a:hover { 
color : navy; 
text-decoration : none; 
}

#subanner { 
position : absolute; 
text-align : center; 
background : rgb(188,222,203); 
top : 25px; 
left : 600px; 
right : 20px; 
margin : 0; 
font-size : 16px; 
}

#colm { 
float : left; 
width : 170px; 
background : rgb(210,230,210); 
}

#content { 
width : 800px; 
text-align : left; 
font : 14px Arial, "Trebuchet MS", Verdana, Sans-serif; 
background : white; 
padding : 25px; 
line-height : 150%; 
border-left : 1px solid navy; 
}

#footer { 
width : 980px; 
clear : both; 
text-align : center; 
padding : 10px; 
border-top : 1px solid navy; 
color : gray; 
}

/* Style for users pages */
 
h2 { 
text-indent : 0%; 
text-align : center; 
font-weight : normal; 
font-style : normal; 
color : rgb(80, 101, 115); 
}

h3.left { 
text-align : left; 
font-weight : bold; 
font-style : normal; 
color : rgb(80, 101, 115); 
}
 
h3 { 
text-indent : 0%; 
text-align : center; 
font-weight : normal; 
font-style : normal; 
color : rgb(80, 101, 115); 
}

h3.right { 
text-align : right; 
font-weight : bold; 
font-style : normal; 
color : rgb(80, 101, 115); 
}

table { 
border : none; 
}

td, th { 
font : 14px Arial, "Trebuchet MS", Verdana, Sans-serif; 
line-height : 140%; 
vertical-align : top; 
}

h1, h2, h3, h4 { 
font-family : trebuchet, ms, arial, helvetica, sans-serif; 
line-height : 120%; 
}

img { 
border : none; 
}

ul { 
margin-left : 25px; 
}

ol { 
margin-left : 150px; 
}

li { 
margin-top : 3px; 
}

sup { 
font-size : 80%; 
}

/* Style for entry pages */

div.entry { 
text-align : left; 
font : 14px Arial, "Trebuchet MS", Verdana, Sans-serif; 
width : 100%; 
}

div.entry_title { 
text-align : center; 
padding : 5px 5px 5px 5px; 
font : 16px Arial, "Trebuchet MS", Verdana, Sans-serif; 
width : 100%; 
}

div.entry_links { 
text-align : center; 
padding : 5px 5px 5px 5px; 
font : 12px Arial, "Trebuchet MS", Verdana, Sans-serif; 
width : 100%; 
}

div.entry_name { 
text-align : left; 
padding : 5px 25px 0px 5px; 
font : 14px Arial, "Trebuchet MS", Verdana, Sans-serif; 
width : 100%; 
}

div.entry_description { 
text-align : left;
padding : 5px 25px 15px 5px; 
font : 14px Arial, "Trebuchet MS", Verdana, Sans-serif; 
width : 100%; 
}

div.entry_category { 
text-align : left; 
font : 14px Arial, "Trebuchet MS", Verdana, Sans-serif; 
}

div.entry_catlist { 
text-align : center; 
padding : 10px 10px 10px 10px; 
font : 14px Arial, "Trebuchet MS", Verdana, Sans-serif; 
width : 100%; 
}

/* Style for menu top row */

#menu { 
position : absolute; 
left : 0; 
height : 23px; 
width : 1000px; 
z-index : 100; 
font : bold 12px arial, tahoma, sans-serif; 
}

#menu-top { 
height : 23px; 
padding-top : 0; 
background : rgb(0,149,130);
}

#menu-top ul { 
display : block; 
height : 23px; 
float : left; 
margin : 0; 
padding : 0; 
}

#menu-top ul li { 
display : block; 
position : relative; 
float : left; 
}

#menu-top li a { 
text-decoration : none; 
display : block; 
float : left; 
height : 23px; 
padding : 0 7px; 
line-height : 21px; 
color : #fff; 
white-space : nowrap; 
}

#menu-top li a.active { 
color : black; 
background : rgb(168,208,164);
}

#menu-top a.indent-right { 
margin-left : 13px; 
}

#menu-top li:hover a { 
color : #656565; 
background : #b7e8ef;  
}

/* Style for menu bottom row */

#menu-bot { 
display : block; 
clear : left; 
margin : 0; 
padding : 0; 
height : 20px; 
background : rgb(168,208,164);
}

#menu-bot ul { 
margin : 0; 
padding : 0; 
width : 998px; 
display : none; 
list-style : none; 
}

#menu-bot li { 
display : block; 
float : left; 
color : black; 
line-height : 20px; 
}

#menu-bot li a { 
text-decoration : none; 
display : block; 
padding : 0 8px; 
color : black; 
}

#menu-bot ul { 
display : block; 
width : auto; 
float : left; 
}

#menu-bot li.active { 
color : white;
background : #ffe8ef; 
padding : 0 0 0 4px; 
}

#menu-bot li:hover a { 
color : #656565; 
background : #b7e8ef; 
}