/* Prodigy Apex Pages style sheet */



/*Global styles*/

body{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: center; width:100%; background:url(../images/page-body-bg.jpg) top repeat-x;}

a{ text-decoration:none; color:#666666;}

a:hover{ text-decoration:underline; color:#990000;}

h1{ font-size:18px; font-weight:normal;}

h2{ font-size:16px; font-weight:normal;}

h3{ font-size:14px; font-weight:normal;}

p{ font-size:12px; color:#666666;}



img{ border:0;}





/*page custom styles*/

#wrapper{ width:100%;}

#wrap{ width:980px; margin:0 auto; text-align:left;}

#topcontentcontainer{ height:20px; line-height:19px;}

.topcontent{ font-size:9px;margin:0; padding:0; text-align:center;}



#header{ width:980px; height:111px;}

#header .logos{ float:left; width:400px;}

#header .topnavigation{ float:right; width:520px; height:110px; text-align:right;}

#header .topnavigation a{ margin:0; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; background: url(../images/topnavi-bg.gif) bottom repeat-x; font-size:12px;}

#header .topnavigation a:hover{ background:	url(../images/topnavi-hover-bg.gif) bottom repeat-x; text-decoration:none;}

#header .topnavigation .active{ background-image:url(../images/topnavi-hover-bg.gif); background-position:bottom; background-repeat:repeat-x; text-decoration:none; color:#990000;}

.topnavigation form{ padding-bottom:0; margin-bottom:0;}

* html .topnavigation form{ padding-bottom:0; margin-bottom:0;}







#navigation{ height:30px; width:100%; clear:both; text-align:center;}

#navlist{ margin:0; padding:0; width:100%}

#navlist li{display: inline; list-style-type: none; padding-left:25px; padding-right: 25px;}

#navlist li a{ font-size:12px; line-height:30px; color: #666666; font-weight:bold}

#navlist .active{text-decoration:underline; color:#990000;}



#titlenavi{ height:35px;}

#titlenavi .lefttitle{ width:600px; float:left;}

.lefttitle h1{ font-size:12px; color:#990000; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:30px; margin:0; padding:0; margin-left:20px;}

.lefttitle a{ color:#990000;}

#titlenavi .rightsearch{ width:300px; float:right; line-height:30px; text-align:right;}

.rightsearch form{ padding-top:7px; padding-bottom:0; margin-bottom:0;}





#bodycontent{ width:980px; clear:both; background: #FFFFFF url(../images/page-content-bg.jpg) right repeat-y;}

#bodycontent .maincontainerleft{ margin:0; padding:0; width:755px; float:left;}

#bodycontent .sidenavigation{ float:left; width:205px; margin:0; padding:0;}

#bodycontent .maincontents{ float:right; width:540px; margin:0; padding:0; padding-bottom:10px; text-align:justify; font-size:12px; line-height:16px; color: #666666;}

.maincontents h1{ margin:0; padding:3px; padding-bottom:5px; background-color: #cc0000; color:#FFFFFF;}

.maincontents h3{ font-size:26px; color:#FF6666; font-family:Helvetica, sans-serif, Verdana, Arial; font-weight:normal; letter-spacing: normal; text-align:left; line-height:28px;}

.maincontents h4{ font-size:18px; color:#333333; font-family:Helvetica, sans-serif, Verdana, Arial; font-weight:normal; letter-spacing: normal; text-align:left; line-height:18px;}

.maincontents p { padding-right:10px;}



#bodycontent .maincontainerright{ margin:0; padding:0; width:220px; float:right; background:url(../images/right-navi-bg.jpg) top left no-repeat;}

.maincontainerright .rightcontainer{ margin-left:5px; margin-top:5px;}

/*#bodycontent .sidenavigation{ width:220px; float:left; background:url(../images/side-navi-bg.jpg) no-repeat top left; font-size:12px; padding-top:5px;}*/

.supports{color:#FFFFFF;}

.supports a{ text-decoration:none; color:#FFFFFF;}

.supports a:hover{ color:#cc0000;}





#footer{clear:both; width:100%; background-color:#e9e9e9; font-size:10px; padding-bottom:10px;}

#footercontainer{ width:980px; background-color:#333333;border-top: #cc0000 8px solid; margin:0 auto; color:#FFFFFF;}

#footercontainer p{ margin:0; padding:0; line-height:30px;}

#footercontainer a{ margin-left:10px; margin-right:10px; color:#FFFFFF; font-variant:small-caps;}

#footercontainer a:hover{ color: #FFCC00; text-decoration:none;}



#footnotes{ width:980px; margin:0 auto; text-align:left;}

#footnotes a{ text-decoration:none; color:#666666;}

#footnotes a:hover{ text-decoration:underline;}



#footnotes .footboxleft{ width:760px; float:left; text-align:left; background:url(../images/footer-logo-bg.gif) right top no-repeat;}

.footboxleft p{ margin:0; padding:0; padding-top:5px;font-size:10px;}

#footnotes .footboxright{ width:210px; float:right; text-align: right;}





.clear{ clear:both; height:0px;}

.imgs{ float:left; margin:8px; padding:8px; border: #CCCCCC 1px solid;}



/* menus*/



#menu3  {width: 220px;margin: 0px;padding-top:8px;border-left: #CCCCCC 1px solid;border-right: #CCCCCC 1px solid;}

#menu3 ul {list-style: none;margin: 0;padding: 0;}

#menu3 li a {height: 32px;voice-family: "\"}\""; voice-family: inherit;height: 24px;text-decoration: none;}

#menu3 li a:link, #menu3 li a:visited {	color:#666666;display: block;background:  url(../images/menu3.gif);padding: 8px 0 0 10px;}

#menu3 li a:hover {color:#990000; background: url(../images/menu3.gif) 0 -32px;padding: 8px 0 0 10px;}



/*menus closed*/



.leftmenus_top{background: url(../scripts/title.gif) repeat-x top;height:25px; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:20px; width:200px;}



#contactforms{width:300px; text-align:right; background:#cccccc url(../images/contact-form-top-bg.gif) no-repeat top left; padding:40px 8px 10px 0px;}



#contactforms input{

	background: transparent url(../images/contact-form-input-bg.gif) no-repeat;

	border:0;

	width:192px;

	height:25px;

	padding-left:5px;

	vertical-align:text-top;

	}

#contactforms textarea{

	margin:0; padding:0;

	background: transparent url(../images/contact-form-textarea-bg.gif) no-repeat top left;

	border:0;

	width:192px;

	height:131px;

	padding-left:5px;

	vertical-align:text-top;

	margin-bottom:8px;

	}



.technology{ cursor: pointer; font-size:12px; line-height:25px;}