body
{
background-color:#FFFFFF;
width: 912px;
margin-left: auto;
margin-right: auto;
}

p {font-size: 13px;}
p.normal {font-family: Verdana, sans-serif; font-style:normal; font-size: 11px; color:Black; text-align:left}
p.text {font-family: Verdana, sans-serif; font-style:normal; font-size: 13px; color:Black; text-align:left}
p.small {font-family: Verdana, sans-serif; font-size: 0.625em; font-style:normal; color:Black}
p.bold {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style:normal; font-weight:bold; color:Black}
p.title {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style:normal; font-weight:bold; color:Navy}
p.navy {font-family: Verdana, sans-serif; font-style:normal; font-size: 13px; color:Navy}
p.bullet {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style:normal; font-weight:bold; color:Black}
p.yellow {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style:normal; font-weight:bold; color:Yellow}
p.silver {font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; font-style:normal; color:Silver}
p.grey {font-family: Verdana, sans-serif; font-style:normal; color:#808080}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; font-weight:bold; color:Navy; text-align:left}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; font-weight:bold; color:Navy; text-align:left}

ul.bullet {list-style-type:disc; font-family: Verdana, sans-serif; font-size: 13px; font-style:normal; color:Black}
ul.indent {list-style-type:circle;}

tr.text {font-family: Verdana, sans-serif; font-size: 13px; font-weight:normal; color:black}
tr.white {font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none; background: none; color:white}
tr.yellow {font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none; background: none; color:yellow}
tr.header16 {font-family: Arial; font-size: 16px; font-weight: bold; text-decoration: none; background: none}


tr.header {font-family: Arial, sans-serif; font-size: 16px; font-weight:bold; text-decoration: none; color:white}
tr.header a:link {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color:#808080}
tr.header a:visited {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color:#808080}
tr.header a:hover {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color:Navy}

tr.main {font-family: Verdana; font-size: 13px; font-weight: normal; text-decoration: none; background: none; color:black}
tr.main a:link {font-family: Verdana; font-size: 13px; font-weight: normal; text-decoration: underline; background: none; color:#00007F}
tr.main a:hover {font-family: Verdana; font-size: 13px; font-weight: normal; text-decoration: underline; background: none; color:#808080}

/* a {font-family: Verdana; font-size: 0.75em; font-weight: normal; text-align:center; text-decoration: none; color: Blue}
a:hover {font-family: Verdana; font-size: 0.75em; font-weight: normal; text-align:center; text-decoration: underline; color: Blue} */

div.appslinks a {font-family: Verdana; font-size: 10px; font-weight: normal; text-decoration: none; color: Black}
div.appslinks a:hover {font-family: Verdana; font-size: 10px; font-weight: normal; text-decoration: none; color: Blue}

div.sitenav a {font-family: Verdana; font-size: 0.75em; font-weight: normal; text-align:center; text-decoration: underline; background: white; color: Black}
div.sitenav a:hover {font-family: Verdana; font-size: 0.75em; font-weight: normal; text-align:center; text-decoration: underline; background: white; color: Blue}

div.prodlinks a {font-family: Verdana; font-size: 13px; font-weight: normal; text-align:center; text-decoration: none; color:#0000C0}
div.prodlinks a:hover {font-family: Verdana; font-size: 13px; font-weight: normal; text-align:center; text-decoration: underline; color:#0000FF}

div.pagelinks a {font-family: Verdana; font-size: 13px; font-weight: normal; text-align:center; text-decoration: none; background: Silver; color: Black;}
div.pagelinks a:hover {font-family: Verdana; font-size: 13px; font-weight: normal; text-align:center; text-decoration: none; background: Silver; color: Blue;}

div.bookmark a {font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none; background: blue; color:white}
div.bookmark a:hover {font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none; background: blue; color:yellow}

div.banner a {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color:silver}
div.banner a:hover {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color:white}


#blue ul 
{
list-style-type:none;
padding:0px;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style:normal;
font-weight:bold;
color:Black
}

#blue ul .alt
{
list-style-type:none;
padding:0px;
margin:0px;
font-family: Verdana, sans-serif;
font-size: 13px;
font-style:normal;
font-weight:normal;
color:Black
}

#blue li
{
background-image: url(http://www.atomicprogramming.com/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
padding-left: 24px; 
}

#blue li.alt
{
background-image: url(http://www.atomicprogramming.com/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
padding-left: 24px; 
}


#menu, #menu ul {
	font-family: Verdana;
	font-size: 13px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align:center;
}

#menu a {
	display: block;
	/*width: 10em;*/
	text-decoration: none;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 5px 5px 5px 5px;
	background: #000040;
	margin-left: 1px;
	white-space: nowrap;
	text-align:center;
}

#menu li {
	float: left;
	width: 10em;
}

#menu li ul {
	position: absolute;
	text-decoration: none;
	display: block;
	width: 10em;
	left: -999em;
	text-align:center;
	
}

#menu li ul a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	padding: 5px 5px 5px 5px;
	margin-left: 1x;
	white-space: nowrap;
	background: #666666;
	text-align:center;
}

#menu li a:hover { background: #6699FF; }/*highlighted  menu items*/
#menu ul li a:hover { background: #6699FF; } /* highlighted  drop down list items*/

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	
}

/********************/
/* EXPANDABLE LIST  */
/********************/
#listContainer{
  margin-top:15px;
}

#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#c0;
}
#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
	color:c0;
}

/* Collapsed state for list element */
#expList .collapsed {
    background-image: url(../img/collapsed.png);
	color: Blue;
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url(../img/expanded.png);
}
#expList {
    clear: both;
}

.listControl{
  margin-bottom: 15px;
}
.listControl a {
    border: 1px solid Blue;
    color: #555555;
    cursor: pointer;
    height: 1.5em;
    line-height: 1.5em;
    margin-right: 5px;
    padding: 4px 10px;
}
.listControl a:hover {
    background-color:Silver;
    color:#222222; 
    font-weight:normal;
}