?>

* { margin: 0; padding: 0; }
html {
    height: 100%;
    margin: 0;
	padding: 0;
    overflow: auto;
}
body {
	background-color: #fff;
	font-family: arial, sans-serif;
	margin: 0;
	padding: 0;
    height: 100%;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

.clearBoth {
    clear: both;
    font-size: 1px;
    height: 0px;
}

#wrapper {
	text-align: center;
	width:100%;
}

#document {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 728px;
}

.emailList {
    list-style-image:url( ../images/email.gif );
    margin: 0;
    padding: 0 0 0 18px;
    white-space: nowrap;
}
.linkList {
    list-style-image:url( ../images/link.gif );
    margin: 0;
    padding: 0 0 0 18px;
    white-space: nowrap;
}
.docList {
    list-style-image:url( ../images/doc.gif );
    margin: 0;
    padding: 0 0 0 18px;
    white-space: nowrap;
}


/* HEADER */
#header {
	background-image: url( ../images/header.gif );
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 2px solid #dbdce0;
	height: 99px;
}
#header #menuDiv {
}
/*
#header #menuDiv #logo {
	background-image: url( ../images/madHatLogo.gif );
	background-position: bottom;
	background-repeat: no-repeat;		
	float: left;
	margin-top: 20px;
	width: 76px;
}
*/
#header #menuDiv #navMenu {
	padding: 59px 0 0 110px;
}
#header #menuDiv #navMenu .linkText {
	display: block;
	padding: 21px 0 2px 0;
}
#header #menuDiv #navMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#header #menuDiv #navMenu li {
	background-image: url( ../images/menu_item_gradient.gif );
	background-position: left;
	background-repeat: repeat-x;
	color: #fff;
	cursor: default;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 2px 0 0;
	padding: 0 3px 0 3px;
}
#header #menuDiv #navMenu .normal {
	background-image: url( ../images/menu_item_gradient.gif );
	background-position: left;
	background-repeat: repeat-x;
}
#header #menuDiv #navMenu .over {
	background-image: url( ../images/menu_item_gradient_over.gif );
	background-position: left;
	background-repeat: repeat-x;
}
#header #menuDiv #navMenu .active {
	background-image: url( ../images/menu_item_gradient_hi.gif );
	background-position: left;
	background-repeat: repeat-x;
}
#header #menuDiv #navMenu li a {
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
}

#header #menuDiv #additionalMenu {
	color: #898d94;
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding: 22px 10px 0 0;
}
#header #menuDiv #additionalMenu a {
	color: #898d94;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#header #menuDiv #additionalMenu a:hover {
	text-decoration: underline;
}


/* sub_menu */
#subMenuDiv {
	padding: 2px 0 17px 110px;
}
#subMenuDiv #infoDiv {
	background-color: #eeeff0;
}
#subMenuDiv .normal {
	background-image: url( ../images/submenu_item_gradient.gif );
	background-repeat: repeat-x;
	cursor: pointer;
	float: left;
	height: 15px;
	margin: 0 2px 0 0;
	width: 23px;
}
#subMenuDiv .over {
	background-image: url( ../images/submenu_item_gradient_over.gif );
	background-repeat: repeat-x;
	cursor: pointer;
	float: left;
	height: 15px;
	margin: 0 2px 0 0;
	width: 23px;
}
#subMenuDiv .subMenuItem img {
	margin: 0;
	padding: 0;
}
#subMenuDiv .active {
	background-image: url( ../images/submenu_item_gradient_hi.gif );
	background-repeat: repeat-x;
	cursor: default;
	float: left;
	height: 15px;
	margin: 0 2px 0 0;
	width: 23px;
}
#subMenuDiv .subMenuItem_active img {
	margin: 0;
	padding: 0;
}
#subMenuDiv #info {
	padding: 0 0 0 10px;
	color: #9a9ea5;
	font-size: 12px;
}


/* CONTENT */
#content {
	margin: 0;
}

/* start */
#content #start #headlineDiv {
    background-image: url( ../images/content_head.jpg );
    margin: 0 0 6px 0;
    height: 97px;
    width: 100%;
}
#content #start #headline {
    font-size: 40px;
    padding: 32px 0 0 32px;
}

#content #start #headline .textGrey {
    color: #4b5262; 
}

#content #start #headline .textOrange {
    color: #f9500f;
}

#content #start #textDiv {
	color: #474f5a;
    float: left;
	font-size: 12px;
    margin: 0;
    padding: 0 0 0 32px;
    width: 450px;
}
#content #start #textDiv p {
    margin: 0;
    padding: 0;
}
#content #start #newsImg {
    margin: 35px 0 0 0;
}

#content #start #linkBox {
    border: 1px solid #dbdce0;  
    float: right;
    width: 240px;
}
#content #start #linkBox a {
	color: #474f5a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#content #start #linkBox .linkItem {
    background-color: #edeeef;
	color: #474f5a;
	font-size: 12px;
	font-weight: bold;      
    margin: 4px;
}

/* page */
#content #page #headlineDiv {
    background-image: url( ../images/content_head.jpg );
    height: 97px;
    width: 100%;
}
#content #page #headline {
    font-size: 40px;
    padding: 32px 0 0 32px;
}

#content #page #headline .textGrey {
    color: #4b5262; 
}

#content #page #headline .textOrange {
    color: #f9500f;
}

#content #page #textDiv {
	color: #474f5a;
	font-size: 12px;
    margin: 6px 0 0 32px;
    width: 460px;
}
#content #page #textDiv p {
    margin: 0;
    padding: 0;
}
#content #page a {
	color: #898d94;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

/* overview */
#content #overview {
    margin: 14px 0 0 0;
    padding: 0;
}
#content #overview .ovItemLeft{
    float: left;
	margin: 20px 7px 0 0;
}
#content #overview .ovItemRight {
    float: right;
	margin: 20px 0 0 0;
}
#content #overview .ovImage {
	margin: 0;
	padding: 0;
}
#content #overview .ovFooter {
    font-size: 1px;
	width: 238px;
}
#content #overview .ovFooter img {
	margin: 0;
    padding 0;
}
#content #overview .ovFooter .normal {
    background-color: #4f5762;
	float: left;
	height: 15px;
	width: 23px;
}
#content #overview .ovFooter .over {
    background-color: #f9500f;
	float: left;
	height: 15px;
	width: 23px;
}
#content #overview .ovFooter .ovTitleBg {
	background-color: #edeeef;
	float: right;
	width: 213px;
	height: 15px;
}
#content #overview .ovFooter .ovTitle {
	color: #525a64;
	font-size: 14px;
	padding: 0 0 0 6px;
}
#content #overview .ovFooter .ovTitle a {
	color: #525a64;
	font-size: 12px;
	text-decoration: none;
}


/* template media */
#content #tmplMedia {
    margin: 0 0 0 0;
}
#content #tmplMedia #thumbnailsCell {
	height: 270px;
	margin: 0;
	padding: 0;
	width: 366px;
}
#content #tmplMedia #thumbsTable {
	border-collapse: collapse;
	empty-cells: show;
	padding: 0;
}
#content #tmplMedia .thumbCell {
	padding: 0 4px 3px 0;
}
#content #tmplMedia #mediaViewerCell {
    background-image: url( ../images/tile_placeholder.gif );
	text-align: center;
	height: 270px;
	width: 362px;
}
#content #tmplMedia #mediaViewerCell #placeholder {
    background-color: #fff;
    padding: 10px 0 15px 0;
}
#content #tmplMedia #mediaViewerCell #linkBox {
    background-color: #fff;
    border: 1px solid #dbdce0;
    text-align: left;
    width: 360px;
}
#content #tmplMedia #mediaViewerCell #linkBox a {
	color: #474f5a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#content #tmplMedia #mediaViewerCell #linkBox .linkItem {
    background-color: #edeeef;
	color: #474f5a;
	font-size: 12px;
	font-weight: bold;     
    margin: 4px;
}
#content #tmplMedia #mediaDiv {
	background-color: #d4d6d8;
	width: 362px;
}
#content #tmplMedia #mediaDiv #mediaImgTable {
	height: 270px;
	vertical-align: middle;
	width: 362px;
}
#content #tmplMedia #mediaPlayer {
}
#content #tmplMedia #textBlock {
	padding: 20px 20px 0 0;
	vertical-align: top;
	width: 362px;
}
#content #tmplMedia .headline {
	color: #e1370f;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#content #tmplMedia .subHeadline {
	color: #474f5a;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding-top: 4px;
}
#content #tmplMedia .continousText {
	color: #474f5a;
	font-size: 12px;
	margin: 10px 0 0 0;
}
#content #tmplMedia #textBlock .webLink {
	margin-top: 20px;
}
#content #tmplMedia #textBlock .webLink a {
	color: #474f5a;
	font-size: 12px;
}
#content #tmplMedia #textBlock .docLink {
	margin-top: 20px;
}
#content #tmplMedia #textBlock .docLink a {
	color: #474f5a;
	font-size: 12px;
}

/* sitemap */
#content #sitemap #headerImg {
	margin-top: 30px;
}
#content #sitemap .textLeft {
	float: left;
	width: 364px;
}
#content #sitemap .textRight {
	float: right;
	width: 364px;
}
#content #sitemap .textBlock {
	margin: 20px 20px 0 0px;
}
#content #sitemap .headline {
	color: #f9500f;
	font-size: 18px;
	font-weight: normal;
}
#content #sitemap .continousText {
	color: #000;
	font-size: 12px;
	margin-top: 10px;
}
#content #sitemap .continousText h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
}
#content #sitemap a {
	color: #808080;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#content #sitemap a:hover {
	text-decoration: underline;
}


/* FOOTER */
#footer {
	background-image: url( ../images/footer_bg.jpg );
	background-position: left;
	background-repeat: no-repeat;
	border-top: 2px solid #dbdce0;
	height: 15px;
    margin: 34px 0 0 0;
    padding: 0;
	width:728px;
}
#footerMenu {
	color: #c8c9cb;
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding: 2px 10px 0 0;
}
#footerMenu a {
	color: #c8c9cb;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#footerMenu a:hover {
	text-decoration: underline;
}


/* mBox */
.mBox_overlay {
    background-color: #000;
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1001;
}
* html .mBox_overlay {
    position: absolute;
}
.mBox_content {
    display: none;
    overflow: hidden;    
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1002;
}
.mBox_container {
    margin: 28px 0 0 0;
}
.mBox_container  img {
    border: 12px solid #F25012;
}