/* 
  c.css -- Generic Site Style Sheet
  Copyright (C) 2004-2005, Kipp Software Corporation.  Used under license.
*/

html { font-family : "Lucida Sans", Verdana, sans-serif; margin : 0; }
p { margin : 0; padding : 0 5 10 0; line-height : 1.5; }
img { border : 0; }
form { margin : 0; display : inline; }
table { font-size : 110%; border-collapse : collapse; }
tr { vertical-align : top; }
th, td { padding : 0; text-align : left;}
a { text-decoration : none; }
a:hover { text-decoration : underline; }
ul, ol { margin : 0 0 15 1.5em; }

p.drop:first-letter { font-size : 200%; float : left; vertical-align : top; padding-right : 5; }

div.padding { padding : 10; }
div.head { font-family : Georgia, serif; font-size : 110%; font-weight : bold; padding : 5 0 10 0; color : #000099; }
div.hide { display : none; }

pre.debug { border : 1px solid #990000; background : white; padding : 10; text-align : left; }

table.columns { width : 100%; }
table.columns td {  }

table.layout { width : 100%; }

object.player { width :320;  height : 300; }

a.button { 
  padding : 5 10; 
  border : 1px solid green; 
  border-color : #eeeeee #333333 #333333 #eeeeee; 
  background : #cccccc; 
  color : #333333;
  cursor : default; 
  font-size : 80%; 
}
a.button:hover { text-decoration : none; }

table.tabs { width : 100%; }
table.tabs tr { vertical-align : middle; }
table.tabs th { font-size : 80%; border-bottom : 0px solid #111199; padding : 0 ; font-weight : normal; }
table.tabs th.lit { border : 0px solid #111199; border-bottom : white; background : white; }
table.tabs th.hot { border : 0px solid #111199; background : #ccccff; }
a.tab { color : black; cursor : default; width : 80; padding : 3 0; }
span.tab { width : 80; padding : 3 0; cursor : default; }
a.tab:hover { text-decoration : none; color : #991111; background : #eeccff; }
div.card { border : 1px solid #111199; border-top : 0; padding : 5 10 10 10; background : white; }

input { font-family : Verdana, sans-serif; font-size : 90%; padding : 2 5; }

/* //////////////// */

html { background : #333366; margin : 0; }
body { margin : 0; }
div.background { text-align : center; padding : 16 0;}
div.page { 
  text-align : left; margin : auto; width : 900; background : #eeeeff; 
  border : 1px solid #666666; 
  border-color : #ffffff #000000 #000000 #ffffff; 
  padding : 10 30 20 10;
}
div.red { color : #991111; }

table.display { font-size : 100%; margin-bottom : 10; }
table.display th { padding : 3 10; text-align : left; background : #ccccff; border : 1px solid white; }
table.display td { padding : 3 10; text-align : left; background : #eeeeff; border : 1px solid white; }

div.dialog { background : white; border : 1px solid #336699; xmargin : 0 20 0 0; }
div.dialog div.head { background : #ccccff; padding-bottom : 2; margin-bottom : 4; }
select { font-size : 100%; }

input { background : #ffffcc; }
textarea { background : #ffffcc; }
input.date { width : 175; }
input.button { 
  padding : 2 10; 
  border : 1px solid green; 
  border-color : #eeeeee #333333 #333333 #eeeeee; 
  background : #cccccc; 
  color : #333333;
  cursor : default; 
  font-size : 80%; 
}

textarea.sliml { width : 500; height : 400; font-size : 100%; }
textarea.hidden { display : none; }

pre.instructions { border : 1px solid #660000; background : #ffffcc; padding : 5; }
div.sliml { width : 600; border : 1px solid #660000; background : #ffffcc; padding : 5; }

div.sliml div.title { font-size : 125%; font-weight : bold; padding-bottom : 5; }
td.column { padding : 0 0 10 10 ; xborder-top : 5px solid #999999; xbackground : white; }
td.tan { padding : 0 5 10 10 ; xborder-top : 5px solid #999999; background : #ffffcc; }
td.blue { padding : 0 0 10 0; xborder-top : 5px solid #999999; background : #666699; }
td.right { text-align : right; }

div.right { text-align : right; }
textarea.comment { font-family : Verdana; font-size : 100%; width : 400; height : 75; }

iframe.status { width : 500; }

tr.bottom { vertical-align : bottom; }
tr.middle { vertical-align : middle; }

div.card { border : 0; }

div.headline { font-weight : bold; }
div.author { font-size : 75%; padding : 0 0 5 0;}
div.date { font-size : 75%; padding : 0 0 5 0;}
div.line { padding : 0 0 3 0;}

div.topnav { text-align : center; }

a.toptab {
  text-decoration : none;
  padding : 3 10;
  margin : 0 0 0 5;
  background : white;
  font-style : italic; 
  color : #000099;
  cursor : default; 
}

a.toptab:link {
  background : #dddddd;
  color : #000099;
  text-decoration : none;
  cursor : pointer; 
}

a.toptab:visited {
  background : #dddddd;
  color : #000099;
  text-decoration : none;
  cursor : pointer; 
}

a.toptab:active {
  background : #dddddd;
  color : #000099;
  text-decoration : none;
  cursor : pointer; 
}

a.toptab:hover {
  color : #ffff00;
  background : #000099;
  text-decoration : none;
  cursor : pointer; 
}

div.rtu { padding-bottom : 5; }
div.subhead { font-weight : bold;  font-style:italic; padding : 5 0 5 0; }

div.leftnav { border-bottom : 5px solid white; }
span.leftnav { 
  width : 200; 
  text-align : right;
  padding : 4 10; 
  background : #336699;
  color : white; 
  font-weight : bold; 
}

a.leftnav { 
  width : 200; 
  text-align : right;
  padding : 4 10; 
  text-decoration : none; 
  background : white; 
  font-weight : bold; 
}
a.leftnav:link { }
a.leftnav:visited { color : #336699; }
a.leftnav:active { }
a.leftnav:hover { 
  background : #ccccff; 
  color : #336699;
  text-decoration : none; 
}

div.topbar { xborder-bottom : 1px solid #111177; }
div.footer { font-size : 75% ; padding : 0; font-style : italic; text-align : center; }

div.footline { padding : 0 0 3 5; }

div.break { clear : all; }
sup { font-size : 75%; }

div.body { padding : 0 10 0 116; }
div.bars { border-top : 1px solid #111177; border-bottom : 1px solid #111177; padding : 15 0 20 0; }
span.red { color : #ff3333; }
input.req { border : 1px solid #aaaa00; width : 150; }
input.month { border : 1px solid #aaaa00; width : 25; }
input.year { border : 1px solid #aaaa00; width : 50; }
div.center { text-align : center; }
select { font-size : 100%; width : 200; }
input.wide { width : 200; }
textarea.wide { width : 200; height : 80; font-size : 100%; }
table.layout td { border : 0; }
table.layout th { border : 0; }

td.leftGrid { background-image : url(leftGrid.png); }
td.rightGrid { background-image : url(rightGrid.png); }
td.leftColumn { padding : 5 10; }
td.rightColumn { padding : 5 10; }

td.smaller { padding-left : 10px; font-size : 80%; }
b { color : #000099; }

div.bluebox { padding : 10; text-align : center; border : 2px solid #000099; background : #eeeeff; }
td.padright { text-align : right; padding-right : 5px; }
td.padleft {  text-align : left; padding-left : 5px; }

table.creditcard { width : 350; }

div.pink { text-align : center; background : #cc00ff; border : 1px solid #000066; padding : 5 10 15 10; color : white; }
div.pink img.b { border : 1px solid #ccccff; }

div.blue { text-align : center; background : #33cccc; border : 1px solid #000066; padding : 5 10 15 10; color : white; }
div.blue img.b { border : 1px solid #ffcccc; }

div.white { text-align : center; background : white; border : 1px solid #000066; padding : 5 10 15 10; }
table.movie { xwidth : 75%; margin : auto; }
table.movie td { text-align : center; }
td.reel { background-image : url( movieReel.png ); width : 25; }

div.small { font-size : 75%; font-style : italic; }