@import url('/x/css/reset.css');

/*** sIFR ***/
.sIFR-flash { visibility : visible !important; margin : 0; padding : 0; }
.sIFR-replaced { visibility : visible !important; }
.sIFR-alternate { position : absolute; left : 0; top : 0; width : 0; height : 0; display : block; overflow : hidden; }

/*** APPLY BASE LAY OUT ***/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
abbr,acronym { border-bottom: 1px dotted #000; cursor: help; }
blockquote,ul,ol,dl { margin: 1em; }
caption { margin-bottom: .5em; text-align: center; }
dl dd { margin-left: 1em; }
em { font-style: italic; }
h1 { font-size: 138.5%; }
h1,h2,h3 { margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
h2 { font-size: 123.1%; }
h3 { font-size: 108%; }
input[type=text],input[type=password],textarea { width: 16.25em; *width: 15.9em; }
ol li { list-style: decimal outside; }
ol,ul,dl { margin-left: 2em; }
p,fieldset,table,pre { margin-bottom: 1em; }
th { font-weight: bold; text-align: center; }
th,td { border: 1px solid #000; padding: .5em; }
ul li { list-style: disc outside; }

/* IE6 trans png fix
*******************************************************************************/
.iepngfix { behavior: url(/x/js/iepngfix.htc) }

/* Accessibility
*******************************************************************************/
.accessibility { display : none; }

/* framework lay-out
*******************************************************************************/
html,body    {  }
body         { background : #009214; }
div#sitebox  { width : 990px; margin : 0 auto; background : #009214; }
div#header   { width : 990px; height : 160px; position : relative; }
div#menu     { width : 990px; height : 21px; background : #009214; }
div#content  { border-top : 1px solid #fff; width : 990px; min-height : 300px; background : #fff; position : relative; }
div#innerbox { width : 970px; margin : 0 auto; padding : 40px 10px; }
div#footer   {  }

body.homepage div#header { height : 440px; }
body.homepage div#innerbox { width : 740px; }
body.homepage div#menu { background : #fff; margin-bottom : 5px; }
body.homepage div#menu ul a { background : #fff; color : #000; }
body.homepage div#menu ul a:hover { background : #013f00 !important; color : #fff; }

body.contentpage div#menu { background : #013f00; margin-bottom : 5px; }
body.contentpage div#menu ul a { background : #013f00; color : #fff; }
body.contentpage div#menu ul a:hover { background : #fff; color : #000; }
body.contentpage div#content { border-top : 1px solid #013f00; background : #013f00; }
body.contentpage div#catnav ul a { border-bottom : 1px solid #fff; color : #fff; }
body.contentpage div#catnav ul a:hover { color : #009214; }
body.contentpage h1, 
body.contentpage h2, 
body.contentpage p, 
body.contentpage li, 
body.contentpage a { color : #fff; }


div#sitebox:after, 
div#header:after, 
div#innerbox:after, 
div#content:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }

/* Global Styling
*******************************************************************************/
body { font : 0.69em Verdana, Arial; }

body.contentpage #content { color : #fff; }

/* headings, paragraph and other text stuff */
#content h1 { margin : 0 0 15px 0; font-size : 13px; }
p { line-height : 1.5; }
strong { font-weight : bold; }
em { font-style : italic; }


/* lists */
#content li { list-style : square; line-height : 1.5; }

/* Logo
*******************************************************************************/
h1#logo { position : relative; z-index : 30; width : 447px; height : 140px; float : left; margin : 0; }
h1#logo a { display : block; width : 447px; height : 140px; margin : 0 auto; background : transparent url(/x/img/logo.veekstudio.png); outline : 0; }
h1#logo a span { display: none; }

/* Top menu
*******************************************************************************/
div#topmenu ul, div#topmenu ul * { display : inline; margin : 0; padding : 0; list-style : none; }
div#topmenu ul { position : relative; z-index : 30; float : right; }
div#topmenu ul li { float : left; }
div#topmenu ul a { float : left; display : block; text-align : center; text-decoration : none; text-transform : lowercase; margin : 0 0 0 8px; width : 94px; height : 21px; line-height : 19px; font-weight : bold; outline : 0; background : #013f00; color : #fff; }
div#topmenu ul a:hover { background-color : #fff !important; color : #000; }
div#topmenu ul li.currentpage a, div#topmenu ul li.active a { background-color : #009214 !important; color : #fff; }
div#topmenu ul a#veek-week { width : 100px; height : 153px; background : #013f00 url(/uploads/images/veekweek/veekweek.jpg) 11px 23px no-repeat; }

/*div#homevisuals { position : relative; width : 990px; height : 440px; }*/
div#frame { z-index : 20; position : absolute; bottom : 0; left : 0; width : 990px; height : 440px; background : url(/x/img/frame.png); }
div#visual { z-index : 0; position : absolute; bottom : 0; left : 160px; width : 830px; height : 440px; }
div#next { z-index : 25; position : absolute; bottom : 35px; left : 470px; width : 100px; height : 20px; line-height : 20px; text-align : center; }
div#next a { color : #009214; text-decoration : none; outline : none; }
div#next a:hover { color : #fff; }

/* Main menu
*******************************************************************************/
div#menu ul, div#menu ul * { display : inline; margin : 0; padding : 0; list-style : none; }
div#menu ul { position : relative; }
div#menu ul li { float : left; border-right : 8px solid #009214; }
div#menu ul li:last-child { border-right : 0; }
div#menu ul a { float : left; display : block; text-align : center; text-decoration : none; width : 91px; height : 21px; line-height : 19px; font-weight : bold; outline : 0; background : #009214; color : #fff; }
div#menu ul a:hover { background : #fff !important; color : #000; }
div#menu ul li.currentpage a, div#menu ul li.active a { background : #fff; color : #000; }

/* Categories
*******************************************************************************/
div#catnav { float : left; width : 190px; }
div#catcontent { float : left; width : 740px; padding : 0 20px; }

/* category navigation */
div#catnav h2 { margin-top : 0; }
div#catnav ul, div#catnav ul * { margin : 0; padding : 0; list-style : none; }
div#catnav li { float : left; line-height : normal; }
div#catnav ul a { float : left; display : block; width : 190px; border-bottom : 1px dotted #999; text-decoration : none; line-height : 23px; color : #878889; }
div#catnav ul a:hover { color : #000; }
div#catnav li.currentpage a { color : #000; background : url(/x/img/arrow.active.png) center right no-repeat; }

a.cat-arrow { position : absolute; width : 20px; height : 20px; top : 200px; background-image : url(/x/img/cat.arrows.png); background-repeat : no-repeat; }
a.cat-arrow span { display : none; }
a#backward { left : 220px; background-position : 0 0; }
a#forward { right : 20px; background-position : 0 -20px; }

a#backward:hover { background-position : -20px 0; }
a#forward:hover { background-position : -20px -20px; }

div#catcontent img { display : block; margin : 0 auto; }