/***
 * CSS code to support http://www..com
 * Last updated: 21 March, 2009
 * Xhtml/CSS Designed by: Samar Mahmoud
 * Contact Info:
 *      E-mail: <forever_successful@yahoo.com>
 ***/


/************* Defaults *******************/


* {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

body {
    padding: 3px 35px 31px 35px;
    text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
    background: #6BA8CD url(images/bg_body-repeat.png) repeat-x;
}

fieldset, img {
	border: none;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

:focus {
	outline: 0;
}


/**************** Global Classes *****************/


/*** floating classes ***/

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/*** rounded-boxes classes ***/

/* box1 start */
.box1 { background: #BBD6E3 url(images/rounded_boxes/bg_box1.gif) repeat-x; height: 100%; }
.box1 .lt1 { background: url(images/rounded_boxes/bg_box1_lt.gif) no-repeat left top; }
.box1 .rt1 { background: url(images/rounded_boxes/bg_box1_rt.gif) no-repeat right top; }
.box1 .lb1 { background: url(images/rounded_boxes/bg_box1_lb.gif) no-repeat left bottom; }
.box1 .rb1 { background: url(images/rounded_boxes/bg_box1_rb.gif) no-repeat right bottom; }
/* box1 end */



/**************** IDs and Inner Classes *******************/


/*** wrapper ***/

#wrapper {
    min-width: 782px;
    width: 78.2em;
    margin: auto;
    text-align: left;
    background: #FFF;
}

/*** header ***/

#header {
    position: relative;
    min-height: 78px;
    height: 78px;
    background: #FFF url(images/bg_header.gif) no-repeat right 1px;
    border-top: solid 12px #9BBACD;
    border-bottom: solid 7px #034E74;
}

#header .logo {
    margin: 18px 0 0 10px;
}

#header .tip {
    position: absolute; /* absolute, according to relative parent (moving in header) */
    right: 6px;
    bottom: 2px;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

/*** navigation ***/

#navigation {
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
}

#navigation .img,
#navigation .img img {
    min-width: 615px;
    width: 61.5em;
    min-height: 287px;
    height: 28.7em;
}

/*** main menu ***/

#navigation .menu {
    min-width: 165px;
    width: 16.5em;
    min-height: 287px;
    height: 28.7em;
    background: #71B5DB url(images/menu/bg_mainmenu-repeat.gif) repeat-x left bottom;
}

#navigation .menu ul {
    padding-top: 16px;
}

#navigation .menu li {
    font-size: 13px;
    color: #FFF;
}

#navigation .menu li a {
    display: block;
    padding: 7px 13px;
    color: #FFF;
}

/* IE6 hack */
* html #navigation .menu li a {
    height: 0;
}

#navigation .menu li a:hover,
#navigation .menu li.selected a {
    padding: 6px 13px;
    background: #62ABD3 url(images/menu/bg_mainmenu_hover-repeat.gif) repeat-y;
    border-top: solid 1px #86BEDD;
    border-bottom: solid 1px #86BEDD;
}

/*** content ***/

#content {
    padding: 11px 20px 11px  30px;
    margin-bottom: 1px;
    background: #FFF url(images/bg_content-repeat.gif) repeat-x;
}

.inside #content {
    padding: 17px 27px 24px  15px;
}

#content h1 {
    margin: 7px 0 11px 0;
    font-size: 16px;
    font-weight: bold;
    color: #006699;
}

.inside #content h1 {
    margin-left: 13px;
    font-size: 14px;
    color: #003164;
}

#content h2 {
    margin: 22px 0 7px 0;
    font-size: 12px;
    font-weight: bold;
    color: #006599;
}

#content p 
{
    font-size: 12px;
    font-weight: normal;
    color: #006699;
}

#content .main {
    min-width: 510px;
    width: 51em;
    padding: 0 32px 32px 0;
    background: url(images/horizontal_line-repeat.gif) repeat-y right top;
	height:290px;
}

#content .main2 {
    width: 625px;
    padding: 0 0px 32px 0;
	margin-left:50px;
	text-align:justify;
	min-height:290px;
   
}

#content ul li {
    list-style:disc;
    font-size: 11px;
    color: #003366;
    margin-left: 13px;
	padding-bottom:5px;
}
.inside #content .main {
    position: relative;
    left: -1px;
    min-width: 562px;
    width: 56.2em;
    background: none;
    padding: 0;
}

.inside #content .main .inner {
    padding: 35px 27px;
    min-height: 170px;
}

* html .inside #content .main .inner {
    height: 170px;
}

#content .sub {
    position: relative;
    left: -2px;
    min-width: 159px;
    width: 15.9em;
    padding: 0 0 24px 24px;
    background: url(images/horizontal_line-repeat.gif) repeat-y left top;
}

#content .sub a {
    font-size: 12px;
    font-weight: normal;
    color: #006599;
}

#content .sub a:visited {
    font-size: 12px;
    font-weight: normal;
    color: #006599;
}
.inside #content .sub {
    left: 0;
    min-width: 174px;
    width: 17.4em;
    padding: 0;
    background: none;
    border-right: solid 1px #80ADC6;
}

/*** sub menu ***/

#content .menu li {
    font-size: 11px;
    color: #006599;
}

#content .menu li a {
    display: block;
    padding: 6px 13px;
    color: #006599;
}

/* IE6 hack */
* html #content .menu li a {
    height: 0;
}

#content .menu li a:hover,
#content .menu li.selected a {
    padding: 5px 13px;
    background: #7FADC6 url(images/menu/bg_submenu_hover-repeat.gif) repeat-y;
    color: #FFF;
    border-top: solid 1px #A8D4ED;
    border-bottom: solid 1px #A8D4ED;
}

/*** footer ***/

#footer {
    padding: 6px 13px;
    background: #006599;
    border-top: solid 1px #034E74;
}

/* IE6 hack */
* html #footer ul {
    height: 0;
}

#footer li {
    float: right;
    margin-left: 16px;
    padding-bottom: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
}

#footer li.copyright {
    float: left;
    margin: 0;
}

#footer li a {
    color: #FFF;
    padding-bottom: 1px;
}

#footer li a:hover {
    color: #9BBACD;
    border-bottom: dotted 1px;
}

.technology {
    font-size: 6px;
    font-weight: normal;
    color: #006699;
}
.error {
    font-size: 12px;
    font-weight: bold;
	color: #FF0000
}
.privacy 
{
    font-size: 6px;
    font-weight: normal;
    color: #006699;
}

.tech_links a {
    font-size: 12px;
    font-weight: normal;
    color: #006699;
}

.tech_links a:hover {
    font-size: 12px;
    font-weight: bold;
    color: #006699;
}

.tech_links a:visted {
    font-size: 12px;
    font-weight: normal;
    color: #006699;
}