/* GRAPHICAL ELEMENTS */

/* TODO: layout for wide pages and fixed3col pages */

body
{
  margin: 0;
  border: 0;
  padding: 0;
  min-width: 810px;
}

#editormode
{
  display: block;
}

#pagewrapper
{
  background: url(/shared/pageframe/png/bgr.png) repeat-x scroll center top;
  margin: 0;
  border: 0;
  padding: 0;
}

#pagewrapper.wide
{
  position: absolute;  /* needed to extend background on very wide pages */
  min-width: 100%; /* without this one, FF3 and Safari have trouble */
}

#page
{ 
  margin: 0px auto;
  border: 0;
  padding: 0;
}

#page.fixed1col, #page.fixed2col
{ 
  width: 805px;
}

#page.fixed3col
{
  width: 991px;
}

#page.wide1col, #page.wide2col, #page.wide3col
{ 
  margin: 0px 15px;
}

#page.wide1col #header, #page.wide2col #header, #page.wide3col #header
{ 
  width: 805px;
  margin: 0px;
}

#navtabs, #languages
{
  list-style-image: none; 
  list-style-position: outside;
  list-style-type: none;
}

/* header */

#header
{
  background: url(/shared/pageframe/png/header-bgr.png) no-repeat;
  margin: 0px auto;
  border: 0;
  padding: 0;
  height: 115px;
}

#page.fixed1col #header,
#page.wide1col #header
{ 
  background-image: none;
}

#header #logo
{
  margin: 0;
  border: 0;
  padding: 0 109px 0 0;
  float: left;
  height: 77px;
  width: 140px;
}

/* navigation tabs */

ul#navtabs
{
  float: left;
  width: 495px;
  height: 88px;
  margin: 12px 0 0 0px; 
  border: 0;
  padding: 0;
}

#navtabs li
{
  background: url(/shared/pageframe/png/navtabs-bgr.png) repeat-x;
  margin: 0;
  border-right: 2px solid #c6cc60;
  padding: 0;
  height: 88px;
  width: 97px;
  float: left;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

#navtabs li:hover, #navtabs li.active
{
  background: url(/shared/pageframe/png/navtabs-hover.png) no-repeat;
}

#navtabs li a
{
  display: block;
  margin: 0;
  border: 0;
  padding: 44px 0 0 0;
  height: 44px;
  text-decoration: none;
}

#navtabs li a:visited
{ 
  color: #003b66;
}

#navtabs li a:hover
{
  color: #003b66;
}

/* languages */

ul#languages
{
  margin: 82px 0 0 0;
  border: 0;
  padding: 0 0 0 1px;
  height: 17px;
  float: left;
}

#languages li
{
  border-right: 2px solid #c6cc60;
  margin: 0;
  padding: 0;
  height: 17px;
  width: 18px;
  float: left;
  text-align: center;
  line-height: 17px;
  font-size: 10px;
}

#languages li.current, #languages li.unavailablecurrent
{ 
  background: url(/shared/pageframe/png/lang-active.png) no-repeat;  
}

#languages li.available
{
  background: url(/shared/pageframe/png/lang-inactive.png) no-repeat;
}

#languages li a
{ 
  text-decoration: none;
}

#languages li.current, #languages li.current a
{
  font-weight: bold;
  color: #003b66;
}

#languages li.available, #languages li.available a
{ 
  color: #ffffff;
}

#languages li.unavailablecurrent
{
  color: #ff0000;
}

/* columns */

#colwrapper1
{ 
  background: transparent url(/shared/pageframe/png/colleft.png) repeat-y top left;
  margin: 0 auto;
  border: 0;
  padding: 0;
}

#page.fixed1col #colwrapper1,
#page.wide1col #colwrapper1
{ 
  background-image: url(/shared/pageframe/png/borderleft.png);
}

#colwrapper2
{
  background-repeat: repeat-y;
  background-position: top right;
  margin:0;
  border:0;
  padding:0 0 50px 0;
}

#page.fixed1col #colwrapper1 #colwrapper2,
#page.fixed2col #colwrapper1 #colwrapper2
{
  width: 748px;
}

#page.fixed3col #colwrapper1 #colwrapper2
{
  width: 991px;
}

#page #colwrapper1 #colwrapper2
{
  background-image: url(/shared/pageframe/png/borderright.png)
}

#page.fixed3col #colwrapper1 #colwrapper2,
#page.wide3col #colwrapper1 #colwrapper2
{
  background-image: url(/shared/pageframe/png/colright.png)
}

/* background
left with 2 or 3 cols (any combination)
shade left + leftmost margin + middle margin between left column and center column

right with 3 cols (fixed-wide-fixed or fixed-fixed-fixed)
middle margin between center column and right column + rightmost margin + shade right

right with 2 cols fixed-fixed or 1 col wide
rightmost margin + shade right

left with 1 col wide
shade left + rightmost margin
*/

/*

3 cols, fixed-wide-fixed
- instantiate colright before colcenter

3 cols, fixed width

- give colwrapper2 the proper width to colwrapper2 so that background
  goes to the right place 
- set center column to float:left;width:...px; instead of setting
  margins 
- set right column to float:left instead of float:right
- instantiate colcenter before colright!

*/

#colleft
{
  margin: -38px 0 0 0;
  border: 0;
  padding: 0;
  width: 249px;
  float: left;
  position: relative; /* needed to bring to front */
}

#colright
{
  margin: 0;
  border: 0;
  padding: 0;
  width: 249px;
  float: right;
}

#page.fixed3col #colwrapper1 #colwrapper2 #colright
{ 
  float: left;
}

#colcenter
{
  border: 0;
  padding: 0;
}

#page.fixed1col #colwrapper1 #colwrapper2 #colcenter,
#page.wide1col #colwrapper1 #colwrapper2 #colcenter
{ 
  margin: 0 6px 0 6px;
}

#page.fixed2col #colwrapper1 #colwrapper2 #colcenter,
#page.fixed3col #colwrapper1 #colwrapper2 #colcenter
{
  margin: 0;
  width: 493px;
  float: left;
}

#page.wide2col #colwrapper1 #colwrapper2 #colcenter 
{ 
  margin: 0 6px 0 249px;
}

#page.wide3col #colwrapper1 #colwrapper2 #colcenter
{
  margin: 0 249px 0 249px;
}

.incol
{ 
  margin:0;
  border:0;
}

#colright .incol
{
  padding: 10px 24px 0 18px;
}

#colleft .incol
{ 
  padding: 10px 18px 0 24px;
}

#colcenter .incol
{ 
  padding: 20px 18px 0 18px;
  background: #ffffff;
}

#splashimage
{
  height: 238px;
  width: 493px;
}

#cleaner
{ 
  margin: 0;
  border: 0;
  padding: 0;
  height: 1px;
  font-size: 1px;
  clear: both;
}


/* TEXT ELEMENTS */

/* navigation menu */
#navtree
{
  border: 0;
  margin: 0;
  padding: 0;
}

#navtree li ul, #navtree li ul li ul
{
  border: 0;
  margin: 0;
  padding: 0 0 0 12px;
}

#navtree li
{
  list-style-image: none; 
  list-style-position: outside;
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
}

#navtree li a
{
  background: url(/shared/pageframe/png/hr-dot.png) repeat-x bottom;
  display: block;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  margin: 0;
}

#navtree li a:visited
{ 
  color: #003b66;
}

#navtree li a:hover
{
  text-decoration: underline;
  color: #989d47;
}

#navtree li.active,
#navtree li ul li.active,
#navtree li ul li ul li.active
{
  background: url(/shared/pageframe/png/hr-dot.png) repeat-x bottom;
  display: block;
  font-weight: bold;
  color: #989d47;
  border: 0;
  margin: 0;
}

#navtree li#title.active
{
  font-size: 15px;
  margin: 0 0 3px 0;
  padding: 6px 0 3px;
}

#navtree li#title a
{
  font-size: 15px;
  margin: 0 0 3px 0;
  padding: 6px 0 3px;
}

#navtree li.active
{
  font-size: 11px;
  padding: 10px 0 3px;
}

#navtree li a
{
  font-size: 11px;
  padding: 10px 0 3px;
}

#navtree li ul li.active
{
  font-size: 10px;
  padding: 7px 0 3px;
}

#navtree li ul li a
{
  font-size: 10px;
  padding: 7px 0 3px;
}

#navtree li ul li ul li.active
{
  font-size: 9px;
  padding: 3px 0 3px;
}

#navtree li ul li ul li a
{
  font-size: 9px;
  padding: 3px 0 3px;
}

/* navigation menu */
#newsbox
{
  border: 0;
  margin: 0;
  padding: 0;
}

#newsbox li
{
  list-style-image: none; 
  list-style-position: outside;
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
}

#newsbox li#title
{
  background: url(/shared/pageframe/png/hr-dot.png) repeat-x bottom;
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 3px 0;
  padding: 6px 0 3px;
}

#newsbox li#title a
{
  text-decoration: none;  
}

#newsbox li a:visited, #newsbox li#title a:visited
{ 
  color: #003b66;
}

#newsbox li a:hover, #newsbox li#title a:hover
{
  text-decoration: underline;
  color: #989d47;
}

#newsbox li.newstitle
{
  background: url(/shared/pageframe/png/hr-dot.png) repeat-x bottom;
  display: block;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  color: #003b66;
  padding: 11px 0 3px;
}

#newsbox li.newsdate p
{ 
  font-size: 10px;
  border: 0;
  margin: 0;
  padding: 3px 0 0 0;
}

#newsbox li p
{
  font-size: 10px;
  border: 0;
  margin: 0;
  padding: 0;
}

/* site search */
#sitesearch
{
  margin: 30px 0 0 0;
  border: 0;
  padding: 0;
}

/* gc2010 link */
#gc2010link
{
  margin: 30px 0 0 0;
  border: 0;
  padding: 0;
}

/* address */
#address
{
  margin: 100px 0 0 0;
  border: 0;
  padding: 0;
  font-size: 10px;
}

#address p
{ 
  margin: 0;
  border: 0;
  padding: 0;
}

/* footer */
#footer
{
  margin: 0px auto;
  border: 0;
  padding: 0;
  font-size: 10px;
}

/* messages */
p.info
{
  border-color: #989d47;
  border-width: 4px;
  border-style: solid;
  padding: 6px;
  margin: 6px 0px 12px 0px;
  color: #989d47;
  font-weight: bold;
}

p.warning
{
  border-color: #ff7f00;
  border-width: 4px;
  border-style: solid;
  padding: 6px;
  margin: 6px 0px 12px 0px;
  color: #ff7f00;
  font-weight: bold;
}

p.error
{
  border-color: #ff0000;
  border-width: 4px;
  border-style: solid;
  padding: 6px;
  margin: 6px 0px 12px 0px;
  color: #ff0000;
  font-weight: bold;
}

span.info
{
  color: #989d47;
  font-weight: bold;
}

span.warning
{
  color: #ff7f00;
  font-weight: bold;
}

span.error
{
  color: #ff0000;
  font-weight: bold;
}

/* hidden e-mail */
a.showaddr, a.showaddr:visited
{ 
  font-weight: bold;
  color: #ff7f00;
}

a.showaddr:hover
{
  color: #ffbf00;
}

/* editor */
.editorInfo
{ 
  color: #007f00;
  font-weight: bold;
}

p.editorInfo
{
  margin: 6px 6px 0px 6px;
  border: 4px solid #007f00;
  padding: 12px;
}

a.editorSubmitLink
{
  border: none;
  color: #007f00;
  font-weight: bold;
  background-color: transparent;
  text-decoration: underline;
  cursor: pointer;
}

a.editorSubmitLink:visited
{ 
  color: #007f00;
}

a.editorSubmitLink:hover
{ 
  color: #00af00;
}

/* miscellaneous stuff */
input, select, textarea
{
  border: #efefef 2px inset;
  font-size: 11px;
  padding: 2px;
}

input[type=submit]
{ 
  border: #efefef 2px outset;
  background-color: #e8e9ce;
}

select
{
  padding: 0;
}