/*/ Eric Meyer's reset css - v1.0 | 20080212 /*/
/*/ Note: slightly edited /*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}

/*/ basic styles /*/

body {
font:15px/20px arial,sans-serif;
}
h1, h2, h3, h4 {
font-weight:normal;
font-family:"Trebuchet MS",verdana,sans-serif;
}
h1 {
font-size:32px;
line-height:40px;
}
h2 {
font-size:32px;
line-height:40px;
margin:2px 0 4px;
}
h3 {
font-size:24px;
line-height:40px;
}
h4 {
font-size:18px;
line-height:20px;
}
h5, h6 {
font-size:15px;
line-height:20px;
font-weight:normal;
}
p {
margin:0 0 20px;
}
ul, ol, dl {
margin:0 0 20px;
}
ul ul, ol ol {
margin:0;
}
li, dd {
margin:0 0 0 20px;
}
img {
border:0;
}
a:hover, a:active {
text-decoration:none;
}
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*/ style /*/

html, body {
text-align:center;
height:100%;
}
#sitecontainer{
height:auto;
min-height:100%;
position:relative;
width:100%;
}
#header {
width:875px;
height:110px;
padding-top:20px;
margin:0 auto 44px;
text-align:left;
position:relative;
}
#header h1 {
width:350px;
height:100%;
float:left;
}
#header h1 a {
width:100%;
height:100%;
float:left;
text-indent:-9999px;
}
#topmenu {
width:100%;
height:20px;
position:absolute;
top:0;
left:0;
z-index:15;
}
#contentcontainer {
width:875px;
margin:0 auto;
padding-bottom:256px;
text-align:left;
overflow:hidden;
}
#footer {
width:100%;
height:141px;
position:absolute;
bottom:0px;
left:0;
z-index:10;
}
#footer dl {
width:875px;
margin:44px auto 0;
text-align:left;
}
#footer dd {
display:inline;
padding:0 12px 0 0;
margin:0 5px 0 0;
}
#footer dt {
font-weight:bold;
display:inline;
}

/*/ topmenu /*/

#topmenu p {
margin:0 auto;
padding:0;
width:875px;
}
#topmenu a {
float:right;
text-indent:-9999px;
width:45px;
height:19px;
margin:1px 0 0 10px;
}

/*/ navigation /*/

#nav {
float:right;
font:17px/20px "Trebuchet MS",verdana,sans-serif;
margin:0;
padding:54px 0 0;
list-style:none;
}
#nav li {
margin:0 0 0 20px;
padding:0 0 15px;;
position:relative;
float:left;
}
#nav li a {
float:left;
text-decoration:none;
}
#nav div {
left:-20px;
position:absolute;
top:30px;
width:200px;
z-index:100;
padding:0 20px 20px;
}
#nav ul {
list-style:none;
margin:0;
padding:10px 0;
width:200px;
font-size:15px;
font-weight:bold;
overflow:hidden;
}
#nav ul li {
margin:0;
padding:0 0 3px;
border:0;
width:200px;
}
#nav ul a {
margin:0 10px 0 10px;
padding:0 0 2px;
width:180px;
}
#nav .subnavtop {
position:absolute;
z-index:200;
width:200px;
height:5px;
top:0;
left:20px;
}
#nav .subnavbottom {
position:absolute;
z-index:200;
width:200px;
height:25px;
bottom:0;
left:20px;
}

/*/ layout /*/

#leftcolumn {
float:left;
width:575px;
padding-top:14px;
}
#rightcolumn {
float:right;
width:275px;
}

/*/ styles for left column /*/

.article {
margin:0 0 22px;
padding:0 0 18px;
overflow:hidden;
width:100%;
}
.articlecontent {
width:425px;
float:left;
}
.articleimg {
float:right;
padding:9px;
margin-bottom:20px;
}
.articleimg img {
display:block;
width:105px;
}
p.readmore a:hover, p.readmore a:active {
padding-right:8px;
}

/*/ styles for right column /*/

#rightcolumn h3 {
font-size:18px;
line-height:20px;
padding:0 0 10px;
margin:0 0 10px;
}
#rightcolumn p {
margin:0 0 10px;
}
.box {
margin:0 0 20px;
padding:14px 15px 10px;
position:relative;
font-size:13px;
}
.box .boxtop {
position:absolute;
z-index:2;
width:275px;
height:5px;
top:0;
left:0;
}
.box .boxbottom {
position:absolute;
z-index:2;
width:275px;
height:5px;
bottom:0;
left:0;
}
.boximg {
padding:9px;
float:none;
margin-bottom:20px;
}
.boximg img {
width:225px;
display:block;
}
#rightcolumn p.readmore {
margin-bottom:20px;
}

/*/ text color /*/

body { color:#000; }
h1 { color:#444; }
h2, h3, h4, h5, h6 { color:#06c; }
a:link { color:#000; }
a:visited { color:#444; }
a:hover, a:active { color:#06c; }
#header { color:#000; }
#topmenu { color:#fff; }
#contentcontainer { color:#444; }
#footer { color:#fff; }
#footer a { color:#fff; }
#nav { color:#000; }
#nav li a, #nav li.current li a { color:#000; }
#nav li.current a, #nav a:hover, #nav li.current li a:hover { color:#06c; }

/*/ backgrounds /*/

body { background:#f0f0f0 url(/uploads/2b/fb/2bfbc47acdfa51d78d6a69dea079f970/header-bg.png) repeat-x top left; }
#topmenu { background:#18f; }
#topmenu .adminon a { background:url(/uploads/c9/9f/c99ff4958ddafc3eb24a4838a2aca23a/topadminsprite.png) no-repeat left top; }
#topmenu .login a { background:url(/uploads/21/54/21547c464790e2d418639123cba8d2ad/toploginsprite.png) no-repeat left top; }
#topmenu a:hover { background-position:left -19px; }
#footer { background:#18f url(/uploads/01/34/01349c8024afae6cda7e7bb767b4e694/footer-bg.png) repeat-x top left; }
#footer dd { background:url(/uploads/0f/e5/0fe5d2185216c521d7790abff32586a3/whitesquare.gif) no-repeat right center; }
#footer dd.last { background:none; }
#header h1 { background:url(/uploads/ad/61/ad61b341401ad30c6ace57c025ec1140/logo.png) no-repeat left center; }
.article { background:url(/uploads/ed/c1/edc1111ad2ecc8d41b89c1e94d64baec/hr.gif) repeat-x left bottom; }
.box { background:#f7f7f7 url(/uploads/73/3d/733dad157a6b3954f3f49f488d98f58d/boxmiddle.gif) repeat-y center top; }
.box .boxtop { background:url(/uploads/9e/f7/9ef7646e2d4aac3305ee99dd79cf00d8/boxtop.gif) no-repeat center top; }
.box .boxbottom { background:url(/uploads/de/da/deda30ccb0e8eac6c0ddc3ea4ca8d3db/boxbottom.gif) no-repeat center bottom; }
#rightcolumn h3 { background:url(/uploads/d2/9b/d29b08bbad2fde4fb4fd13cfa59edec4/bluesquare.gif) repeat-x left bottom; }
p.readmore a:hover, p.readmore a:active { background:url(/uploads/57/0b/570bd596212f8da811a06f4cfbf8dc9f/linkhover.gif) no-repeat right bottom; }
#nav ul { background:#f7f7f7 url(/uploads/5b/2c/5b2caae24687451388aacbba449c2f0c/subnavmiddle.gif) repeat-y center top; }
#nav .subnavtop { background:url(/uploads/6f/9d/6f9d8b2f87f7fa30cf030398fa8b3123/subnavtop.gif) no-repeat center top; }
#nav .subnavbottom { background:url(/uploads/bd/6f/bd6f26ff00199c5b313288d0fae41239/subnavbottom.gif) no-repeat center top; }
#nav li li a:hover { background:url(/uploads/57/0b/570bd596212f8da811a06f4cfbf8dc9f/linkhover.gif) no-repeat right 8px; }
.articleimg, .boximg { background:#fff; }

/*/ borders /*/

#nav li.current, #nav li:hover { border-bottom:2px solid #18f; }
#nav li li.current, #nav li li:hover { border:0; }
#nav ul a { border-bottom:1px dotted #ddd; }
#nav ul a:hover { border-bottom:1px dotted #06c; }
.articleimg, .boximg { border:1px solid #d0d0d0; }
