/*
*/
*{ margin: 0; padding: 0; }*

body { margin: 0px 0 0; background: #fff url(../images/bg.gif) repeat-x; font: .8em "Trebuchet MS", Arial, Sans-Serif; color: #444; }

h1 { font-size: 2.1em; font-weight: normal; float: left; }

h1 a { text-decoration: none; }

h2 { font-size: 1.8em; color: #3f1800; font-weight: normal; margin: 0 0 .5em; line-height: 110%; }

h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }

p  { margin: 0 0 1em 0; line-height: 1.6em; }

em { border-bottom: 1px dotted #fff; cursor: pointer; }

a { color: #9D2900; }

a:hover { color: #A0000E; text-decoration: none; }

img { border: 0; }

.red { color: #9D2900; }

.wrap { width: 900px; margin: 0 auto 0 auto; }

.right {float:right; margin: 0 0 12px 16px;}

p.single {margin-bottom: 0px;}

p.final {margin-bottom: 48px;}

div.h_login {position: fixed; top: 192px; left: 0px; width: 22px; height: 204px; background: url(../images/login_vert.jpg) no-repeat;}
div.lmargin {position: fixed; top: 192px; left: 0px; width: 5px; height:100%; background-color: #efb10b; z-index:-200;}

#header { width: 900px; height: 40px; margin: 30px auto 0 auto;}

#headlogo {display: block; float: left; width: 397px; height: 72px; margin-bottom: -12px; background: url(../images/paradigm-logo.jpg) no-repeat;}

#headlogo:hover {background: url(../images/paradigm-logo-hover.jpg) no-repeat;}

#headlogo a {display: block; height: 72px; width: 397px; text-decoration: none;}

#headlogo a span {visibility: hidden;}

#menu, #backmenu  {float: right; padding: 13px 0 0 0; list-style: none; }

#menu {margin: 8px 0 0 0;}

#menu li, #backmenu li { display: inline; }

#menu a, #backmenu a { display: block; float: left; margin-left: 22px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }

#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }

#menu .active a, #backmenu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
		
#backmenu  { margin: 8px 0 0 0;}

#backmenu a:hover { color: #000; border-bottom: 2px solid #06C; }

#portal_wrap {width: 900px; height: 22px; margin: 0 auto 0 auto;}
#portal_log {width: 276px; height: 22px; margin-left: 586px; text-align: center; background: url(../images/login_hor.png) no-repeat; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#portal_log a {font-weight: bold; font-color: #FFF; text-decoration: none; line-height: 21px; }
#portal_log a:hover {text-decoration: underline; color:#FF9;}

#backheader {width: 900px; height: 85px; margin: 8px auto 0 auto; background: url(../images/p_compass_thin.png) 592px 2px no-repeat;}

#backheader h1 {margin: 31px 0 0 0;}

#teaser { clear: both; height: 205px; margin-top: 0px; background: #fff url(../images/teaserbg.jpg) repeat-x; }

.box { float: left; margin-top: 45px; padding: 0px 0 0; width: 550px; color: #562812; font: 13px "Trebuchet MS", Arial, Sans-Serif; line-height: 90%;}
    
#image { float: right; width: 300px; position: relative; top: 12px; right: 10px; background: url(../images/logotype.jpg) no-repeat top right; height: 205px; }
	
.graybox {border: 1px solid #e0e0e0; background: #f4f4f4; padding: 10px 10px 7px 10px; }

#bar { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; }

#secondbar { height: 40px; margin: 0px 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; }

#secondbar .active a { text-decoration: none; background-color:#369; color: #FFF;}

.cubered { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 16px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: left; height: 30px;background: url(../images/cube_red.jpg) no-repeat;}

.cubeyellow { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 16px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: left; height: 30px;background: url(../images/cube_yellow.jpg) no-repeat;}

.cubeblue { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 16px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: left; height: 30px;background: url(../images/cube_blue.jpg) no-repeat;}

.cubered a { color: #fff; margin: 0 10px 0 24px; }

.cubeblue a { color: #fff; margin: 0 10px 0 24px; }

.cubeyellow a { color: #fff; margin: 0 10px 0 24px; }

.col { float: left; width: 276px; margin: 0 31px 34px 0; }

.last { float: right; margin: 0 0 34px 0; }

#sidecol { float: right; width: 296px; margin: 0 12px 40px 0; padding: 0 0 0 20px; border-left: solid 1px #e0e0e0; }

#sidecol ul, .col ul { list-style-type: none; padding-top: 17px; padding-bottom: 12px;}

#sidecol ul {margin: 20px 26px 12px 20px; border-top: 1px solid #DDBC7B; border-bottom: 1px solid #DDBC7B;}

#sidecol li { background: url(../images/cube_bullet.jpg) no-repeat;font-size: 14px;color: #38394C;line-height: 115%;padding-left: 24px;margin-bottom: 16px;}

<!--.col ul {margin: -18px 26px 0 20px;} -->

<!-- .col li { background: url(../images/tinycube.jpg) no-repeat;font-size: 13px;color: #38394C;line-height: 95%;padding-left: 24px;margin-bottom: 12px;} -->

img.c5 {vertical-align: middle;margin-bottom: 4px;}

#bodycol { float: left; width: 555px; margin: 0 0px 16px 0px; padding: 0 0 0 0;}

#bodycol h3, .sidecol h3 { font-size: 1.25em; border-bottom: 0px solid #eee; margin: 0 0 .8em; }

#bodycol ul { list-style-type: none; padding-top: 12px; padding-bottom: 12px;}

bodycol ul {margin: 20px 26px 12px 40px; border-top: 0px solid #DDBC7B; border-bottom: 0px solid #DDBC7B;}

#bodycol ul li {
  line-height: 150%;
  margin: 0;
  padding: 0;
}
#bodycol ul li { background: 1px url(../images/tiny_sq_tan2.gif) no-repeat;font-size: 13px;color: #38394C;padding-left: 24px;}
html #bodycol ul li {
	position: relative;
}
#bodycol ul li.eight {
  margin-top: -136px;
}
#bodycol ul li.one, #bodycol ul li.two, #bodycol ul li.three, #bodycol ul li.four, #bodycol ul li.five, #bodycol ul li.six, #bodycol ul li.seven {
  margin-left: 1em;
}
#bodycol ul li.eight, #bodycol ul li.nine, #bodycol ul li.ten, #bodycol ul li.eleven, #bodycol ul li.twelve, #bodycol ul li.thirteen, #bodycol ul li.fourteen {
  margin-left: 16em;
}

.tools {width: 75%; margin: 24px auto 24px auto; background-color: #F7E099; border: 1px solid #979795; padding: 12px 14px 12px 11px; }

#sidecol h3 { border-bottom: 0px}

.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px 7px 12px 7px; }

.info a {color: #369;}

.info a:hover {text-decoration: none;}

#footer { clear: both; color: #A6ACB0; font-size: 92%; width: 900px; text-align: center; margin-right: auto; Margin-left: auto; margin-top: 24px; padding: 4px 15px 0px 15px; border-top: 1px solid #135082; }	

#footer a { color: #A6ACB0; text-decoration: none;}

#footer a:hover { color: #369; text-decoration: underline;}

#footer .active a { text-decoration: none; background-color: #9CF; color: #FFF; padding: 2px; border:none;}

#subfooter { color: #999; clear: both; width: 900px; margin: 0 auto; padding: 15px; border-top: 1px solid #e0e0e0; background: #fff url(../images/#) no-repeat right 16px; color: #999; font-size: 92%; }	

#subfooter .right { float: right; margin: 0 13px 0 0; line-height: 15px; }

#subfooter a { color: #6F8DA3; font-weight: bold; text-decoration: none; }

#subfooter a:hover { color: #369; text-decoration: none; }