/*GENERAL*/
*{margin:0;}
a{outline:none;border:none;}
input{margin:0;border:1px solid  #a3c7e0; height:17px; padding-left:5px; color:#666666; font-size:11px; background:url(../images/bg_txt.jpg) repeat-x }
textarea{margin:0;border:1px solid #a3c7e0; padding-left:5px; color:#666666; font-size:11px; background:url(../images/bg_txt.jpg) repeat-x #FFFFFF; font-family:Arial, Helvetica, sans-serif;}
select{margin:0;border:1px solid #ccc; padding-left:5px;color:#666666; font-size:12px; background-color:#F4F4F4}
.left { float:left}
.right {float:right}


.space5 {height:5px; clear:both; font-size:5px}
.space10 {height:10px; clear:both; font-size:10px}
.space15 {height:15px; clear:both; font-size:15px}
.space25 {height:25px; font-size:25px}

.btn {background-image:url(../images/bg_btn.jpg); background-color:#fd6b23; height:25px; color:#000; text-align:center; border:1px solid #fff; font-weight:bold}
.centerDiv { text-align:center;}
hr {background-color:#FF9900; color:#FF9900; height:1px}
.pad5 {padding:5px}
.padtop5 {padding-top:15px}

.smalltext { font-size:10px; font-style:italic}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body,td,th {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;line-height:18px;}
body {scrollbar-base-color: #035084; scrollbar-arrow-color: white; scrollbar-DarkShadow-Color:blue}
html,body{width:100%;height:100%; background:url(../images/bg2.jpg) repeat-x #0d4565}
a {color:#ff6418; text-decoration:none}
a:hover {color:#000; text-decoration:underline}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#container{ width:975px; margin:0 auto; margin-top:8px; background-color:#FFFFFF; border:2px solid #FF6600;}
#header{height:105px; background:url(../images/bg_header.jpg) repeat-x}
#header .logo {float:left; width:200px; height:80px; padding-left:10px}
#header .right{float:left; width:744px; padding-left:21px}
#header .slogan { color:#ff6318; font-family:Calibri, arial; font-size:22px; font-style:italic; height:40px; padding-top:13px; line-height:28px}

/*Menus*****************************************************************************************************************/
#menu { padding-top:16px}
#menu .item { float:left; padding:0px 1px 0px 1px}

#submenu { padding-left:10px; background-color:#EEF0E5; border-left:1px solid #FF6600}
#submenu ul { margin-left:0px; padding:0px}
#submenu li {list-style:url(../images/bullet.gif); line-height:19px; font-weight:bold; border-bottom:1px dotted #CCCCCC; padding:5px}
#submenu li a {color:#045489; text-decoration:none}
#submenu li a:hover {color:#000; text-decoration:none}

/*Contents++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contents_wrapper{padding:5px; 10px 5px 10px; height:100%;}

/*#contents { height:420px; padding:15px 5px 0px 10px; margin-top:5px; font-family:"Gill Sans MT", "Trajan Pro", Arial; overflow-y:scroll}*/
#contents { padding:15px 5px 0px 10px; margin-top:5px; font-family:"Gill Sans MT", "Trajan Pro", Arial;}

div#contents {text-align:justify}
#contents .borderright { border-right:1px solid #FE671E}

#contents ul {margin-left:10px; padding-left:10px;}
#contents li { line-height:20px; list-style:url(../images/bullet.gif)}
#contents li a { color:#333333; text-decoration:none}
#contents li a:hover { color:#015385; text-decoration:none; font-weight:bold}

#leftCol { float:left; width:240px; background:url(../images/bg_left.jpg) repeat-x}
#leftCol .orbg {background:url(../images/bg_leftcol.jpg) top repeat-x; margin-top:3px; padding:8px 0px 0px 3px ; width:231px}

#rightCol {float:left; width:732px;}
#rightCol .left {margin-top:5px; width:495px; float:left}
#rightCol .welcome { background-color:#eef0e5; padding:8px 5px 5px 10px; border-bottom:1px solid #ff6c1a; }
#rightCol .right { float:left; width:220px; margin-top:5px;}

.imgborder { padding:3px; border:1px solid #FFD99A}
#flash { width:725px; height:202px; padding-top:4px; background:#000000}

/*#banner { width:710px; height:73px; background:url(../images/banner.jpg) no-repeat;  padding-top:33px; padding-left:15px; font-family:"Century Gothic",arial; font-size:30px; line-height:30px; color:#045185}*/

#banner{ width:710px;}
.tlinks { padding:7px; background:url(../images/bgtmenu.gif) repeat-x; font-size:11px; width:711px} 
.dot_line {height:1px; border-bottom:1px dotted #999999; padding:3px 0px 3px 0px;}

.graphicWrapper {padding-top:5px}
.box {border:1px solid  #D7D7D7}
.Shade { background:url(../images/bgShade.jpg) repeat-x;}
.Shade1 { background:url(../images/bgShade.jpg) repeat-x; border-top:1px solid #FE671E}
.Shade2 { background:url(../images/bgShade.jpg) repeat-x; padding:7px; height:420px; overflow-y:scroll}

.Shade23{ background:url(../images/bg23.jpg) repeat-x; border-top:1px solid #FE671E}
.shadeGrey { background:url(../images/bg_grey.jpg) repeat-x; border-top:1px solid #FE671E}

/*Titles & Text Styles++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.titleLogin{ font-size:16px; color:#ed4d00; font-family:Calibri,arial; padding-bottom:10px; text-transform:uppercase; padding-left:5PX}
.titleOrange {font-size:22px; color:#FF6319; padding-bottom:8px }
.titleBlue {font-size:22px; color:#035084; padding-bottom:8px }
.bgTitle {background-image:url(../images/bg_title.jpg); text-transform:uppercase; font-size:13px; color:#FFFFFF; height:30px; width:248px}
.textBold { color:#094E85; font-size:13px; font-weight:bold; padding-bottom:7px}
.titleProject {font-size:14px; color:#08496d; font-weight:bold; font-family:"Century Gothic", Calibri,arial; text-transform:uppercase; padding-bottom:3px}
.textProjectBig {font-size:11px; color:#08496d;font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.textProject{font-size:11px; color:#999999; }

/*Login Sec+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#login_wrap { width:233px; background:url(../images/bg_login.jpg) top repeat-x #d1ebff; margin-top:4px; margin-left:3px; height:100px}
#login_wrap a{ color:#074B6E; text-decoration:none; font-weight:bold}
#login_wrap a:hover{ color:#074B6E; text-decoration:underline; font-weight:bold}

/*News+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#newsWrapper { padding:0px; margin:0px}
#newsWrapper .news { width:98%; color:#333333; padding:4px; font-size:11px; background:url(../images/bg_news.jpg) top repeat-x}
#newsWrapper .title { font-size:12px; font-weight:bold; padding-bottom:3px} 
#newsWrapper a{ color:#005f98; text-decoration:none; font-size:11px}
#newsWrapper a:hover{ color:#f8600e; text-decoration:none}

#scrollup {position: relative;  overflow: hidden;  height: 180px;}
.headline { position: absolute;  top: 210px;  left: 5px;  height: 178px;}

/*NewsLetter+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#newsletterWrapper { width:230px}
#newsletterWrapper .left { float:left}
#newsletterWrapper .content { float:left; width:208px; background-color:#ceeaff; padding-top:10px}
#newsletterWrapper .right{ float:left}
#newsletterWrapper .text {background:url(../images/txt_corner.jpg) no-repeat; width:137px; float:left; padding-top:2px}
#newsletterWrapper input {border:none; background-image:none}

/*Product Wrapper+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#proWrapper { padding-top:10px; margin:0px}
#proWrapper .item { float:left; padding:3px 5px 3px 5px}
#proWrapper .sep { width:2px; height:118px; background:url(../images/vline.jpg) repeat-y; margin:0px 7px 0px 7px; float:left}
#proWrapper .text { font-size:12px; font-weight:bold; padding-top:3px; text-align:center} 
#proWrapper .text a{ color:#333; text-decoration:none;}
#proWrapper .text a:hover{ color:#f8600e; text-decoration:none}

/*Table Proeprties+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.thds { background-color:#eef0e5; border-bottom:1px solid #ff6c1a; font-weight:bold; font-size:13px; padding:5px}
.thds1 { background-color:#DADADA; border-bottom:1px solid #ff6c1a; font-weight:bold; font-size:13px; padding:5px}
.trs{ background-color:#edf0f2}
.trw{ background-color:#fff}
.trover{ background-color:#D7ECF7; cursor:pointer}
/*Footer Links -------------------------------------------*/
#footer { height: 34px; clear:both; font-size:11px; margin-top:10px;  padding-top:10px; padding-left:5px; padding-right:5px; background:url(../images/bg_footer.jpg) repeat-x; color:#FFFFFF}

.footer_links {width:600px; float:left; padding-top:4px; }
.footer_links a{color:#fff; text-decoration:none}
.footer_links a:hover{color:#000; text-decoration:none; text-decoration:underline}

.footer_links1 {width:200px; float:right;text-align:right; padding-top:4px}
.footer_links1 a{color:#a9daf0; text-decoration:none}
.footer_links1 a:hover{color:#fff; text-decoration:underline}

/*Image Gallery-------------------------------------------*/

#gallery_wrapper {float:left;  margin-top:10px; padding:6px; background-color:#FFFFFF}
#gallery_wrapper ul{ list-style:none}
#gallery_wrapper li{ float:left; margin:0px 5px 0px 5px}
#gallery_wrapper img a:hover { height:300px}

/* Thumbnail Viewr
**********************************/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}