@import url("basic.css.php");
/* ~Layout */
#wrapper2 {
margin: 0 0 0 200px;
padding: 0;
background: #fff;
}
/* ~Header */
.header {
height: 100px;
background: #000 url(border/image30.jpg) no-repeat bottom left;
}
h3 {
color: #800;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
h3.boxy {
padding: 5px 5px 5px 7px;
background: #EAF2F9;
border: 1px solid #DCE8F3;
color: #002688;
font-family: Arial, Helvetica, sans-serif;
}
.content ul {
margin: 0 0 1em 2em;
}
/* ~Breadcrumb */
#toolbar {
margin: 0;
padding: 0 0 5px 0;
background: #ededed;
border: 1px solid #ededed;
}
#breadcrumb {
margin: 0px 10px 0px 15px;
color: #666;
} 
#breadcrumb ul#crumbs { 
margin: 0;
padding: 4px 0 0px 0;
list-style: none; 
}
#breadcrumb ul#crumbs li { 
display: inline;
margin: 0;
padding: 0px;
}
#breadcrumb a:link, #breadcrumb a:visited {
margin: 0px;
padding: 0px;
background: transparent;
color: #333;
border-bottom: 1px solid #bbb;
border-left: none;
border-right: none;
border-top: none;
text-decoration:none;
}
#breadcrumb a:active, #breadcrumb a:hover {
margin: 0px;
padding: 0px;
background: transparent;
color: #800;
border-bottom: 1px solid #800;
border-left: none;
border-right: none;
border-top: none;
text-decoration:none;
}
/* ~Tools (upper right) */
#tools2 {
display: inline;
float: right;
width: 202px;
padding: 4px 2px 0px 0px;
background: #ededed;
}
#tools2 ul { 
display: inline; 
margin: 0;
padding: 0;
}
#tools2 li { 
display: inline; 
}
#tools2 a:link, #tools2 a:visited {
margin: 0px 1px 0 0;
padding: 0 6px;
background: #4468AA;
border: 1px solid #000;
color: #fff;
}
#tools2 a:active, #tools2 a:hover {
margin: 0px 1px 0 0;
padding: 0 6px;
background: #FCE1AC;
border: 1px solid #000;
color: #000;
}
#tools3 {
float: left;
width: 202px;
}
li#tools4 {
float: left;
margin-right: 5px;
}
ul#smenu1 {
position: absolute;
z-index: 100;
background: url(images/bkgr-tools-top.gif) repeat-x top left;
text-align: left;
margin: -1px 0 0 0;
padding: 12px 0 5px 0;
border-bottom: 1px solid #4468aa;
border-left: 1px solid #4468aa;
border-right: 1px solid #4468aa;
}
ul#smenu1:hover, ul#smenu1:active  {
background: url(images/bkgr-tools-top.gif) repeat-x top left;
}
#smenu1 li {
display: block;
list-style: none;
}
#smenu1 a:link, #smenu1 a:visited {
margin: 0px 4px 0 4px;
padding: 0 10px;
background: #fff;
border: 1px solid #8ac;
color: #000;
}
#smenu1 a:hover, #smenu1 a:active {
margin: 0px 4px 0 4px;
padding: 0 10px;
background: #FCE1AC;
border: 1px solid #000;
color: #000;
}
/* ~Content */
.content {
margin: 10px 20px;
}
.content h2 {
padding: 0;
margin: 12px 0 5px 0;
color: #002688;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: normal;
line-height: 1.3;
}
.content h2#withrunningtitle {
margin: 1px 0 5px 0;
}
.content h4 {
margin-bottom: 0;
padding-bottom: 0;
color: #002688;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
.content .inline {
display: inline; 
padding-right: 5px;
}
h3#runningtitle {
margin: 0;
padding: 0 0 0 0;
line-height:1em;
}
h3#runningtitle a:link, h3#runningtitle a:visited, h3#runningtitle a:active, h3#runningtitle a:hover {
margin: 0;
padding: 0;
background: #fff;
border: none;
border-bottom: 1px solid #aaa;
color: #002688;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
h3#runningtitle a:hover {
margin: 0;
padding: 0;
background: #fff;
border: none;
color: #800;
text-decoration: none;
border-bottom: 1px solid #800;
}
p.startpara {
margin-top: 0px;
}
p.boxy {
padding: 7px 5px 7px 12px;
background: #EAF2F9;
border: 1px solid #DCE8F3;
}
/* ~Content/Sidebar */
#sidebar {
float: right;
width: 190px;
margin: 10px 0px 8px 0;
}
#sidebarwider {
float: right;
width: 250px;
margin: 10px 0px 8px 0;
}
.seealso {
margin: 0 0 0 10px;
background: #f4f8f6;
border-bottom: 1px solid #dce8f3;
border-left: 1px solid #dce8f3;
border-right: 1px solid #dce8f3;
}
.seealso h4 {
margin: 0;
padding: 4px 4px 4px 10px;
background: #eaf2f9;
border-bottom: 1px solid #dce8f3;
border-top: 1px solid #dce8f3;
color: #002688;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: bold;
line-height: 1.1em;
text-transform: uppercase;
}
.seealso h5 {
margin: 0;
padding: 4px 4px 4px 10px;
background: #eaf2f9;
border-bottom: 1px solid #dce8f3;
color: #002688;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: 1.1em;
}
.seealso ul {
margin: 0;
padding: 0 10px 10px 10px;
}
.seealso li {
padding: 4px 0px 4px 0;
line-height: 1.2em;
list-style: none;
}
.seealso a {
border-bottom: 1px solid #aaa;
color: #333;
text-decoration: none;
}
#docphoto {
margin: 0 0 15px 10px;
}
.subsitemenu {
margin: 0 0 20px 10px;
background: #faf4e9;
}
.subsitemenu h3 {
margin: 0;
padding: 4px 4px 4px 19px;
background:  #800 url(images/bkgr-subsitemenu-top.gif) no-repeat top left;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: 1.1em;
text-transform: uppercase;
}
.subsitemenu h4 {
margin: 0;
padding: 4px 4px 4px 19px;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: 1.1em;
}
.subsitemenu ul {
margin: 0;
padding: 0 0 0px 0;
border-bottom: 1px solid #e7d9c0;
border-left: 1px solid #e7d9c0;
border-right: 1px solid #e7d9c0;
}
.subsitemenu li {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #faf4e9;
}
.subsitemenu ul li a {
display: block;
margin: 0;
padding: 3px 3px 3px 18px;
font-size: 1.1em;
text-decoration: none;
}
.subsitemenu a:link, .subsitemenu a:visited {
background: url(images/arrow-blue.gif) no-repeat top left;
border: none;
border-top: 1px solid #e7d9c0;
color: #4468AA;
line-height: 1.1em;
text-decoration: underline;
}
.subsitemenu a:hover, .subsitemenu a:active {
background: #002688 url(images/arrow-gray.gif) no-repeat top left;
border: none;
border-top: 1px solid #ddd;
color: #fff;
line-height: 1.1em;
text-decoration: underline;
}
.subsitemenu ul li.currentsubpage a:link, .subsitemenu ul li.currentsubpage a:visited, .subsitemenu ul li.currentsubpage a:hover, .subsitemenu ul li.currentsubpage a:active {
background: url(images/arrow-yellow.gif) no-repeat top left;
border-top: 1px solid #ddd;
color: #600;
text-decoration: none;
}
.subsitemenu p {
margin: 0px;
padding: 10px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.subsitemenu a.sidebarlink:link, .subsitemenu a.sidebarlink:visited {
background: #FAF4E9;
border: 1px solid #FAF4E9;
color: #20468d;
line-height:1.3;
}
.subsitemenu a.sidebarlink:hover, .subsitemenu a.sidebarlink:active {
background: #FAF4E9;
border: 1px solid #FAF4E9;
color: #800;
line-height:1.3;
}
/* set of alphabet links*/
p.alphalist {
margin: 5px 0 5px 0;
padding: 5px;
background: #EAF2F9;
border: 1px solid #DCE8F3;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 4px;
}
h4.alphalist {
margin: 0;
padding: 10px 0 0 0;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.7em;
line-height: 1;
}
dl {
margin: 0 0 15px 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 5px 20px;
}
.dropcap {
float:left;
margin: 0;
padding-top: 5px;
color: #080;
font-size: 7em;
line-height:.68em;
font-family: Times, serif;
}
img.floatright {
float: right;
margin: 0 0 10px 20px;
}
img.floatleft {
float: left;
margin: 0 20px 10px 0;
}
img.thumbleft {
float: left;
margin: 0 10px 10px 0;
}
/* ~Level 2-like bullets */
ul.biglist {
font-size: 1.1em;
margin-top: 5px;
}
ul.biglist ul {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
ul.biglist li {
list-style: none;
list-style-image: url(images/bullet-red-arrow.gif);
padding: 0 0 8px 0;
}
ul.biglist ul li {
list-style: none;
list-style-image: url(images/bullet-red-arrow.gif);
padding: 0;
}
ul.biglist li.secured {
list-style: none;
list-style-image: url(images/lock.gif);
padding: 0 0 8px 0;
}
ul.biglist a:link {
color: #002688;
border-bottom: 1px solid #999;
}
ul.biglist a:visited {
color: #639;
border-bottom: 1px solid #999;
}
ul.biglist a:hover, ul.biglist a:active {
color: #b00;
border-bottom: 1px solid #b00;
}
ul.medist {
font-size: 1.1em;
margin-top: 5px;
}
ul.medist li {
list-style: none;
list-style-image: url(images/arrow-dkred.gif);
padding: 0 0 3px 0;
}
ul.medist a:link {
color: #002688;
border-bottom: 1px solid #999;
}
ul.medist a:visited {
color: #639;
border-bottom: 1px solid #999;
}
ul.medist a:hover, ul.medist a:active {
color: #b00;
border-bottom: 1px solid #b00;
}
ul.medist ul {
margin-top: 0px;
margin-bottom: 0px;
}
ul.medist li.healthyblog {
list-style-image: url(images/bullet-apple.gif);
}