html {overflow: -moz-scrollbars-vertical !important; border:0px; padding:0px; margin:0px; text-align:center;}

body { margin-bottom:1px;
background:#FFFFFF;
}

div#out_wrapper {
width:860px; min-height:100%;  margin:20px auto; text-align:left; background-color:transparent; border:1px solid #ccc; overflow:hidden; padding:10px;
}

div#page_wrapper {width:840px; min-height:100%;  margin:0px auto; text-align:left; background-color:transparent;
}

div#header { float:left; height:auto; width:100%; margin:0px; padding:0px;/*background-color:#F7F6FE; */ border:0px solid blue;}


#top_menu {
float:left; height:28px; width:100%; margin:0px; padding:0px; overflow:hidden; z-index:100;
}
div.top_menu {float:left; padding:0px; height:28px; height:auto; width:100%; background-color:#640d81;}
ul#mainlevel-nav { padding:0px; margin:0px; float:left; white-space:nowrap; list-style-type:none;  }
ul#mainlevel-nav li {list-style-type:none; float:left; margin:0; font-size:12px; height:28px; line-height:28px; white-space:nowrap; margin-right:1px; padding:0px; background:#640D81; display:inline;}

ul#mainlevel-nav li a { font-family: Verdana, Arial, sans-serif;
   text-decoration:none;
   font-size: 11px;
   font-weight:bold;
   color:#fff;
   white-space:nowrap;
   line-height: 26px;
   border-right: 1px solid #FFF;
   /*border-left: 1px solid #FFF;*/
   display: block;
   height: auto;
   margin: 0px;
   padding: 2px 14px;
   background:#640D81;
   }
ul#mainlevel-nav li a:hover { color:#000000; background:#DBDDDE; margin: 0px;
   padding: 2px 14px;}

ul#mainlevel-nav li a#active_menu-nav {color:#640D81;  background:#D2B8D8; margin: 0px;
   padding: 2px 14px;}

#top_bar{float:left; height:22px; width:840px; color:#FFFFFF; background-color:#640d81; padding:4px 0px; overflow:hidden;}

#path {float:left; height:auto; width:40%; color:#FFFFFF; background-color:#640d81; padding:0px 0px 0px 4px; 
border:0px solid red; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif;}
#path a {color:#ccccff;}
span.pathway {color:#FFFFFF;}

/* This is the style for the small top menu */
#small_top_menu {
float:left; 
height:auto; 
width:auto; 
color:#000000; 
padding:0px; 
margin-top:10px;
border:1px solid red; 
overflow:hidden; 
text-align:left;
border:0px solid red;
}
.country{
float:left;
padding:0px;
border:0px solid blue;
width:auto;
text-align:left;
margin-top:9px;
}
ul#mainlevel-topnav { padding:0px; margin:0px; float:left; white-space:nowrap; list-style-type:none;  }
ul#mainlevel-topnav li {list-style-type:none; float:left; margin:0;  height:auto; white-space:nowrap; margin-right:1px; padding:0px; display:inline; border:0px solid blue; font-weight:normal; font-size:11px;}

ul#mainlevel-topnav li a { padding:0px 28px 0px 0px; margin:0px; text-decoration:none; color:#000; white-space:nowrap; display:block; color:#333; font-weight:normal; 	font-family: 'Trebuchet',Arial,sans-serif; background-color:trasparent;

}
ul#mainlevel-topnav li a:hover :link {  text-decoration:none; color:#9900CC; background-color:trasparent; white-space:nowrap; display:block;}
ul#mainlevel-topnav li a:visited {
text-decoration:none; color:#9C35D0; white-space:nowrap; display:block; background-color:trasparent;
}
/* end of code for small top menu */

div#mehdiward {
float:left; height:90px; width:838px;
background:#FFFFFF;
border-left:0px solid #CECBE3;
border-right:0px solid #CECBE3;
padding-top: 0px;
}

div#numbers {
float:left; height:12px; width:100%; margin-bottom:2px; padding:0px;
}

div.logo_header {
padding:20px 16px 0px 0px;
float:right; 
width:360px; 
height:auto; 
text-align:right; 
}

.slogan { padding:0px; margin-top:10px; color:#640D81;}

#topbanner {
float:left;
width:100%;
height:138px;
overflow:hidden;
background:url(../images/mehdiward_keyboard5.jpg) left top no-repeat;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #CECBE3;
border-left:1px solid #CECBE3;
}

#statement {
float:right;
width:400px;
height:138px;
background-color:#666666;
}

#banner_images {
float:left;
width:100%;
height:160px;
border:0px solid red;
}

div#contact {
float:left; 
width:420px; 
height:auto;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 4px;
/*background: url(../images/bg_contactIcons.jpg) bottom left no-repeat;*/
}
div.icons {
float:left;
margin-top:18px;
width:100%;
}

div.icons h2 {
font-size:17px;
line-height:21px;
font-family:'Tahoma', Arial, sans-serif;
font-weight:normal;
padding:0px;
margin:0px;
color:#660099;
}
span.email {
font-size:15px;
line-height:21px;
font-family:'Tahoma', Arial, sans-serif;
font-weight:normal;
padding:0px;
margin:0px;
color:#660099;
margin-left:12px;
}

h4.contact {color:#660099; padding-top:0px; margin:0px;}

div#horiz_image{float:left; width:780px; height:20px; margin:0px; padding:0px; background: url(../images/topshadow.gif) left no-repeat;}

div#allcontent { float:left; width:100%; height:100%; overflow:visible; margin:0px; padding-top:12px; background-color:#FFFFFF;  }
div#left_column {float:left; width:198px; height:auto; margin-top:4px; margin-right:8px; 
border:0px solid red;}


/* style for menu modules, do not have bg colour or border, links are different, etc */


.module-submenu { border-bottom:2px dotted #CCCCFF; background-color:#ffffff; width:100%; margin-bottom: 20px ; padding-bottom:4px;}

.module-submenu h3 { 
font-weight:bold;
color: #660099;
border-bottom:1px solid #CCCCFF;
text-align: left;

}
.module-submenu a.mainlevel {font-weight:normal; padding:6px 0px 6px 18px; border-top:1px dotted #CECBE3; font-size:12px; height:auto; margin:0px; display:block; text-decoration:none; color:#660099; line-height:23px; background: url(../images/purple_dot.gif) left no-repeat; }

.module-submenu a.mainlevel:hover {font-weight:normal; padding:6px 0px 6px 18px; border-top:1px dotted #CECBE3; font-size:12px; height:auto; margin:0px; padding-left:18px;  display:block; text-decoration:underline; color:#660099; line-height:23px; background: url(../images/orange_dot.gif) left no-repeat; }

.module-submenu a.mainlevel:visited {font-weight:normal; padding:6px 0px 6px 18px; border-top:1px dotted #CECBE3; font-size:12px; height:auto; margin:0px; padding-left:18px;  display:block; text-decoration:underline; color:#666666; line-height:23px; background: url(../images/orange_dot.gif) left no-repeat; }

.module-submenu a.mainlevel#active_menu {font-weight:bold; padding:6px 0px 6px 18px; border-top:1px dotted #CECBE3; font-size:12px; height:auto; margin:0px; padding-left:18px;  display:block; text-decoration:none; color:#000000; line-height:23px; background: url(../images/orange_dot.gif) left no-repeat; }

.module-submenu a.mainlevel:link {font-weight:normal; padding:6px 0px 6px 18px; border-top:1px dotted #CECBE3; font-size:12px; height:auto; margin:0px; padding-left:20px;  display:block; text-decoration:underline; color:#660099; line-height:23px; background: url(../images/orange_dot.gif) left no-repeat; }

.module-submenu a.sublevel{font-weight:normal; padding:6px 0px 6px 22px; border-top:1px dotted #CECBE3; font-size:11px; height:auto; margin:0px; display:block;padding-left:18px; text-decoration:none; color:#660099; line-height:23px; background: url(../images/orange_dot.gif) left no-repeat; margin-left:12px;}

.module-submenu a.sublevel:hover {font-weight:normal; padding:6px 0px 6px 22px; border-top:1px dotted #CECBE3; font-size:11px; height:auto; margin:0px; padding-left:18px;  display:block; text-decoration:underline; color:#660099; line-height:23px; background: url(../images/orange_dotsm.gif) left no-repeat; margin-left:12px;}

.module-submenu a.sublevel:visited {font-weight:normal; padding:6px 0px 6px 22px; border-top:1px dotted #CECBE3; font-size:11px; height:auto; margin:0px; padding-left:18px;  display:block; text-decoration:underline; color:#666666; line-height:23px; background: url(../images/orange_dotsm.gif) left no-repeat; margin-left:12px;}

.module-submenu a.sublevel#active_menu {font-weight:bold; padding:6px 0px 6px 22px; border-top:1px dotted #CECBE3; font-size:11px; height:auto; margin:0px; padding-left:18px;  display:block; text-decoration:none; color:#000000; line-height:23px; background: url(../images/orange_dotsm.gif) left no-repeat; margin-left:12px;}

.module-submenu a.sublevel:link {font-weight:normal; padding:6px 0px 6px 22px; border-top:1px dotted #CECBE3; font-size:11px; height:auto; margin:0px; padding-left:18px;  display:block; text-decoration:underline; color:#660099; line-height:23px; background: url(../images/orange_dotsm.gif) left no-repeat; margin-left:12px;}

/* end of style for menu modules */

div#content {float:left; width:374px; height:auto; padding:0px 28px; margin:4px 0px; /*border-left:2px dotted #CCCCFF; border-right:2px dotted #CCCCFF;*/}
div#content_med {float:left; width:576px; height:auto; padding:0px 28px 14px 28px; margin:4px 0px 4px 0px;/* border-left:2px dotted #CCCCFF; border-right:2px dotted #CCCCFF;*/ white-space:normal;}
div#content_long {float:left; width:auto; height:99%; padding:0px 28px; margin:4px 0px; /* border-left:2px dotted #CCCCFF;  border-right:2px dotted #CCCCFF; */ white-space:normal;}

div#right_column {float:right; width:194px; height:auto; margin-top:4px; margin-left:8px; border:0px solid black;}

div#advert {position:relative; top:8px; left:0px; width:150px; height:150px;padding:0px; margin:0px;}

div#partners {float:left; width:840px; height:100%; padding:10px; border-top: 2px dotted #CCCCFF; text-align:center; margin-top:10px;}

/*this is the style for the top boxes, describing services */

div#services {float:left; width:840px; height:auto; padding-bottom:10px; border-bottom: 2px dotted #CCCCFF; margin-top:10px;
text-align:left;}
div.serv {float:left; width:194px; height:auto; margin-top:0px; margin-right:20px; border:0px solid black;
}
div#lastbox {margin-right:0px}
div#lastbox2 {margin-right:0px}

/*     */
#bottominfo {float:left; width:840px; height:auto; overflow:hidden; border-top: 1px dotted #CCCCFF; margin-top:6px;}
#bottominfo2 {float:left; width:840px; height:auto; overflow:hidden; border-top: 1px solid #CCCCFF; background:#E1CCEB url(../images/bg_bottom_Contact3.gif) top repeat-x;}
div.news {float:left; width:270px; height:auto;  margin-right:15px;}

div#footer {float:left; width:840px; height:auto; margin:0px;/* background: url(../images/footer_bgr.gif) left repeat-x;*/ border-top: 2px dotted #CCCCFF;}
div#footer div#links_box {padding:0px; margin:10px 0px; width:748px; height:auto; text-align:left;}

div#footer div#links_box  a.mainlevel {margin-right:5px; padding-left:10px; font-size:10px; text-decoration:none; color:#7F9CBD; white-space:nowrap;}
div#footer div#links_box  a:hover.mainlevel {margin-right:5px; padding-left:10px; font-size:10px; text-decoration:underline; color:#666666; white-space:nowrap;}

div#footer div.bottom_box {position:relative; left:0px; top:0px; width:750px; height:7px; margin:0px; padding:0px; /*background:url(../images/bottomlinksbox.jpg) no-repeat;*/ z-index:auto;}
/*div.left_corner {position:relative; top:1px; left:0px; width:7px; height:7px; display:inline;}
div.right_corner {position:relative; top:1px; left:734px; width:7px; height:7px; display:inline;}*/

div#left_colum div#login {float:left; margin:3px; width:126px; height:auto; padding-left:8px; padding-top:4px; vertical-align: center; text-align:left; background-color:#660099; color:#FFFFFF;border: 1px solid #D9CEEE;}
div#login {padding:0px; margin:0px; float:left;  border:1px solid #CCCCFF; background-color:#F7F6FE;}
div#login form {color:#FFFFFF; padding-bottom:2px; margin:0px;}
div#login h3 {color:#FFFFFF; padding:4px 0px; margin:0px;}

#search {
float:right;
margin: 0px;
width: 180px;
height: auto;
padding:3px;
vertical-align: center;
text-align:right;

} 

div#homepage {float:right; width:550px; height:auto; padding:0px; margin:10px 0px; }
div.homecontent {float:left; width:548px; height:auto; padding:0px; margin:0px 4px 2px 0px; 
/*background:url(../images/small_box_header.gif) top left repeat-x;*/
}

img {
border:none;
}

div#banner {float:left; padding-bottom:12px; width:100%; height:100%;}
div#mainbody {float:left; width:100%; height:100%;}

/*this styles are applied if home page has a three column layout plus a large forth column */

#threecol {float:left; width:644px; height:auto; margin-bottom:12px;}
#long3col {float:left; width:620px; height:auto;  margin-bottom:8px;}
#sep3col {float:left; width:auto; border:0px solid #CCCCCC;}
#lastcol {float:right; width:194px;}

#callus {float:left; height:30px; font-size:18px; background-color:#FF6600; color:#FFFFFF; text-align:center; width:100%; margin:10px 0px; padding-top:4px;}
div.form {
width:514px;
height:254px;
background:url(../images/bg_form.jpg) top left no-repeat;
float:left;
padding:18px;
}


/* css for the cloud   */


#cloud
{
	margin: 0px;
	padding: 0px;
	/* width: 363px;  used for wide version */
	width: 840px;
	 /* background: url("../../../modules/cloud_middle.gif") repeat-y #efefef 0px 6px;  used for wide version */
	/*background: url("../../../modules/cloud_middle_skinny.gif") repeat-y 0px 6px;*/
	text-align: justify;
}
#cloud p
{
	margin: 0px;
	padding: 0px 15px;
	display: block;
	line-height: 28px !important;
	line-height: 36px;
}
#cloud p a
{
	margin: 0px;
	padding: 0px;
}
#cloud p a:hover
{
	text-decoration: none;
	
}
#pj_thinking
{
	/*background: url("../../../modules/pj_thinking_skinny.gif") no-repeat transparent;*/
	/* width: 310px;  used for wide version */
	width: 165px;
	/* height: 204px;  used for wide version */
	height: 96px;
	margin-top: 8px;
}
#pj_thinking p
{
	/* padding-top: 145px;  used for wide version */
	padding-top: 44px;
}