html, body {
	margin: 0;
	padding: 0;
}
Body {
	padding: 0px;
	margin:auto;
	font: 12px arial, tahoma, verdana, sans-serif;
	color:#4B4A4A;
	background:url(../images/bg-body-top.jpg) top left repeat-x;
	background-color:#FFFFFF;
}
a {
	color:#000000;
	text-decoration: underline;
}
a:hover {
	color:#FF3F02;
}
h1,h2,h3,h4{
	color:#FF3F02;
}
h1{
        font-weight: normal;
	font-size:24px;
}
h2{
        font-weight: normal;
	font-size:18px;
}
h3{
	font-size:16px;
}
h4{
	font-size:14px;
}
p {
	font-size:12px;
	color: #4B4A4A;
	padding-bottom: 12px;
    margin-bottom: 0;
}
.bodyContent p {
    margin-bottom:.2em;
    position: relative;
}
.bodyContent p+ul {
	margin-top: -6px;
}
.bodyContent li+li {
    margin-top: 6px;
}
.Header {
	width:973px;
	height:108px;
	margin:auto;
	position:relative;
	z-index:200;
}
.Logo {
	float:left;
	padding:17px 0 0 18px;
}
.TopContent {
	float:right;
	height:20px;
	background:url(../images/icon_mobi.gif) top left no-repeat;
	padding:4px 26px 0 27px;
	margin-top:3px;
	font-weight:bold;
	font-size:17px;
}
.TopContent a {
	text-decoration: none;
}
.Color_Orange {
	color:#FF3F02;
}
.Color_Blue {
	color:#5252C4;
}
.MainContent{
	width:100%;
	background:url(../images/bg-maincontent-foot.png) bottom center repeat-x;
}
.BoxMainWrap{
	width:987px;
	margin:auto;
	position:relative;
    padding-top:40px;
}
.BoxMainTop{
	width:987px;
	height:12px;
	background:url(../images/bg-content-tf.png) left top no-repeat;
}
.BoxMainBot{
	width:987px;
	height:12px;
	background:url(../images/bg-content-tf.png) left -25px no-repeat;
	overflow:hidden;
}
.BoxMainMid{
	width:987px;
	background:url(../images/bg-content-m.png) top left repeat-y;
	overflow:hidden;
}
.ContentBox{
	width:973px;
	text-align:left;
	position:relative;
	overflow:hidden;
	background:url(../images/line01.gif) 653px bottom no-repeat;
}
#FullWidth
{
	/*overflow:hidden; */
	background: none;
}
#FullWidth .Line04
{
	background: none;
}
.ContentBox .Line04{
	width:1px;
	height:293px;
	position:absolute;
	left:653px;
	top:0;
	background:url(../images/line04.gif) left top no-repeat;
	overflow: hidden;
}
.ContentLeft{
	width:593px;
	padding:20px 30px 20px 30px;
	float:left;
}
.ContentRight{
	width:288px;
	float:right;
	padding:20px 0 20px 0;
}
#FullWidth .ContentLeft
{
	width:920px;
	padding:10px 10px 20px 30px;
}
.Box-272,.Box-272-02{
	width:272px;
	margin-top:10px;
	margin-bottom:10px;
}
.Box-272-top,.Box-272-02-top{
	width:272px;
	height:13px;
	overflow:hidden;
	background:url(../images/bg_272_tf.gif) left top no-repeat;
}
.Box-272-02-top{
	background:url(../images/bg_272_02_tf.gif) left top no-repeat;
}
.Box-272-bot,.Box-272-02-bot{
	width:272px;
	height:13px;
	overflow:hidden;
	background:url(../images/bg_272_tf.gif) left -14px no-repeat;
}
.Box-272-02-bot{
	background:url(../images/bg_272_02_tf.gif) left -14px no-repeat;
}
.Box-272-mid,.Box-272-02-mid{
	width:246px;
	padding:0 12px 0 12px;
	overflow:hidden;
	background-color:#efefef;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}
.Box-272-02-mid{
	background:url(../images/bg_272_02_m.gif) left top repeat-y;
    border:0px;
    width:auto;
    padding:0 20px 0 12px;
}
.Box-272-mid label{
	display:block;
	padding:8px 0 2px 6px;
}
.Box-272-mid p{
}
.Box-272-mid h2, .Box-272-02-mid h2{
	color:#444DB0;
	font: 22px Times New Roman;
	margin: 3px 0 6px 0;
}
.Box-272-mid p~h2, .Box-272-02-mid h2 ~ h2 {
	margin-top: 12px;
}
.RedNote{
	color:#FF3F02;
	font: 11px arial;
}
.Submit01{
	text-align:center;
	padding:10px 0 14px 0;
}
.input01{
	width:240px;
	padding:4px;
	border:1px solid #D2D1D1;
	color:#A8A9A9;
	font: 12px arial;
    margin-bottom: 8px;
}
.errorField input.input01 { width: 225px; margin-right: 4px; }

input.clearFieldMandatory { background: #FFEEEE; }
.errorHeader { background: none repeat scroll 0 0 #FFEEEE; border: 1px solid #D2D1D1; padding: 7px; }

.Side-b{
	margin-top:24px;
}
body .ContentLeft h1
{
	font-size:24px;
	margin-top:10px;
	margin-bottom:5px;
}
.ContentLeft h1.Orange
{
	color:#FF4003;
}
.ContentLeft h2
{
	font-size:18px;
	margin-top:10px;
	margin-bottom:5px;
}
.ContentLeft p
{
	color:#4B4A4A;
}
.HomeSlideshow{
	width:973px;
	height:298px;
	position:absolute;
	left:0;
	top:12px;
	margin-left:5px;
	z-index:100;
	background:url(../images/bg-slideshow.gif) no-repeat;
}
.HomeSlideshowBG{
	width:973px;
	height:298px;
	background:url(../images/bg-slideshow.gif) no-repeat;
	overflow:hidden;
	position:relative;
}
.PicShow{
	width:878px;
	height:293px;
	margin:auto;
	overflow:hidden;
}
#ArrowPre{
	width:28px;
	height:51px;
	position:absolute;
	left:6px;
	top:140px;
	background:url(../images/arrows.png) top right no-repeat;
	display:none;
}
#ArrowNext{
	width:28px;
	height:51px;
	position:absolute;
	right:7px;
	top:140px;
	background:url(../images/arrows.png) top left no-repeat;
	display:none;
}
.SmallPic{
	position:absolute;
	left:0;
	bottom:4px;
	padding-left:5px;
	display:none;
}
.SmallPic ul{
	margin:0;
	padding:0;
	list-style:none;
}
.SmallPic ul li{
	float:left;
	margin-left:8px;
}
.SmallPic ul li a{
	width:36px;
	height:29px;
	float:left;
	display:block;
	border:1px solid #403FBD;
	text-decoration:none;
        outline: none;
}
.SmallPic ul li a:hover,.SmallPic ul li.on a{
	border:1px solid #FE460C;
	text-decoration:none;
}
.Directory{
	text-align:left;
	padding-left:30px;
	font-size:11px;
}
.Banner01{
	text-align:center;
	width:870px;
    padding-left:60px;
    position:absolute;
    margin-top:-50px;
}
.ScreenShots{
	margin:0;
	padding:0;
	list-style:none;
}
.ScreenShots li{
	float:left;
	width:310px;
	margin-bottom:10px;
}
.RightTav{
	background:url(../images/line02.gif) center bottom no-repeat;
	padding-bottom:12px;
	margin-bottom:16px;
}
.RightTav img{
	float:left;
}
.RightTav .Right{
	float:right;
	width:215px
}
.RightTav h4{
	font-size:14px;
	font-weight:normal;
}
.RightTav p{
	font-size:11px;
	color:#323231;
	padding:0;
	margin:0;
}
.RightTav .ViewProject{
	clear:both;
	text-align:right;
	padding-right:14px;
}
.RightTav .ViewProject a{
	color:#000000;
	font-weight:bold;
	font-size:11px;
}
.ProjectList{
	background:url(../images/bg-project-list.jpg) center top repeat-x;
	padding-right:10px;
}
.ProjectList h3{
	font-size:16px;
	color:#444DB0;
	margin-bottom:8px;
	padding:18px 0 6px 0;
	border-bottom:1px solid #CACACA;
	overflow:hidden;
	font-weight:normal;
}
.ProjectList .ViewProject{
	text-align:right;
	float:right;
	margin-bottom:10px;
}
.ProjectList .ViewProject a{
	display: inline-block;
	height:24px;
	text-decoration:none;
	background:url(../images/bg-button-blue.gif) left top no-repeat;
}
.ProjectList .ViewProject a span{
	display: inline-block;
	height:20px;
	padding:4px 10px 0 10px;
	cursor:pointer;
	color:#FFFFFF;
	background:url(../images/bg-button-blue.gif) right -24px no-repeat;
}
.Line03{
	background:url(../images/line03.gif) left top repeat-x;
	height:10px;
	clear:both;
	margin:15px 10px 12px 0;
}
.ProjectListIMG{
	background:url(../images/bg-project-img.png) left top no-repeat;
	width:315px;
	height:203px;
	padding:12px 0 0 15px;
	margin-right:4px;
	float:left;
	overflow:hidden;
}
.IntranetList{
	/*background:url(../images/bg-project-list.jpg) center top repeat-x;*/
    border: 1px solid #808080;
    background-color: #F4F4F4;
	padding:1em;
	margin:1em;
}
.IntranetList h3, .IntranetList h3 a
{
	font-size:16px;
	color:#404040;
	margin-bottom:8px;
    text-decoration: none;
}
.IntranetList h3 a:hover
{
    text-decoration: underline;
}


.Footer{
	width:933px;
	padding:10px 20px 10px 20px;
	text-align:left;
	margin:auto;
}
.FooterGuide,.FooterGuide li ul{
	margin:0;
	padding:0;
	list-style:none;
}
.FooterGuide li{
	float:left;
}
.FooterGuide li.col01{
	width:150px;
}
.FooterGuide li.col02{
	width:230px;
}
.FooterGuide li.col03{
	width:260px;
}
.FooterGuide li.col04{
	width:280px;
}
.FooterGuide li h3{
	font-size:14px;
	font-weight:normal;
	color:#000000;
	padding-left:34px;
}
.FooterGuide li.col01 h3{
	padding-left:10px;
}
.FooterGuide li ul{
	border-left:1px solid #E5E4E4;
	padding:14px 0 0 34px;
	height:158px;
}
.FooterGuide li.col01 ul{
	border-left:none;
	padding:14px 36px 0 10px;
	height:158px;
}
.FooterGuide li ul li{
	float:none;
	background:url(../images/dot_black.gif) left 4px no-repeat;
	padding-left:20px;
	height:22px;
}
.FooterGuide li ul li a{
	font-size:11px;
	color:#000000;
}
.FooterInf{
	text-align:center;
	font-size:11px;
	clear:both;
	text-decoration:underline;
}
.FooterInf a{
	color:#FF3F02;
}



.MainMenu{
	position:absolute;
	right:0;
	bottom:0;
	height:39px;
}
#navigation  {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:left;
}
#navigation li  {
	position: relative;
	float:left;
	margin-right:15px;
	z-index:100;
}
#navigation a  {
	display:block;
	_display:inline-block;
	color:#393636;
	font-size:13px;
	z-index:201;
	text-align:center;
	position:relative;
	text-decoration:none;
}
#navigation a span{
	float:left;
	padding-left:14px;
	padding-right:14px;
	padding-top:11px;
	_padding-top:8px;
	cursor:pointer;
	height:28px;
	display:block;
	white-space:nowrap;
}
#navigation li a.on  {
	font-weight:bold;
}
#navigation li ul  {
	display: none;
    background:url(../images/ul.png) ;
	_background:url(../images/ul.gif) left top repeat-y;
}
#navigation li:hover ul,
#navigation li.hover ul  {
	display: block;
	/*background:url(../images/ul.png) ;
	_background:url(../images/ul.gif) left top repeat-y;*/
}
#navigation li:hover,
#navigation li.hover, #navigation li.on  {
	background:url(../images/li-l-r.gif) no-repeat 0 0;
	text-decoration:none;
	color:#FFFFFF;
}

#navigation li ul li a:hover,
#navigation li ul li a:hover{
    /* background:url(../images/ul.png) ;
	_background:url(../images/ul.gif) left top repeat-y; */
}

#navigation li li.on, #navigation li ul li:hover ul {
	background: none;
}

#navigation li ul li ul{
    display:block;
    position:relative;
    top:auto;
    background:transparent;
}

#navigation li ul li:hover ul{
    /* background:transparent; */
}

#navigation li ul li ul li{
    /* padding-left:15px; */
    width:137px;
}

#navigation li ul li ul li a{
    background:transparent;
}

#navigation li ul li ul li a:hover{
    /* background:transparent; */
}

#navigation li:hover span,
#navigation li.hover span, #navigation li.on span
{
	background: url(../images/li-l-r.gif) no-repeat right -39px;
}
#navigation li:hover a,
#navigation li.hover a  , #navigation li.on a{
	color:#FFFFFF;
	/* background:none; */
	display:block;
	_display:inline-block;
}
#navigation ul  {
	position: absolute;
	top:39px;
	left:0;
	margin: 0;
	padding:0px 0px 10px 0;
	z-index: 200;
	width:152px;
	list-style: none;
    background:url(../images/ul.png);
}
#navigation ul li  {
	float: left;
	width: 100%;
	height:auto !important;
}
#navigation ul li:hover,
#navigation ul li.hover {
	background:url(../images/ul.png) ;
	/* _background:url(../images/ul-li.gif); */
}
#navigation ul li a  {
	padding-left:14px;
	padding-top:3px !important;
	padding-bottom:3px !important;
	height:auto !important;
	width:130px;
	display:block;
	text-align:left;
	font-size:11px;
    font-weight:bold;
}

#navigation ul li ul li a{
    font-weight:normal;
    padding-left:30px;
    width:115px;
}

#navigation ul li a:hover,
#navigation ul li a:hover  {
	color:#000000 !important;
    /* background:url(../images/ul.png) ; */
	background:url(../images/ul-li.gif);
}

.wrapper div h1, .ContentLeft h1 {
	font-size:30px;
	font-family:"Times", "Times New Roman", "Serif";
	color:#444db0;
}

.wrapper div p{
	font-size:18px;
	font-family:"Century Gothic", "Arial", "Sans-Serif";
	color:#ff4003;
}

a img{
	border:0px;
}

.breaker{
    clear:both;
    float:none;
    font-size:1px;
    line-height:1px;
}

.PicShow .wrapper div h2, .ContentLeft h2 {
    font-family:"Century Gothic";
}

button.imagebutton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    padding: 0;
}

td.noborders_cell { padding: 2px; }

#cds-container{ padding:4px; margin:0; text-align:justify; border:1px #CCCCCC solid; }

#cds{ overflow:auto; height: 100px; }

#cds p { padding-right:8px; font-size:14px; }

#cds h2{ font-size:15px; font-weight:bold; }

#cdsheader h2{ margin: 20px 0 4px 0; font-size:14px; }

.Box-272-02-mid .bodyContent ul{
    list-style-type:none;
    padding-left:0px;
}

.Box-272-02-mid .bodyContent ul li{
    background:transparent url(../images/ticks.jpg) top left no-repeat;
    padding-left:2em;
}

div.qn
{
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

div.qnHeader
{
    margin-top: 0.5em;
    margin-bottom: 0.4em;
    font-size: 12pt;
    color: #444DB0;
}

table.qn_question_group tbody tr td div p
{
    padding: 0px;
    margin: 0px;
}

table.qn_question_group tbody tr td
{
    padding: 0.4em;
}

div.qnButtons
{
width: 60%;
padding: 0.3em;
}
div.qnLeftButton
{
float: left;
}

div.qnRightButton
{
float: right;
}

table.penTable
{
    width: 60%;
    border: 0;
}

table.penTable tr td
{
    padding: 0.5em;
}