* { margin: 0; padding: 0; outline: 0; }
body { font: 11px/16px "Myriad Pro", Myriad, Arial, sans-serif; color: #666; text-align: left; background: #636466 url(images/background.gif) repeat-y center 0; padding-top: 18px; }

a { color: #666; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr { float: right; display:inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell {
	width: 940px;
	height: 100%;
	background-color: #042660;
}  
.shadow {
	background: #515253 url(images/shadow.gif) no-repeat right 0;
	width: 942px;
	margin: 0 auto;
	height: 100%;
}
#header {  height: 104px; width: 100%; background: url(images/header.gif) no-repeat 0 0; }


h1#logo { float: left; display: inline; height: 46px; width: 309px; font-size: 0; line-height: 0; margin: 16px 0 10px 15px; }
h1#logo a { display: block; height: 46px; background: url(images/logo.gif); text-indent: -4000px; }

h2#slogan { float: left; display: inline; height: 13px; width: 205px; background: url(images/slogan.gif) no-repeat 0 0; margin: 31px 0 0 48px; }

#search { float: right; display: inline; width: 175px; padding-top: 7px; }
#search .field { float: left; display: inline; width: 128px; border: 1px solid #b6b7b7; background: #fff; color: #000; padding: 2px 5px; font-weight: bold; margin-right: 3px; }
#search .btn { float: left; display: inline; border: 0; background: none; font-weight: bold; padding-top: 2px; cursor: pointer; }

#navigation { float: left; display: inline; width: 617px; height: 32px; background: url(images/nav.gif) no-repeat  0 0; }
#navigation ul { list-style: none outside; }
#navigation li { float: left; display: inline; }
#navigation a { float: left; display: inline; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; background-image: url(images/nav.gif); margin-right: 2px; }

#nav1 { width: 53px; }
#nav1:hover, #nav1.active { background-position : 0 -32px; }

#nav2 { width: 89px; background-position: -55px 0; }
#nav2:hover, #nav2.active { background-position: -55px -32px; }

#nav3 { width: 99px; background-position: -146px 0; }
#nav3:hover, #nav3.active { background-position: -146px -32px; }

#nav4 { width: 120px; background-position: -247px 0; }
#nav4:hover, #nav4.active { background-position: -247px -32px; }

#nav5 { width: 62px; background-position: -369px 0; }
#nav5:hover, #nav5.active { background-position: -369px -32px; }

#nav6 { width: 98px; background-position: -433px 0; }
#nav6:hover, #nav6.active { background-position: -433px -32px; }

#nav7 { width: 92px; background-position: -522px 0; }
#nav7:hover, #nav7.active { background-position: -522px -32px; }

#login { float: right; display: inline; width: 275px; font-size: 10px;  position: relative; margin-top: -10px; }
#login label { float: left; display: inline; font-size: 10px; color: #ccc; }
#login .field { float: left; display: inline; padding: 2px; width: 80px; background: #fff; border: 0; margin: 0 5px 5px; color: #333; font-size: 10px; }
#login .btn { float: left; display: inline; padding-top: 2px; border: 0; background: none; font-weight: bold;  color: #ccc; cursor: pointer; font-size: 10px;  }
#login .checkbox { float: left; display: inline; width: 13px; height: 13px; margin:  0 5px 0 63px; }
#login a { float: left; display: inline; margin-left: 10px; color: #ccc; }
#login a:hover { color: #FABF00; text-decoration: none; }

#content { height: 100%; background: url(images/content-bg.gif) no-repeat 0 -31px; padding: 0 5px; width: 930px; }
#content img.top-img { margin-left: -5px; }

.widecolumn { float: left; display: inline; width: 510px; margin-right: 10px; }
.cnt {
	background: #fff url(images/cnt-bg.gif) repeat-x 0 bottom;
}
h2.big { font: 22px/48px "Myriad Pro", Myriad, Arial, sans-serif; color: #fff;  background: url(images/h2-big-bg.gif) repeat-x 0 0; }
h2.big span { color: #fabf00; }
.widecolumn h2.big { padding-left: 130px; }

#content h2.small { font: bold 12px/24px "Myriad Pro", Myriad, Arial, sans-serif; color: #fff; background: url(images/h2-bg-small.gif) repeat-x 0 0; padding-left: 10px; }

.widecolumn .post.fr { width: 360px; padding-right: 20px; }
.widecolumn h3 {
	font: bold 14px "Myriad Pro", Myriad, Arial, sans-serif;
	color: #666;
	padding: 15px 0;
}
.widecolumn .post p {
	line-height: 18px;
	padding-bottom: 5px;
}
.widecolumn .post ul { list-style: none outside; }
.widecolumn .post {
	display: table-cell;
}
.widecolumn .post li { background: url(images/list-bg.gif) no-repeat 0 5px; padding-left: 20px; line-height: 18px; margin-bottom: 10px; }

.shortcolumn {
	float: right;
	display: inline;
	width: 410px;
}
.shortcolumn h2.big { font-size: 20px;  padding-left: 10px; }
.shortcolumn .cnt { background-position: 0 -7px; height: 100%; }
.shortcolumn .post p { padding: 10px 10px 0 10px; float: left; display: inline; width: 260px; }
.shortcolumn .button {
	font: 10px/20px "Myriad Pro", Myriad, Arial, sans-serif;
	color: #fff;
	background: #666;
	border-bottom: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
	text-transform: none !important;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.shortcolumn .button:hover { background: #fabf00; color: #333; text-decoration: none; }

.grey-bg {
	background: #CCC;
	padding: 8px 0;
	height: 100%;
}

.shortcolumn .column { width: 200px; }

.column h3 { font-size: 14px; line-height: 22px; font-weight: bold; }
.column .news {
	padding: 10px 0 0 10px;
	background-position: 0 bottom;
}
.column .news ul { list-style: none outside; padding-bottom: 20px; }
.column .news li { width: 170px; margin-bottom: 7px; }
.column .news h3 {
	border-bottom: 1px solid #ccc;
	line-height: 1.25em;
}
.widecolumn a {
	font-weight: bold;
}
.column .news a {
	font-weight: bold;
}
.column .news .button {
	margin-right: 5px;
}
.column .button {
	font-size: 10px;
}

.column .studies { padding: 10px; padding-bottom: 0; }
.column .studies .button { margin-top: 15px; }
.column .box { margin-top: 5px; }
.column .box .header { height: 24px; background: url(images/h2-bg-small.gif) repeat-x 0 0; padding-right: 5px; }
.column .box .header span { float: right; display: inline; font: bold 12px/24px "Myriad Pro", Myriad, Arial, sans-serif; color: #fff; }

.calendar { position: relative; }
.calendar a:hover { background-position: 0 bottom; }
.prev1, .prev2, .next1, .next2 { display: block; height: 12px; background-repeat: no-repeat; background-position: 0 0; }
.prev1 { background-image: url(images/previous1.gif); position: absolute; top: 76px; left: 5px; width: 15px; }
.prev2 { background-image: url(images/previous2.gif); position: absolute; top: 76px; left: 22px; width: 8px; }
.next1 { background-image: url(images/next1.gif); position: absolute; top: 76px; left: 180px; width: 15px; }
.next2 { background-image: url(images/next2.gif); position: absolute; top: 76px; left: 170px; width: 8px; }

.calendar table { width: 125px; margin: 0 auto; margin-bottom: 10px; }
.calendar th { font-weight: bold; font-size: 12px; color: #333; line-height: 40px; width: 15px; text-align: center; }
.calendar td { height: 14px; width: 16px; line-height: 14px; background: url(images/calendar-date-bg.gif) no-repeat 0 0; text-align: center; font-size: 10px; }
.calendar td.no-bg { background: none; }
.calendar td.event { background: url(images/calendar-current-date.gif) no-repeat 0 0; }

#eventlist {
	position: relative;
	padding: 5px;
	
}
#eventlist a:hover { background-position: 0 bottom; }


#footer {
	font-size: 10px;
	font-family: tahoma;
	padding: 5px 0 152px;
	color: #ccc;
}
#footer span {
	color: #999;
}
#footer .middle { margin-left: 12px; }
#footer a { color: #ccc; }
#footer a:hover { color: #FABF00; }


.background {
	background: url(images/main-cnt-bg.gif) repeat-y 0 0;
	margin-top: 10px;
}

.widecolumn .button {
	font: 9px/20px "Myriad Pro", Myriad, Arial, sans-serif;
	color: #fff;
	border-bottom: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
	text-transform: none !important;
	font-weight: bold;
	width: 50px;
	background-color: #666;
}

.widecolumn input {
	font: 11px "Myriad Pro", Myriad, Arial, sans-serif;
	width: 100%;
	padding: 2px;
}
.widecolumn textarea {
	font-family: "Myriad Pro", Myriad, Arial, sans-serif;
	font-size: 11px;
	width: 100%;
	padding: 2px;
}
.widecolumn .button:hover {
	background: #fabf00;
	color: #333;
	text-decoration: none;
}
.shortcolumn  .threebuttons {
	margin-right: 10px;
	margin-left: 10px;
}
h2.tabs {
	font: 13px "Myriad Pro", Myriad, Arial, sans-serif;
	color: #fff;
	background: url(images/h2-big-bg.gif) repeat-x 0 0;
	line-height: 50px;
	text-align: center;
}
.tabs a {
	color: #FFFFFF;
}
.tabs a:hover {
	color: #FFCC00;
}
.popup {
	margin: 20px;
	padding: 20px;
	width: 400px;
	background-color:#fff;
	float: none;
}
.popup li {
	text-indent: 15px;
	list-style-image: url(images/list-bg.gif);
	line-height: 18px;
}
.popup p {
	margin-top: 1.25em;
	line-height: 18px;
}
.popup ol li {
	list-style-image: none;
}
ol   li    {
	list-style-image: none;
	list-style-type: none;
}
.widecolumn .post ol li {
	background: none;
	line-height: 18px;
	margin-bottom: 10px;
	list-style-image: none;
	list-style-type: none;
}
.widecolumn h4 {
	font: bold 14px "Myriad Pro", Myriad, Arial, sans-serif;
	color: #666;
	padding: 15px 0;
}
.shortcolumn .post2 p {
	padding: 10px 10px 0 10px;
	float: left;
	display: inline;
	width: 370px;
}