﻿

html, body{margin: 0; border: 0; padding: 0;}

body{
padding-bottom: 20px;
background: #fff no-repeat fixed 50% 80%;
font-size: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#feedback{
	background-color: transparent;
	color: #666;
}

* html h6 {height: 1%;}

a{
color : #036;
text-decoration : underline;
}

#content a:hover, #content a:focus {
	background-color: #DBE4F2;
	text-decoration : none;
}
	
#rightcol a, #infodiv a {
	text-decoration: none;
	}

#rightcol a:hover, #rightcol a:focus{
	background-color: #DBE4F2;
	text-decoration : none;
	}
/*End default link styles*/


#nav {
color: #fff;
position: absolute;
left: 0;
top: 60px;
width: 100%;
height: 19px;
padding: 0px;
white-space: nowrap;
}

#blue {
	background: #036;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	height: 19px;
}

#subbar {
	position: absolute;
	top: 89px;
	left:0;
	border: 1px solid #036;
	border-width: 1px 0;
	z-index: 0;
	background-color: #EFF2F8;
	height: 17px;
	width: 100%;
	font-size: 14px;
}

p
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#navlist {
list-style: none;
padding: 2px 0;
margin: 0 0 3px 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
height: 21px;
width: 100%;
}

#navlist li{
display: inline;
margin: 0;
padding: 0;
}

#navlist a {
margin: 0;
padding: 0 1px 0 0;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
}


/*** The following support the css image rollovers on the main menubar (#navlist) ***/

.home-icon a { color:White; font-size:8pt; width: 60px;}

/*** These allow only Opera 6 to see the spans, because Op6 fails to show the BG's on the links. ***/

head:first-child+body #navlist span {display: none;} /*** This hack hides from all but Op7 and Moz. ***/

head:first-child+body #navlist img {display: inline;}

#navlist .home-icon a:hover {color: #d6efef;}

/************** Start of left subnavbar ********************/

.subgroup {
margin: 0;
padding: 0;
position: absolute;
left: 40px;
top: 32px;
}

.subgroup li {
color: #fff;
display: inline;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 3px;
padding: 4px 0 3px;
}

* html .subgroup li { /*** IE/win needs this, but Moz must not see it. ***/
position: relative;
}

.subgroup a {
padding: 3px 5px;
border: 2px solid; 
border-color: #e4e4e4 #777 #666 #c8c8c8;
background: #bdbdbd;
text-decoration: none;
font-weight: bold;
color: black;
}

.subgroup a:hover, .subgroup a:focus {
border-color: #404050 #b8b8c8 #c8c8d8 #707080;
background: #F3F7FF;
}

#ac a {color: #000; background: #65BEEE;}

#ac a:hover, #ac a:focus {color: #4E94BA; background: #FFF;}

/************** End of left subnavbar ********************/

/************** Right subnav **************************/

#gennav { /*** for all IE. ***/
	margin: 0;
	padding: 0;
	position: absolute;
	top: 31px;
	right: 1em;
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
} 

/*This comment hides following from IE5/mac, but Opera6/7 gets this. \*/
html>body #gennav {
	left: 0;
	right: auto;
}
/* end mac hide. IE/win also fails to see above code. */

html[xmlns] #gennav { /*** For gecko only. ***/
	right: 1em;
	left: auto;
}

#gennav li {
 display: inline;
 margin: 0;
 padding: 6px 0 3px;
}

#gennav a {
	color: #036;
	padding: 5px; 
	text-decoration: none;
	margin: 0;
}

#gennav a:hover, #gennav a:focus {
	color: #000;
	text-decoration: underline;
}

#gennav img {
	width: .5em; 
	height: .5em
	}

.logo{
     position: absolute;
     top: 0px;
     left: 0px;
	 z-index: 2;
}
#banner {
	position: absolute;
	right: 15px;
	top: 15px;
	border: 1px solid #036;
	margin-right: -8px;
	z-index: 0;
	}

/***XXXXXXXXXXXXXXXXXX End of menu and header XXXXXXXXXXXXXXXXXXX***/

/***XXXXXXXXXXXXXXXXXX Left column XXXXXXXXXXXXXXXXXXXXXXX***/

#infodiv{
	position: absolute;
	top: 135px;
	left: 7px;
	width: 10em;
	/*border: 1px solid #036;*/
	z-index: 1;
	/*background-color: #E6EAF3;*/
	background-color: transparent;
	color: #036;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#infodiv h6 a#articles:hover,
div#infodiv h6 a#articles:focus {
color: #fff;
cursor: text;
text-decoration: none;}

#infodiv ul{
	margin: 0; 
	padding: 0;
	background-color: #E6EAF3;
	border-right: 1px solid #036;
	border-left: 1px solid #036;
}

#infodiv li{
	list-style: none;
	font-size: 0.8em;
	background-color: #E6EAF3;
	color: #036;	
	/*padding: 0 2px 0 0;
	margin: 0 0 5px 0;*/
	padding: 0 2px 5px 0;
	margin: 0;
	border-top: 1px solid #036;
	}

html[xmlns] #infodiv li {
	line-height: 1.3em;
} 

#infodiv h6{
	color: #fff;
	font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 1px 0px 5px 0px;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
	border: 1px solid #036;
	border-bottom-width: 0;
}

#infodiv div{
	clear: left;
}

#infodiv p{
	text-align: center; 
	margin: 0 0 0 -20px; 
	padding: 4px 0 2px;
}

#infodiv img{
	float: left;
	margin: 4px 0 2px 3px;
	clear: left;
	border: 0;
	display: block;
}

#infodiv p img{
	float: none;
	border: 0;
	margin: 0; 
	vertical-align: middle;
}

#infodiv a{
	display: block; 
	margin-left: 28px;
	position: relative;
}

/*hack for disappearing border in the infodiv with IE6*/
/* hide from IE5-mac\*/
* html #infodiv li {p\osition: relative;} 
* html #infodiv img {p\osition: relative;} 
* html #infodiv a {he\ight: 1%;}
/* end hide */

#infodiv h6 a{
	margin-left: 0;
	color: #FFF;
	}
	
#infodiv a:hover, #infodiv a:focus {
	color: #69902D; 
	text-decoration: underline; 
	}
	
#infodiv h6 a:hover, #infodiv h6 a:focus {
	color: #65BEEE;
	text-decoration: none;
	}
	
#infodiv h5{
    color: #036;
    font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 1px 0px 5px 0px;
    margin: 0;
    background: #036 url(/images/linklg.jpg) repeat-x;
    border: 1px solid #036;
}

#infodiv h5 a{
    margin-left: 0;
    color: #036;
    }
    
#infodiv h5 a:hover, #infodiv h5 a:focus {
    color: #4C7099;
    text-decoration: underline;
    }

#skiplinks {
	color: #036;
	margin: 10px 0 0 7px;
	background: #E6EAF3;
	border: 1px solid #036;
}
#skiplinks h6{
	color: #fff;
	font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 1px 0px 1px 0px;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
}

#skiplinks ul{
	margin: 0; 
	padding: 0;
}

#skiplinks li{
	list-style: none inside;
	font-size: 0.8em;
	background-color: #E6EAF3;
	color: #036;	
	/*padding: 2px 2px 0 0;
	margin: 0 0 5px 0;*/
	padding: 2px 2px 5px 0;
 	margin: 0;
	border-top: 1px solid #036;
	}

#skiplinks a {
	margin-left: 5px;
	text-decoration: none;
	}
	
#skiplinks a:hover, #skiplinks a:focus {
	color: #69902D; text-decoration: underline; 
	}

html[xmlns] #skiplinks .last {border-bottom: 1px solid #036; }
/*html[xmlns] #skiplinks {margin-bottom: 1px;}*/

#VeritySearch{
margin-bottom: 30px;
	
}

#searchdiv {
	color: #036;
	margin: 12px 0 15px 0;
	background: #E6EAF3;
	border: 1px solid #036;
	border-top: 0;
	text-align: center;
	font-size: 0.8em;
}

#searchdiv form input{
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	margin: 4px 0 0 0;
	border: 1px solid #036;
	color: #036;
}


#searchdiv form{
	padding: 0;
	margin: 0;
}

#searchdiv h6{
	color: #fff;
	font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 1px 0px 5px 0px;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
}
	
/***XXXXXXXXXXXXXXXXXXX End left column XXXXXXXXXXXXXXXXXXXXXXXX***/

/***XXXXXXXXXXXXXXXXX Start main column XXXXXXXXXXXXXXXXXXXXXXX***/

#todaysdiv {
	color: #036;
	margin: 0 0 15px 0;
	background: #E6EAF3;
	border-bottom: 1px solid #036;
	z-index: 10;
}

#todaysdiv ul{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #036;
}


#content{
	margin: 2em 11.5em 2em 11.5em;
	color: #363636;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1{
	font: normal 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #036; 
	margin-top: 0px;
	margin-bottom: 0px;
}

#content h2{
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #036; 
	margin-top: 10px;
	margin-bottom: 15px;
}

#content p{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content td {
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background-color: transparent;
}

#content .outerdiv h4 {margin-top: 0;}

#content h2.itemhead {
	padding: 3px 10px 3px 10px;
	color: #FFF;
	font-size: 1.2em;
	border: solid #036 1px;
	background: #036 url(/images/headlg.jpg) repeat-x;
}
#content ul, #content ol {
font: 0.8em/130%  Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content .featuredheading {
	color: #69902D;
	font-weight: bold;
}
img.right {
	float: right; 
	border: 0; 
	margin: 0 0 15px 15px;
}
#content td ul, #content td ol {
 font-size: 100%;
}
#content td p {
font-size: 100%;
}
.dropit{
	padding-bottom:30px;
	margin-bottom: 30px;
}

.articletitles{
	font-weight: bold;
	color: #669900;
	background-color: transparent;
}


#content h3{
	background-color: transparent;
	color: #333;
	font:  1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 20px 6px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px dashed #666; 
}

#content .dotit{
	border-bottom: 1px dashed #666; 
	padding-bottom: 10px;
	margin-top: 7px;
}

#content .line{
	border-bottom: 1px solid #036; 
	padding-bottom: 10px;
	margin-top: 7px;
}

#content h4{
	background-color: transparent;
	color: #036;
	font:  bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 20px 6px 0px 0px;
	padding: 20px 0px 0px 0px;
}


#content .outerdiv a {
	text-decoration:none;
}
#content .outerdiv a:hover {
	background-color:#DBE4F2;
}
	
#content .blog a {
	text-decoration:underline;
	}

/***XXXXXXXXXXXXXXXXX Right column XXXXXXXXXXXXXXXXXXXXXXX***/

#rightcol{
	position: absolute;
	right: 15px;
	top: 135px;
	margin-right: -8px;
	width: 10em;
}

#rightcol h4{
	color: #FFF;
	font:  bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 0px 5px 0px;
	text-align: center;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
	border-top: solid 1px #036;
}

#rightcol .sides { 
	border-left: 1px solid #036;
	border-right: 1px solid #036;
	border-top: 1px solid #036;
	margin-top: 15px;
	}

#rightcol .button{
	width: 100px;
	background-color: #EFF2F8;
	border: 1px solid #036; 
	color: #036;
}


.features{
    margin: 0;
    padding: 0;
	border-left: 1px solid #036;
	border-right: 1px solid #036;
}

.features li{
	border-bottom: 1px solid #036;
	color: #666;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 6px;
	list-style: none;
	margin: 0;
	padding: 3px;
	background: #EFF2F8;
}

.features li img{
	float: right;
	border: 0;
	margin: 5px 2px 0 4px;
}

.features a{
	width: 100%;
	display: block;
}

#signupdiv{
	background: #CEDBED;
	color: #036;
	padding: 0px;
	border: 1px solid #036;
	border-top-width: 0;
	z-index: 1;
	margin: 0px 3px 0px -5px;
}

#signupdiv form{
     text-align: center;
     margin-top: 0;
     }
	
#signupdiv form input{
	/*width: 150px;*/
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	margin: 4px 0px 0px;
	border: 1px solid #036;
	color: #036;
}

#signupdiv a {
	text-decoration: underline;
	font: 0.95em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	}

#signupdiv a:hover, #signupdiv a:focus {
	text-decoration: none;
	font: 0.95em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	

	
#pollingdiv{
	background: #CEDBED;
	color: #036;
	padding: 0px;
	border: 1px solid #036;
	border-top-width: 0;
	z-index: 1;
	margin: 15px 0px;
}

#pollingdiv form input{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	margin: 4px 0px 0px;
	border: 1px solid #036;
	color: #036;
}

/* RSS SELECTORS */

#rssfeed {
	text-align: center;
	border: 1px solid #036;
	background-color: #EFF2F8;
	border-top-width: 0;
	margin-top: 15px;
}

#rssfeed h4 {
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	background: #036 url(/images/headlg.jpg) repeat-x;
	margin: 0;
	padding: 1px 0px 5px 0px;
}

#rssfeed p {
	margin: 5px 0;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #036;
} 

#rssfeed a {
	text-decoration: underline;
	}

#rssfeed a:hover, #rssfeed a:focus {
	text-decoration: none;
	}

#menufooter {
	list-style: none;
	text-align: center;
	margin: 2em 0 1em;
}

#menufooter li {
	display: inline;
}

#menufooter a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

#menufooter a:hover, #menufooter a:focus {
	background-color: #DBE4F2;
	text-decoration: none;
}

.footer {
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666;
}

#favdiv{
	position: static;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	border-left: 1px solid #036;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
	margin-top: 15px;
	}
	
#favdiv h5{
    color: #036;
    font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 1px 0px 5px 0px;
    margin: 0;
    background: #036 url(/images/linklg.jpg) repeat-x;
    border-top: 1px solid #036;
}

#favdiv h5 a{
    margin-left: 0;
    color: #036;
    }
    
#favdiv h5 a:hover, #favdiv h5 a:focus {
    color: #4C7099;
    text-decoration: underline;
    }

#favdiv h4{
	color: #FFF;
	font:  bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 0px 5px 0px;
	text-align: center;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
	/*border-top: solid 1px #036; */
}

#favdiv h4{
	color: #FFF;
	font:  bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 0px 5px 0px;
	text-align: center;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
	/*border-top: solid 1px #036; */
}

#favdiv h6{
	color: #FFF;
	font:  bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 0px 5px 0px;
	text-align: center;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
	border-bottom: solid 1px #036; 
	border-top: 1px solid #036;
}

#favdiv p{
	color: #036;
	background-color: transparent;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 3px 0 0;
	padding-left: 10px;
}


#favdiv form input{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	margin: 4px 0px 0px;
	border: 1px solid #036;
	color: #036;
}

#favdiv form{
	margin: 0px;
	padding-bottom: 7px;
	text-align: center;
}

#favdiv a {	
	text-decoration: underline;
	}
	
#favdiv a:hover, a:focus {
	background-color: transparent; /*#EFF2F8*/
	}
	
#favdiv li{
	list-style: none;
	font-size: 0.8em;
	background-color: #E6EAF3;
	color: #036;	
	/*padding: 0 2px 0 0;
	margin: 0 0 5px 0;*/
	padding: 0 2px 5px 0;
	margin: 0;
	border-top: 1px solid #036;
	}
	
#favdiv ul{
	margin: 0; 
	padding: 0;
	background-color: #E6EAF3;
}

#favdiv a{
	display: block; 
	margin-left: 5px;
	position: relative;
	text-decoration: none;
}

#favdiv a:hover, #favdiv a:focus {
	color: #69902D; 
	text-decoration: underline; 
	}
	
#favdiv h6 a{
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
	}
	
#favdiv h6 a:hover, #favdiv h6 a:focus {
	color: #65BEEE;
	text-decoration: none;
	background-color: transparent;
	}
	
#purchaseform {
	padding: 0 0 220px;
	margin: 20px auto 0;
	width: 550px;
	border: 1px solid #036;
	background: #005F9F url(/images/xmashouses.jpg) no-repeat right bottom;
}
#articlecontent #purchaseform .tableborder td {
	padding: 4px;
}
#articlecontent #purchaseform .tableborder {
	width: 500px;
	margin: 0 auto;
	padding: 15px 0 0;
	border: none;
}

#articlecontent #purchaseform input {
	border: 1px solid #036;
	background: #FFF;
	color: #036;
	padding-left: 3px;
}
#articlecontent #purchaseform input:focus {
	background: #036;
	color: #FFF;
	border: 1px solid #FFF;
}
#articlecontent #purchaseform select {
	border: 1px solid #036;
}
#articlecontent #purchaseform input.button {
	background: #E13318;
	color: #FFF;
	border-top: 1px solid #ccc;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #ccc;
	text-align: center;
}	
#articlecontent #purchaseform .tableborder label {
	margin-left: 5px;
	text-align: right;
	color: #FFF;
}
	
		
	#recent{
	position: static;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	border-left: 1px solid #036;
	border-right: 1px solid #036;
	/*border-bottom: 1px solid #036;*/
	margin-top: 15px;
	}
	
#recent h5{
    color: #036;
    font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 1px 0px 5px 0px;
    margin: 0;
    background: #036 url(/images/linklg.jpg) repeat-x;
    border-top: 1px solid #036;
}

#recent h5 a{
    margin-left: 0;
    color: #036;
    }
    
#recent h5 a:hover, #recent h5 a:focus {
    color: #4C7099;
    text-decoration: underline;
    }

#recent h4{
	color: #FFF;
	font:  bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 0px 5px 0px;
	text-align: center;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
	/*border-top: solid 1px #036; */
}

#recent h6{
	color: #FFF;
	font:  bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 0px 5px 0px;
	text-align: center;
	margin: 0;
	background: #036 url(/images/headlg.jpg) repeat-x;
	border-bottom: solid 1px #036; 
	border-top: 1px solid #036;
}

#recent p{
	color: #036;
	background-color: transparent;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 3px 0 0;
	padding-left: 10px;
}


#recent a {	
	text-decoration: underline;
	}
	
#recent a:hover, a:focus {
	background-color: transparent; /*#EFF2F8*/
	}
	
#recent li{
	list-style: none;
	font-size: 0.8em;
	background-color: #E6EAF3;
	color: #036;	
	/*padding: 0 2px 0 0;
	margin: 0 0 5px 0;*/
	padding: 0 2px 5px 0;
	margin: 0;
	border-top: 1px solid #036;
	}
	
#recent ul{
	margin: 0; 
	padding: 0;
	background-color: #E6EAF3;
	border-bottom: 1px solid #036;
}

#recent a{
	display: block; 
	margin-left: 5px;
	position: relative;
	text-decoration: none;
}

#recent a:hover, #recent a:focus {
	color: #69902D; 
	text-decoration: underline; 
	}
	
#recent h6 a{
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
	}
	
#recent h6 a:hover, #recent h6 a:focus {
	color: #65BEEE;
	text-decoration: none;
	background-color: transparent;
	}
	
#halloween {
	background-color: transparent;
    font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
}	

#halloween img {
	margin-bottom: 20px;
}	
#paris {
	background-color: transparent;
    font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
}	

#paris h2 {
	font: normal 1.6em Arial, Helvetica, sans-serif;
	color: #036; 
	margin-top: 10px;
	margin-bottom: 15px;
} 
#paris img {
	margin-bottom: 20px;
}		
	
.floatleft{
	float: left;
	margin-right: 15px;
}

.floatright{  /*new for JoJo*/
    float: right;
    margin-left: 15px;
    }

.bios{
	border-bottom: 1px dashed #666;
	padding-bottom: 20px;
	margin-bottom: 30px;
}


#calendar{
	margin: 2em 2em 2em 2em;
	color: #363636;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.memberinfo{
	color: #036;
	background-color: transparent;
}

	
#articlecontent .jim {
	width: 500px;
	margin: 0px;
	padding: 0px;
	align: center;
} 

#articlecontent .jimbkgd{
	background-image: url(/content/source/AA4BF46FF1DA26F6/main.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #000066;
}

/*End of one off rules */



/***************** Styles from here down are from authors and handle the main article content area (articlecontent div) *****************/

#articlecontent{
	margin: 5em 2em 2em 11.5em;
	color: #363636;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#articlecontent p, blockquote{
	font: 0.8em/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#articlecontent a:hover, #articlecontent a:focus {
	background-color: #DBE4F2;
	text-decoration : none;
}

#articlecontent h1{
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #036; 
	margin-bottom: 0px;
}

#articlecontent h2{
	font: Bold 1em Arial, Helvetica, sans-serif;
	color: #036;
	margin-top: 40px;
}

#articlecontent h3{
	background-color: transparent;
	color: #036;
	font: bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 20px 0px 0px 0px;
}
#articlecontent h4{
	background-color: transparent;
	color: #036;
	font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 20px 0px 0px 0px;
}
#articlecontent h5{
	background-color: transparent;
	color: #036;
	margin: 5px 0;
	font: normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

#articlecontent .outerdiv h4 {margin-top: 0;}

#articlecontent h2.itemhead {
	padding: 3px 10px 3px 10px;
	color: #FFF;
	font-size: 1.2em;
	border: solid #036 1px;
	background: #036 url(/images/headlg.jpg) repeat-x;
}

#articlecontent #borderdiv{ 
	height: auto;
	width: auto;
	border: 1px solid #036;
	padding: 20px;
	margin-bottom: 50px;
	margin-top: 50px;
}

#articlecontent caption{
	background-color: #DBE4F2;
 	border: 1px solid #036;
	color: #036;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	width: 95%;
	/*margin: 10px 0 10px 0;*/
	padding: 3px 0 3px 0;
}

#articlecontent dl{
	background-color: transparent;
	color: #000;
	font-size: 0.8em;
	list-style: outside;
	padding: 5px;
}

#articlecontent dt{
	color: #4C7099;
	font-size: 1.0em;
	list-style: outside;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color: transparent;
}

#articlecontent em{
	font-style: italic;
}

#articlecontent fieldset{
	padding: 10px;
}

#articlecontent legend{
	background-color: transparent;
	color: #036;
	font: 1.0em bold Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

#articlecontent ul#set{
	margin-top:0;
	margin-bottom: 10px;
	}
#articlecontent ul#set li{
	list-style-type: none;
	}
	
#articlecontent li{
	padding-top: 5px;
}

#articlecontent ol li{
	background-color: transparent;
	list-style: decimal outside;
}

#articlecontent ul {font: 0.8em  Verdana, Geneva, Arial, Helvetica, sans-serif;}

#articlecontent ol {font: 0.8em  Verdana, Geneva, Arial, Helvetica, sans-serif;}

#articlecontent ul ul, #articlecontent ul ol, #articlecontent ol ol, #articlecontent ol ul {font-size: 100%;}

#articlecontent ul li{
	background-color: transparent;
	list-style: square outside;
}
#articlecontent .boldtext{
	font-weight: bold;
}
#articlecontent .smalltext{
	background-color: transparent;
	color: #000;
	font-size: 0.7em;
}

#articlecontent .tableborder{
	border: 1px solid #036;
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#articlecontent table{
	width: 95%;
	margin-bottom: 5px;
}

#articlecontent .tabulartable{
 border: 1px solid #036;
 border-collapse: collapse;
	border-bottom-width: 0;
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
     /*padding: 3px;*/
}

#articlecontent .tabulartable td{
	border: 1px solid #036;
	border-collapse: collapse;
}


#articlecontent .tabulartable p{
	font-size: 1.0em;
}

#articlecontent td{
	/*background-color: #FFF;*/
	color: #363636;
	font: .9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 3px;
}

#articlecontent th{
	background-color: #CEDBED;
    border-bottom: 1px solid #036;
	color: #036;
	font: .9em Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-weight: 500;
	padding: 4px;
}

#articlecontent .tip{
	background-color: #99B5E1;
	border: 1px solid #036;
	color: #000;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-right: 0px;
	padding: 5px;
	width: auto;
}

#articlecontent .warning{
	color: #F00;
	border: 1px solid #F00;
	background-color: #EFF2F8;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-right: 0px;
	padding: 5px;
	width: auto;
}

#articlecontent .inlinewarning {
	color: #F00;
	background-color: #EFF2F8;
}

#articlecontent .code{
	background-color: #FEFCF5;
	border: 1px solid #036;
	color: #333;
	font: 0.9em "Lucida Console", "Courier New", Courier, monospace;
	letter-spacing: 1px;
	margin: 15px 0px 15px 0px;
	padding: 15px;
	line-height: 130%;
	width: auto;
}

#articlecontent li .code{
	font-size: 1em;
}

#articlecontent li .tip{
	font-size: 1em;
}
#articlecontent li pre{
	font-size: 1em;
}

#articlecontent li .warning{
	font-size: 1em;
}

#articlecontent .impcode{
	background-color: #DBE4F2;
	padding: 2px;
	margin-top: 40px;
	position: relative;
}
#articlecontent .plaincode{
	color: #333;
	font: 1.1em  "Courier New", "Lucida Console", Courier, monospace;
	background-color: #FCF7E2;
	letter-spacing: .1em;
}

#articlecontent .inlineimp {
	color: #036;
	background-color: #DBE4F2;
}

#articlecontent .colth{
	border-right: 1px solid #036;
 width: 18%;
 }

#articlecontent li p {
	font-size: 1em;
}

#articlecontent .edging{
	border: 1px solid #333;
}
#articlecontent li.tip, #articlecontent li.warning, #articlecontent li.code{
	font-size: 100%;
}

/* \*/ 
* html #articlecontent .hollyhack {height: 1%;} 
/* */ 

#articlecontent a.newrollover:hover {
background-position: -140px 0 !important;
color: #fff !important;
}

#articlecontent ul.newrollover a:hover {
background: none transparent !important; 
}

#articlecontent a.newrollover2:hover {background-position: 0 -50px !important;}

#articlecontent br.newrollover2clear {
	clear: both; 
	height: 0; 
	margin: 0; 
	font-size: 1px; 
	line-height: 0;
	}
	
#articlecontent ul.newrollover2underline a:hover {text-decoration: underline;}

#articlecontent p.newrollover2footnote {
	margin: 2em 1em; 
	border: 2px dashed #ccd9ee; 
	padding: .5em;
	}
	
#articlecontent .tooltip1 a:hover span { 
display: inline !important; 
}

#articlecontent .tooltip2 a:hover span {
display: block !important;
background: #fdd;
border: 1px solid red;
}

#articlecontent .toolbox a:hover span {
display: block !important;
position: absolute;
background: #fdd;
color: #000;
border: 1px solid red;
}	

.editorsuggestions{
	background-color: #ADD8E6;
	color: #036;
	font-weight: bold;
}	

.authorresponse{
	color: #FFF;
	background-color: #036;
	font-weight: bold;
}



/* apply this class to anything that must have a white
background this prevents the item from looking odd as
it scrolls past the watermark on the site.*/

.edging{
	border: 1px solid #333;
}

pre {
	font: 13px "Courier New", Courier, mono;
	color: #333333;
}
#cartoon {
	margin-top: 60px;
}

#colorchart td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #FFFFFF;
}

#colorchart table {
	width: 504px;
	border: none;
	padding: 2px;
	margin-top: 60px;
}


/********** Ends the author's information *************/

.text1 
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.Questions
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.back
{
	color: #000099;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.MsoNormal .Symbol
{
	font-size: 7.5pt;
	color: black;
	font-family: Symbol;
}
.MsoNormal .Text
{
	font-size: 12px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ReqText
{
	font-size: 8.5pt;
	color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content p.shw
{
	font-size: 14px;
	font-weight: bold;
}
#content table.AddSite
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
ul.Articles
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: -3px;
}