/* @group Layout */

html, body {
	height: 100%;
}

#wrap {
	width: 940px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#left_col {
	float: left;
	width: 190px;
	height: 529px;
	padding-left: 10px;
}

#main_col {
	width: 625px;
	float: right;
	padding: 0 55px;
}

/* @end */

/* @group Styles */

html, body {
	margin: 0;
	padding: 0;
	xbackground: #b5b7c5 url(../img/bg.gif) repeat-y fixed center;
	background: #252730 url(../img/bg.gif) repeat-y fixed center;
	font-size: 9pt;
	color: #252730;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Geneva, sans-serif;
}

html {
     overflow: -moz-scrollbars-vertical;
}

#wrap {
	background: #FFFFFF url(../img/twk_bg.gif) no-repeat;
}

#logo {
	margin: 15px 0 0;
	overflow: hidden;
	width: 140px;
}
#logo a {
	display: block;
	height: 44px;
	text-indent: -1000px;
}

a {
	-moz-outline: none !important;
	color: #405e9a;
}

p {
	font-size: 9pt;
}

p.highlight,
#accordion .element p.highlight {
	border: 3px solid #ccff66;
	padding: 10px;
}

p.warning,
#accordion .element p.warning {
	border:3px solid #d50000;
	background: url(../img/warning.gif) no-repeat;
	color: red;
	padding: 10px 10px 10px 20px;
}

h1 {
	font-weight: normal;
	font-size: 24pt;
	margin: 0 0 30px;
}

h2 {
	font-weight: normal;
	font-size: 14pt;
}
h2.heading {
	margin: 30px 0 10px;
}

img {
	border: none;
}

span.name-of-person {
	color: #999;
}

/* @group Nav */

#menu {
	border-top: 1px solid #FFF;
	margin-top: 35px;
}

#menu a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
#menu a:hover {
	color: #ccff66;
}

#menu h2 {
	margin: 0;
	background: #252730 url(../img/h2_bg.gif) repeat-x;
	font-size: 14px;
	border-bottom: 1px solid #FFF;
}
#menu h2 a {
	display: block;
	padding: 8px 5px 8px 17px;
	width: 168px;
	background-position: 17px 8px;
}

ul#sub_menu {
	margin: 0;
	padding: 7px 0;
	background-color: #252730;
	font-size: 12px;
	border-bottom: 1px solid #FFF;
	list-style-type: none;
	list-style-position: outside;
}
ul#sub_menu li a {
	display: block;
	padding: 1px 5px 1px 27px;
	width: 148px;
	background-position: 27px 1px;
}
ul#sub_menu li.l2 a {
	display: block;
	padding: 1px 5px 1px 37px;
	width: 148px;
	background-position: 37px 1px;
}

/* @end */

/* @group Teasers */

div.teaser {
	border: 1px solid #b5b7c5;
	background-color: #FFF;
	font-size: 8pt;
	margin: 30px 0;
}
h3.teaser {
	margin: 0;
	background-color: #ccff66;
	padding: 5px 10px;
	font-size: 14pt;
}
div.teaser img {
	margin-bottom: 10px;
}

/* @end */

/* @group Top Bar */

#top_bar {
	height: 70px;
	padding-top: 22px;
	color: #999;
}
#top_bar p {
	margin: 0;
	padding-top: 2px;
}
#top_bar a {
	text-decoration: none;
	color: #999;
}
#top_bar a.cur,
#top_bar a:hover {
	text-decoration: underline;
}
#top_bar input {
	font-size: 9pt;
	border: 1px solid #b5b7c5;
}

/* @end */

/* @group Page */

#content {
	padding-bottom: 50px;
	min-height: 220px;
}

/* @group Sub Page Menu */

#sub_page_menu {
	margin-top: 30px;
}

.spm_element {
	border-color: #b5b7c5;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	padding: 10px;
	background: url(../img/green_slash.gif) no-repeat -15px 0;
	cursor: pointer;
}
x.spm_element:hover {
	border: 5px solid #ccff66;
	padding: 6px;
}

.spm_element img {
	float: left;
	margin-left: 30px;
}

.spm_element h2 {
	float: right;
	width: 460px;
	margin: 0 10px 10px 0;
}

.spm_element p {
	float: right;
	margin-right: 10px;
	width: 460px;
}

/* @end */



/* @end */

/* @group Footer */

#footer {
	text-align: right;
}
#footer p.footer {
	font-size: 7pt;
}

/* @end */

/* @group Accordion */

#accordion {
	margin-top: 30px;
	margin-bottom: 30px;
}

.toggler {
	color: #555;
	margin: 0;
	font-size: 12px;
	font-weight: heavy;
	cursor: pointer;
	border: 1px solid #CCC;
	height: 14px;
	padding: 7px 5px 7px 20px;
	background-image: url(../img/grey_arrow.gif);
	background-repeat: no-repeat;
}

.element {
	margin-bottom: 2px;
}

.element_wrap {
	padding: 10px 0 10px 20px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
#accordion blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

#accordion p {
	font-size: 9pt;
	padding: 10px;
	border: 1px solid #b5b7c5;
	margin-bottom: 10px;
	margin-top: 0;
}

#accordion img {
	border: 1px solid #b5b7c5;
	margin-bottom: 10px;
}

#accordion ol,
#accordion ul {
	display: block;
	border: 1px solid #b5b7c5;
	margin: 0;
	padding: 10px;
	list-style-position: outside;
	margin-bottom: 10px;
}

#accordion ol li,
#accordion ul li {
	padding: 0;
	margin: 0 0 10px 30px;
}

/* @end */

/* @group Form */

div.csc-mailform-field {
	margin-bottom: 10px;
}

fieldset.csc-mailform {
	border: 3px solid #ccff66;
	padding: 10px;
	margin: 0;
}

.csc-mailform-field label {
	display: block;
	padding-bottom: 3px;
	font-size: 9pt;
}

input.mf-submit {
	background: #45495a url(../img/abstract_bg.gif) repeat-x 0 0;
	color: #FFF;
	padding: 2px 15px;
	border-right: 2px solid #252730;
	border-bottom: 2px solid #252730;
}



/* @end */

/* @group Classes */

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.m_0 { margin: 0; }
.p_3 { padding: 3px; }
.pt_3 { padding-top: 3px; }
.p_10 { padding: 10px; }
.pb_20 { padding-bottom: 20px; }
.pb_40 { padding-bottom: 40px; }
.ta_r { text-align: right; }
.ta_l { text-align: left; }
.ta_c { text-align: center; }
.mt_10 { margin-top: 10px; }
.ml_10 { margin-left: 10px; }
.mr_10 { margin-right: 10px; }
.ml_20 { margin-left: 20px; }
.mr_20 { margin-right: 20px; }
.mb_5 { margin-bottom: 5px; }
.mb_40 { margin-bottom: 40px; }
.w_half { width: 237px; }

/* @end */

/* @end */

/* @group sIFR Screen */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

#main_col .sIFR-hasFlash h1 {
	visibility: hidden;
}

#main_col .sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

#left_col .sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}

/* @end */

/* @group temp! */

p.footer_links {
	display: none;
}

/* @end */

p.hidden { display: none; }