/* Mogul Template. Created by Dzinelabs. This sheet may be used freely. A link is appreciated though. */
/* Created February 2004 */

/* Not to confuse different browsers, we let them start from zero */ 
html, body {
   margin : 0;
   padding : 0;
}
 
body {
   font-family : "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   font-size : 76%; /* font sizing in ems. if you want to change anything, just change this.*/
   color : #a52a2a;
   width : 100%;
   background-image : url(../Images/mogulbckgr.jpg);
   background-repeat : repeat-x;
   text-align : center; /*center wrapper in IE5*/
   voice-family : "\"}\"";/*keeping the nav not centered*/
   voice-family : inherit;
   text-align : left;
 }

#leftheader {
   position : absolute;
   top : 0;
   left : 0;
   height : 131px;
   width : 270px;
   background : url(../Images/mogullogolft.jpg) no-repeat;
}

a:link {
   color : #494949;
   background : transparent;
   text-decoration : none;
}

a:visited {
   color : #666666;
   text-decoration : none;
}

a:hover {
   color : #a52a2a;
   text-decoration : underline;
}

a:active {
   color : #484500;
}

p {
   margin : 1.2em 0.5em 1.2em 0.5em;
   text-align : left;
}

img {
   border : none;
}

#wrapper {
   margin-left : auto;
   margin-right : auto;
   width : 778px;
   border : 1px solid #ffffff; /*to keep moz from removing left content on resizing*/
   margin-top : 1em;
   background : url(../Images/mogulwrapbckgr.jpg) no-repeat 38em 43em;
}

#navcontainer {
   margin-top : 132px;
   text-align : left; /*placing the nav flush to the left in moz*/
}

#navcontainer ul {
   margin : 0;
   padding : 0;
   white-space : nowrap;/*  not wrap the list to a new line when the window is reduced in width */
}

#navcontainer ul li {
   display : inline;
   width : 95px;
   margin-right : -4px;
}

#navcontainer ul li a {
   background : #c2c2e0;
   padding : 1px 30px 1px 30px;
   color : #484500;
   text-decoration : none;
   border-bottom : 1px solid #565656;
   border-right : 1px solid #565656;
   position : relative;
}

#navcontainer li a:visited {
   color : #666666;
   background : #9b9cc5;
}

#navcontainer ul li a:hover {
   color : #007101;
   background : #d5afa7;
}

#examplelist {
   text-align : left;
   width : 11em;
   margin : -9em 9em 1em 0;
   padding : 5px;
   float : right;
   display : inline; /*IE Doubled-Margin Float Bug*/
   border : 1px dotted #535590;
}

#examplelist ul {
   padding : 0;
   margin : 0;
}

#examplelist li {
   list-style : outside; /*same space in IE between image and text*/
   list-style-type : none;
   background : url(../Images/mogullistbullet.jpg) no-repeat 0 .3em;
   padding-left : 1.3em;
}

#block1 {
   margin : 3em 1em 1em 1em;
   width : 47%;
   border-right : 1px dotted #9b9cc5;
   border-bottom : 1px dotted #9b9cc5;
}

#block2 {
   float : right;
   margin : 3em 0 1em 1em;
   width : 47%;
   position : relative; /* peekaboo */
   border-left : 1px dotted #9b9cc5;
   border-bottom : 1px dotted #9b9cc5;
}

#block2pic {
   float : right;
   background : url(../Images/mogulgrlface.jpg);
   margin : 5px;
   width : 192px;
   height : 150px;
   margin-left : 10px;
   margin-right : 10px;
   margin-bottom : 10px;
}

#block3 {
   float : left;
   margin : 0 3em 1em 1em;
   width : 28%;
   background : url(../Images/mogulcombullet.jpg) no-repeat;
}

#block4 {
   float : left;
   margin : 0 0 1em 1em;
   width : 28%;
   background : url(../Images/mogulh1bullet.jpg) no-repeat;
}

#block5 {
   float : right;
   margin : 0 1em 1em 0;
   width : 28%;
   background : url(../Images/moguldlbullet.jpg) no-repeat;
}

#block3 p, #block4 p, #block5 p {
   margin : 2em 0.5em 1.2em 0.5em;
   text-align : left;
}

#footer {
   border-bottom : 1px solid #000;
   border-top : 1px solid #000;
   margin : 0 28px 0 25px;
   padding : 10px;
}

.break {
   line-height : 1px;
   font-size : 1px;
   clear : both;
   width : 100%;
}