/* RESET STYLES */
body { font:13px serif; *font-size:small; *font:x-small; line-height:1.22; }
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video, a {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent none no-repeat 0 0;
/*  color: #484848; */
  font-weight: normal;
}

article, aside, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }

del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0;  font-size:inherit; font:100%;}
input, select { vertical-align:middle;  font:99% sans-serif; color: #282828;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }/ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a: active { outline: none; }
a:focus { outline: 1px dotted #f3f3f3; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong{ font-weight: bold; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #484848; color:#fff; text-shadow: none; }
::selection { background:#484848; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #ccc; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/* RESET STYLES END HERE */

body {
margin					: 0px;
padding					: 0px;
background-color		: #7688a3;  /*default, for non-css3 browsers*/
background-image		: url(gradient.svg); /*svg gradient for IE, Safari and Opera*/
background-image		: -moz-linear-gradient(top, #7688a3 0%, #dddddd 100%);
background-image		: -webkit-linear-gradient(top, #7688a3 0%, #dddddd 100%);
background-image		: linear-gradient(top, #7688a3 0%, #dddddd 100%);
background-attachment	: fixed;
}

#outer {
width				: 880px;
margin				: 15px auto 20px auto;
background-color	: #f8f8f8;
border				: 2px solid #deddad;
-moz-border-radius	: 15px;
-webkit-border-radius: 15px;
/* apply standard property AFTER the proprietary ones*/
border-radius		: 15px;
-moz-box-shadow		: 5px 5px 20px #888888;
-webkit-box-shadow	: 5px 5px 20px #888888;
box-shadow			: 5px 5px 20px #888888;
}

header{ 
border-bottom		: 2px solid #deddad;
background-color	: #f8f8f8;
-moz-border-top-right-radius	: inherit;
-moz-border-top-left-radius		: inherit;
-webkit-border-top-right-radius	: inherit;
-webkit-border-top-left-radius	: inherit;
border-top-right-radius			: 15px;
border-top-left-radius			: 15px;
overflow						: hidden; 
}

section {
padding: 0px 0px 0px 0px;
display: table;
width:880px;
}

footer {
border-top			: 2px solid #deddad;
background-color	: #f8f8f8;
-moz-border-bottom-right-radius		: inherit;
-moz-border-bottom-left-radius		: inherit;
-webkit-border-bottom-right-radius	: inherit;
-webkit-border-bottom-left-radius	: inherit;
border-bottom-right-radius			: 15px;
border-bottom-left-radius			: 15px;
overflow:hidden;
}

aside.left, aside.right {
display: table-cell;
width: 170px;
background:#f8f8f8;
padding: 4px;
margin: 0px;
vertical-align:top;
}

.main {
display: table-cell;
width:540px;
background:#ffffff;
padding: 4px;
margin: 0px;
vertical-align:top;
border-left: 2px solid #deddad;
border-right: 2px solid #deddad;
}

/*required for IE7 and less*/
table#structure {
width:100%;
border-top:2px solid #deddad;
border-bottom: 2px solid #deddad;
/*negative margins to get rid of gap at top and bottom of table*/
margin-top: -2px;
margin-bottom:-2px;
border-collapse:collapse;
}
td.left, td.right { 
vertical-align:top;
}
td aside.left, td aside.right  {
width:162px;
}
td article.main {
width:524px;
}
td.main {
padding: 0px;
}
td article.main {
border: 0px;
}

/*used in menu.inc.php*/
li.gap {padding-bottom:10px;}