@charset "utf-8";
/* CSS Document */

/********** General Start **********/
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5e5f64; line-height:20px; padding:0; margin:15px 0 15px 0; background:#139FC3 url(bg.jpg) top left no-repeat;}
a{outline:none;}
a:link, a:visited{text-decoration:none; color:#5e5f64;}
a:hover{text-decoration:underline; color:#000066;}
p{padding:0; margin:5px 0 5px 0;}
h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:0; margin:5px 0 5px 0; color:#0000CC;}
ul{padding:0; margin:0; list-style:none;}
/********** General End **********/

/********** ID's Start **********/
div#outer_container{position:relative; width:840px; height:auto; margin:0 auto 0 auto;}
div#outer_c_top{width:840px; height:25px;}
div#outer_c_left{position:absolute; top:25px; left:0px;}
div#outer_c_right{position:absolute; top:25px; right:0px;}
div#inner_container{position:relative; width:780px; height:auto; margin:0 0 0 20px; background:#FFFFFF url(butterflies.gif) bottom left no-repeat; padding:10px;}
div#top_quicklinks{width:770px; padding:5px; text-align:right;}
div#header{position:relative; width:780px; height:120px; background:url(header.jpg) no-repeat; margin:0 0 10px 0;}
div#logo{position:absolute; top:0px; left:10px; width:250px; height:100px;}
#spacer{width:780px; height:10px; border-bottom:1px dotted #9a9897; margin:5px 0 0 0; clear:both;}
div#content_container{position:relative; width:780px; min-height:500px; height:auto !important; height:500px;}
div#column_left a:link, div#column_left a:visited, div#column_center a:link, div#column_center a:visited{font-style:italic; color:#000066; text-decoration:underline;}
div#content_container a:hover{text-decoration:none;}
div#column_main{float:left; width:420px; min-height:500px; height:auto !important; height:600px; background:url(column_main_bg.gif) top no-repeat; padding:20px; margin:0 auto 90px auto;}
div#column_left{float:left; width:220px; min-height:500px; height:auto !important; height:500px; background:url(column_left_bg.gif) top no-repeat; padding:20px 20px 20px 20px; margin-bottom:80px;}
#column_center{float:left; width:220px; min-height:500px; height:auto !important; height:500px; padding:20px; margin-bottom:30px;}
#column_right{float:left; width:220px; min-height:500px; height:auto !important; height:500px; padding:20px; margin-bottom:80px;}

#example, #example1, #example2, #example3, #example4 {
width:200px; height:23px; padding:77px 10px 0 10px; color:#FFFFFF;
}
#example a:link, #example a:visited, #example2 a:link, #example2 a:visited, #example3 a:link, #example3 a:visited, #example4 a:link, #example4 a:visited{font-style:normal; color:#FFFFFF; text-decoration:underline;}
#example a:hover, #example2 a:hover, #example3 a:hover, #example4 a:hover{text-decoration:none;}

#example {
background:url(sss_img.gif) no-repeat;
margin:8px 0 0 0; 
 }

#example2{background:url(whitenile_img.jpg) no-repeat; margin:20px 0 0 0; }
#example3{background:url(loubas_img.jpg) no-repeat; margin:20px 0 0 0;}
#example4{background:url(mggs_img.gif) no-repeat; margin:20px 0 0 0;}
/********** ID's End **********/

/********** Classes Start **********/
.box{width:220px; height:auto; padding:5px 0 5px 0; background:url(box.gif) top left no-repeat;}
.blue_bar{width:780px; height:10px; background-color:#000099; clear:both;}
.img_left{float:left; margin:0 10px 5px 0; border:1px solid #000066; padding:3px;}
.img_right{float:right; margin:0 0 5px 10px; border:1px solid #000066; padding:3px;}
.example_img{border:1px solid #000066; padding:3px;}
.list ul{margin:5px; padding:0; list-style:none;}
.list li{margin:0; padding:0 0 0 18px; background:url(bullet.gif) left center no-repeat;}
.center_img{margin-bottom:5px;}
/********** Classes End **********/

/********** Navigation Start **********/
#nav{padding: 0; width: 780px; height:33px; background: transparent; voice-family: "\"}\""; voice-family: inherit;}
#nav ul{font: bold 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none;}
#nav li{display:inline; margin:0 2px 0 0; padding:0;}
#nav a{float:left; color: white; background-color:#000066; margin:0 1px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px;}
#nav a span{float:left; display:block; padding:8px 18px 8px 19px;}
#nav a span{float:none;}
#nav a:hover{background-color: #000066;}
#nav a:hover span{background-color: #0293F0;}
/********** Navigation End **********/

/********** Footer Start **********/
#footer{position:relative; width:800px; height:auto; margin-left:20px;}
#footer_left{position:absolute; top:0; left:0; width:260px; padding:10px; color:#FFFFFF; clear:both; font-size:10px;}
#footer_right{position:absolute; top:0; right:0; width:200px; padding:10px; color:#FFFFFF; clear:both; font-size:10px; text-align:right;}
#footer_right a:link, #footer_right a:visited{text-decoration:none; color:#FFFFFF;}
#footer_right a:hover{text-decoration:underline; color:#FFFFFF;}
/********** Footer End **********/