﻿@import url('../b13lightbox/rgmediaimages.css');

/* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.5.1 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,html{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* end reset */

/* content */
html,body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #1c1581; }
strong { font-weight: bold; }
blockquote { font-weight: bold; font-style: italic; margin: 12px 0 12px 35px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; color: #f51e1a; margin: 13px 0; }
h2 { font-size: 18px; font-weight: bold; line-height: 22px; margin: 12px 0; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 20px; color: #f51e1a; margin: 20px 0 0 0; }
h4 { margin: 18px 0 0 0; font-weight: bold; }
p { margin: 0 0 1em 0; }
.small { font-size: 10px; line-height: 12px; }
.red { color: #f51e1a; }
a { color: #1c1581; }
a:hover { color: #f51e1a; }


/* */


/*	--------------------------------------------------------------------
	Layout
	----------------------------------------------------------------- */
html,body { background: #7d9499; }
#page-wrapper { width: 950px; float: left; margin: 10px; background: #fff; display: inline; }
#nocss-logo { display: none; height: 0px; font-size: 0px; overflow: hidden; float: left; width: 0; }

#header-wrapper { width: 950px; height: 126px; background: url(../img/headerlogo.gif) top left no-repeat; border-bottom: 1px solid #f51e1a; margin-bottom: 10px; }
#header-logo { margin-left: 60px; width: 190px; height: 99px; float: left; display: inline; }
#header-logo a { width: 166px; height: 65px; display: block; }
#header-menu { width: 200px; margin-left: 500px; display: inline; height: 99px; float: left; text-align: right; }
#header-menu ul { font-size: 9px; color: #7d9499; margin-top: 17px; }
#header-menu li { display: inline; }
#header-menu a { color: #7d9499; text-decoration: none; margin: 0 5px; display: inline; }
#header-menu a:hover { color: #1c1581; text-decoration: underline; }
#main-nav { width: 950px; float: left; height: 20px; overflow: hidden; }


#content-wrapper { width: 910px; float: left; background: url(../img/bg_start.jpg) bottom center no-repeat; margin: 10px; padding: 10px; display: inline; }

#main-content { width: 620px; float: left; min-height: 500px; }
#main-sidebar { width: 250px; float: right; }

#footer-wrapper { width: 950px; float: left; }
#footer-logo { width: 950px; float: left; background: url(../img/bg_bottom.gif) top left no-repeat; height: 45px; padding-bottom: 10px; }
#footer-menu { width: 940px; float: left; text-align: right; font-size: 9px; color: #b2b2b2; background: #7d9499; padding: 3px 10px 0 0; }
#footer-menu a { text-decoration: none; color: #b2b2b2; }
#footer-menu a:hover { text-decoration: underline; }


/*	--------------------------------------------------------------------
	Navigation
	----------------------------------------------------------------- */
#main-nav ul { display: inline; font-size: 16px; line-height: 19px; float: left; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#main-nav li { color: #f51e1a; margin-left: 10px; display: inline; float: left; }
#main-nav li.empty {  margin-left: 12px; }
#main-nav li a { color: #1c1581; text-decoration: none; font-style: italic; margin-left: 10px; margin-right: 0; padding: 0; }
#main-nav li a:hover { color: #f51e1a; }


/*	--------------------------------------------------------------------
	Sidebar
	----------------------------------------------------------------- */
.sidebar-menu { width: 250px; float: left; }

#menu-gettoknow { background: url(../img/footprint_leave_your_mark.gif) top right no-repeat; }
#menu-gettoknow ul { font-size: 12px; line-height: 14px; font-weight: bold; }
#menu-gettoknow li { margin: 12px 0; }
#menu-gettoknow a { color: #1c1581; }
#menu-gettoknow a:hover { color: #f51e1a; }

#menu-getmoreinsight h1 a { color: #f51e1a; text-decoration: none; }
#menu-getmoreinsight ul { font-size: 12px; line-height: 14px; font-weight: bold; }
#menu-getmoreinsight li { margin: 12px 0; }
#menu-getmoreinsight a { color: #1c1581; }
#menu-getmoreinsight a:hover { color: #f51e1a; }

/*	--- get involved - Landboxen ------------------------------------ */
#menu-getinvolved li  { width: 248px; color: #1C1581; text-align: right; border: 1px solid #1C1581; margin: 0 0 15px 0; display: block; }
#menu-getinvolved li a { width: 238px; padding: 5px; display: block; text-decoration: none; }
#menu-getinvolved li strong { font-size: 15px; line-height: 18px; font-weight: bold; }
#menu-getinvolved li a:hover { color: #fff; }
#menu-getinvolved li a.active { color: #fff; }

#menu-getinvolved #sidebar-menu-2 { padding-top: 20px; }
#menu-getinvolved #sidebar-menu-2 li { width: 238px; padding: 5px; display: block; }
#menu-getinvolved #sidebar-menu-2 a { width: auto; padding: 0; text-decoration: underline; display: inline;}
#menu-getinvolved #sidebar-menu-2 a:hover { color: #f51e1a; }


/*	--------------------------------------------------------------------
	Main-Content
	*---------------------------------------------------------------- */
#main-content ul { margin: 1em 0 1em 1em; }
#main-content li { margin-left: 15px; list-style: circle outside; display: list-item; }

.dotted-box, 
.dotted-box-fce { width: 600px; margin: 15px 0; }
.dotted-box-inner { padding: 15px; border: 1px dotted #1C1581; margin: 15px 0; }
.dotted-box .csc-header h4 { margin: 0 0 12px 0; }
.dotted-box-fce h4 { margin-top: 0; }

.dotted-box-inner p { margin: 6px 0; }


/*	--------------------------------------------------------------------
	News
	----------------------------------------------------------------- */
.news-list-morelink { display: none; }

.news-list-item { width: 588px; padding: 5px 15px 15px 15px; border: 1px dotted #1c1581; margin: 15px 0; }
.news-list-item img { float: right; margin-left: 15px; }
.news-list-item h5 { margin: 6px 0 16px 0; font-weight: bold; }

.news-date { float: right; color: #808080; font-size: 10px; text-align: right; width: 150px; }

.tx-ttnews-browsebox a { padding: 0 5px; }
.news-list-browse { display:none; }

#main-sidebar .dotted-box { width: 250px; }
#main-sidebar .news-latest-container .dotted-box-inner { padding: 5px 15px; }
.news-latest-container .news-latest-date { color: #808080; font-size: 10px; line-height: 14px; text-align: right; }
.news-latest-container .news-latest-headline { font-size: 12px; line-height: 16px; margin: 0; }
.news-latest-container .news-latest-subhead p { font-size: 12px; line-height: 16px; font-weight: normal; margin: 0 !important;}
.news-latest-container .news-latest-image {}
.news-latest-container .news-latest-text { font-size: 12px; line-height: 16px; }

/*	--------------------------------------------------------------------
	Post-It
	----------------------------------------------------------------- */
.post-it { background:url(../img/post_it.png) right top no-repeat; float:right; height:227px; left:300px; padding-left:60px; padding-right:10px; position:static; width:201px; margin-right: -35px; margin-top: -40px;}