@import url(content.css);

* { font-size: 	1em; margin: 0; padding: 0; }
html { font-size: 100.01%; direction: ltr; background-color: #fff; background-image: url(images/bg-body.gif); background-repeat: repeat-x; color: #000; height: 100%; }
body { height: 100%; font: normal 11px  Verdana, Arial, Helvetica, sans-serif; } 
h1 { font-size: 13px; padding-bottom: 10px; color: #000; }
h2, h3 { font-size: 12px; padding-bottom: 10px; color: #000; }
h1 { color: #2f6eb0; }
p { margin: 0;	line-height: 1.5em; }
sup { font-size: 7px; line-height: 100%; }
img { border: none; }
a { color: #2f6eb0; }

.clearer { clear: both; }

#container { position: absolute; width: 974px; background: #fff url(images/bg-container.gif) repeat-y; color: #000; margin-left: -470px; left: 50%;  height: 100%; } 
#content_container { position: absolute; width: 974px; height: auto; top: 0; background: #fff url(images/bg-container.gif) repeat-y; } 

#logo { position: absolute; left: 800px; top: 0; height: 135px; z-index: 20; }
#headlinks { position: absolute; background:#FFFFFF; z-index: 20; }

#head-logo { position: absolute; top: 28px; height: 30px; width: 775px; height:104px; float: left; background: url(images/smart-text-logo.gif) #fff no-repeat -10px -1px; text-align:right; padding-top: 67px 25px 10px 0; margin-left: 18px; }
#head-logo ul { margin: 65px 8px 0 0; }
#head-logo li { float: right; height: 30px; list-style: none; }
#head-logo ul li.divider { padding: 0 3px; line-height: 14px; }
#head-logo a { color:#000; text-decoration: none; line-height: 14px; }
#head-logo a:hover, #head-logo a.active { text-decoration: underline;}

#flash { position:absolute; z-index: 5; top: 132px; left: 8px; width: 950px; height: 123px; }
#flash object { position:absolute; z-index: 10; }

#breadcrumb { margin: 265px 0 0 237px; width: 721px; }
#breadcrumb li { color:#666; list-style: none; float: left; margin: 0 5px 0 0; }
#breadcrumb a { color:#666; text-decoration: none; margin: 0 5px 0 0; }
#breadcrumb a:hover { color:#999; }


#mainnav  {	position:absolute; padding-right:10px; z-index: 0; }
#mainnav ul  { margin-left:11px; width: 208px; }
#mainnav li { display: block; height: 30px; margin-bottom: 1px; background: #2f6eb0; list-style: none; }
#mainnav li a {	float:left; color:#fff; font-weight: bold; display: block; height: 22px; width: 188px; padding: 8px 0 0 20px; text-decoration: none; }
#mainnav li a:hover, #mainnav li a:active, #mainnav li a.active  { background: url(images/hover_bg.jpg); color: #000; }

#subnav { position: relative; float: left; width: 227px; top: 275px; font-weight: bold; margin-top: 14px; }
#subnav a { background-color: #F0F1F5; display:block; color:#000; text-decoration: none; margin: 5px 0px 0px 42px;}
#subnav a:hover { color:#666; }
#subnav li { list-style: none; }
#subnav li a { border-bottom: 1px solid #2f6eb0; padding: 5px 0; }
#subnav ul li ul { margin: 5px 0 0 10px; }
#subnav ul li ul li { background: url(images/bullet.gif) no-repeat 0 2px; line-height:10px; padding-left: 12px; margin-left: 50px; }
#subnav ul li ul li a { font-weight: normal; border: 0; margin: 0; }
#subnav ul li ul li ul { margin: 0; }
#subnav ul li ul li ul li ul li { background: url(images/bullet2.gif) no-repeat 0 2px; }
#subnav ul li ul li ul li { padding-left: 12px; margin: 0; }

#subnav li a.active  { font-weight: bold; color: #000; }
#subnav li ul li a.active  { color: #2f6eb0; }

#content { margin: 20px 0 0 237px; width: 700px; }

.subcolumns { width: 100%; padding: 0 1px 0 1px; margin: 0 -1px 0 -1px; overflow:hidden; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { float: left; overflow: hidden;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { float: right; overflow: hidden;}

.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 74.999%; }
.c38l, .c38r { width: 38.196%; } 
.c62l, .c62r { width: 61.803%; }

.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; }

.tx-macinasearchbox-pi1 { position: absolute; top: 0; left: 662px; }
.tx-macinasearchbox-pi1 input { width: 90px; height: 14px; background: #fff; color: 000; border: #2f6eb0 1px solid; margin: 0; padding: 5px; float: left; }
.tx-macinasearchbox-pi1 input.submit { width: 24px; height: 24px; vertical-align: top; margin: 0; padding: 0; }

#subnav .tx-felogin-pi1 { margin-left: 39px; }
#subnav .tx-felogin-pi1 a { margin: 0; }
.tx-felogin-pi1 label { float: left; margin-right: 5px; }
.tx-felogin-pi1 .message { font-weight: normal; margin-bottom: 5px; }
.tx-felogin-pi1 input.field { width: 160px; }
.tx-felogin-pi1 .submit { text-align: left; padding: 5px 23px 5px 0; }
#subnav .tx-felogin-pi1 .submit { text-align: right; }

#footer { margin: 20px 20px 10px 237px; bottom: 0; width: 700px; height: 20px; border-bottom: #2f6eb0 1px solid; }
#footer li { float: left; list-style: none; margin: 0; }
#footer ul li.divider { padding: 0 3px; line-height: 20px; }
#footer a { color:#000; text-decoration: none; line-height: 20px; }
#footer a:hover { color:#666; text-decoration: none;}

#social { margin: 25px 0 30px 247px; padding: 0; width: 700px; }