/*
 *    Pingdynasty Site CSS
  */

/* general settings */
body { font-family:Tahoma, Geneva, Arial, Helvetica, Verdana, sans-serif; margin:0; font-size:11px; color:#fff; background-color:#cbd3c7 ; text-align: center;  /*font: bold; */}
img { border:0 }
ul{border:0px; padding:0px;margin-top:5px;margin-bottom:5px;margin-left:15px; }
td { font-size:11px; vertical-align:top; padding-right:5px;}
p { line-height:120%; margin-top:10px; margin-bottom:0px; }
p.Header { padding-left:4px; margin-top: 6px; padding-top:0px; padding-bottom:0px; padding-right:0px; }
.SmallText { font-size: 10px }
.Padder { padding:8px; }
b { font-family:Tahoma; }

/* menu and content settings */
#divContainer { width:780px; vertical-align: bottom; margin: 0px auto; position:relative; }
#divContent { width:780px; left:0px; position:absolute;  height:435px; top:36px; background-color: #cbd3c7; /*border: 1px solid #666666; */  padding-bottom: 5px; }
#divContent div { position:absolute; text-align:left; }


#ProjectsImage{ top: 120; left: 100; width:105; height:105; background-image: url(../images/vendue-crop.gif);	background-repeat: no-repeat; background-position: top left; text-align:left;}
#SiteImage{ top: 120; left: 250; width:105; height:105; background-image: url(../images/bullet-crop.gif);	background-repeat: no-repeat; background-position: top left; text-align:left;}
#ResourcesImage{ top: 120; left: 400; width:105; height:105; background-image: url(../images/tagbox-crop.gif);	background-repeat: no-repeat;background-position: top left; text-align:left;}
#AboutusImage{ top: 120; left: 550; width:105; height:105; background-image: url(../images/oxml-crop.gif);	background-repeat: no-repeat; background-position: top left; text-align:left;}


#ProjectsTitle{ top: 260; left: 100; width:120; height:40; background-image: url(../images/projects-title.gif);	background-repeat: no-repeat; background-position: top left; text-align:left;}
#SiteTitle{ top: 260; left: 250; width:120; height:40; background-image: url(../images/sites-title.gif);	background-repeat: no-repeat; background-position: top left; text-align:left;}
#ResourcesTitle{ top: 260; left: 400; width:120; height:40; background-image: url(../images/resources-title.gif);	background-repeat: no-repeat; background-position: top left; text-align:left;}
#AboutusTitle{ top: 260; left: 550; width:120; height:40; background-image: url(../images/aboutus-title.gif);	background-repeat: no-repeat; background-position: top left; text-align:left;}


#ProjectsListing{ top: 290; left: 100; width:120; height:100px; text-align:left;}
#SiteListing{ top: 290; left: 250; width:120; height:100px; text-align:left;}
#ResourcesListing{ top: 290; left: 400; width:120; height:100px; text-align:left;}
#AboutusListing{ top: 290; left: 550; width:120; height:100px; text-align:left;}


#PingdynastyLogo{ top: 400; left: 100; width:200; height:40px; text-align:left;background-image: url(../images/pingdynasty.gif);	background-repeat: no-repeat; background-position: top left; }


/* links */

a:link, a:visited,a:active { text-decoration:underline; color: #666666;}
a:hover { text-decoration:underline; color: #434343;}
a.GreyLink, a.GreyLink:visited, a.GreyLink:active { text-decoration:none; color: #666666;}
a.GreyLink:hover { text-decoration:underline; color: #434343;}
a.WhiteLink, a.WhiteLink:visited, a.WhiteLink:active{ text-decoration:none; color: #FFFFFF;}
a.WhiteLink:hover { text-decoration:underline; color: #FFFFFF;}


/* list tables */
/*
.ListTable { width: 375px; }
.ListTableSingleColumn { width: 184px; }
.ListTable td { padding-left:10px; font-size:10px; height:10px; padding-bottom:1px; }
.ListTable td.Title { width:65% }
.ListTable td.Icon { width:8%; padding-left:0; text-align: center }
.ListTable td.Details { width:92%; padding-left:0}
.Selected { background-color: #eeeeee;}
.Unselected { cursor:hand; }
.BulletTable td { font-size:10px; padding:2px; }
*/


/* dotted lines */
/*
.Dotted {	background-image: url(../images/dots.gif); background-repeat: repeat-x;	background-position: bottom; }
.DottedRight { background-image: url(../images/dots_vert.gif); background-repeat: repeat-y;	background-position: right; padding-right:8px; }
*/
