/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Styles the html elements
 **************************************************************/
html {
height:100%
}

body {
height:100%;
text-align:center;
font:400 0.8em verdana, arial, sans-serif;
line-height:170%;
background:#666 url(../images/bg/header.jpg) repeat-x top left;
color:#EEE;
margin:0;
padding:0
}

h1 {
clear:both;
font:700 1.8em "trebuchet ms", serif;
background-color:inherit;
color:#FFF
}

h2 a {
background-color:inherit;
color:#29E3FF
}

h3 {
font:700 1.5em "trebuchet ms", serif;
background-color:inherit;
color:#F39F01
}

h4 {
font:700 1.5em "trebuchet ms", serif;
background-color:inherit;
color:#FF4B33
}

h5 {
font:700 1.5em "trebuchet ms", serif;
background-color:inherit;
color:#00BBEA
}

h6 {
font:700 1.5em "trebuchet ms", serif;
background-color:inherit;
color:#A1FF45
}

.ded {
text-align:center;
background-color:transparent;
border:0;
width:480px;
font-size:100%;
color:#fff;
margin:2px auto 15px;
padding:8px 10px;
padding-left:25px
}

.ded2 {
float:left;
background-color:transparent;
border:0;
color:#fff;
padding-left:13px
}

.big {
font:700 1.8em "trebuchet ms", serif;
background-color:inherit;
color:#FFF
}

#scrollbox {
width:520px;
height:523px;
margin-left:0;
background-color:#444;
color:#000;
overflow:auto;
border:2px solid #000
}

#containerright {
width:auto;
height:40em;
background:#444;
color:#fff;
overflow:auto;
border:#000 5px solid;
padding:10px
}

.small a {
font:700 0.85em "trebuchet ms", serif;
background-color:inherit;
color:#AAA
}

.small a:hover {
font:700 0.85em "trebuchet ms", serif;
background-color:inherit;
color:#fff
}

#contactus {
overflow:hidden;
width:178px;
margin:20px 0 0
}

#contactus a {
display:block;
height:37px;
text-indent:-9999px
}

#button a {
background:url(../images/contact.gif) no-repeat
}

#contactus #button a {
background-position:0 0
}

#contactus #button a:hover {
background-position:0 -37px
}

.warning .ctrl {
background-color:inherit;
border:2px #000 dotted;
width:400px;
font-size:100%;
color:#fff;
margin:0 auto 25px;
padding:7px 15px
}

* html div.warning {
text-align:center
}

* html div.warning .ctrl {
text-align:left
}

.center {
text-align:center;
color:#fff;
background-color:inherit
}

.right {
text-align:right;
color:#fff;
background-color:inherit
}

.passport {
float:right;
background-image:url(../images/passport3.gif);
background-repeat:no-repeat;
background-color:inherit;
width:404px;
height:158px;
margin-top:60px;
color:#333
}

.no1 {
float:right;
background-image:url(../images/no1.gif);
background-repeat:no-repeat;
background-color:inherit;
width:277px;
height:135px;
padding-left:80px;
color:#333
}

.ctact {
float:right;
background-image:url(../images/visabus.gif);
background-repeat:no-repeat;
background-color:transparent;
width:280px;
height:147px;
margin-top:10px;
padding-left:80px;
color:#333
}

h1,h2,h3,h4,h5,h6,p,dl {
margin:0;
padding:10px 15px
}

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,.leftColumn h2,.leftColumn h3,.leftColumn h4,.leftColumn h5,.leftColumn h6,.leftColumn p,.leftColumn dl {
padding-left:0
}

a {
background-color:transparent;
color:#8BE6FA
}

/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */
a:hover {
background-color:transparent;
color:#FFF
}

ol,ul {
margin:10px 30px;
padding:0 30px
}

ol {
background-color:inherit;
color:#FC0
}

ol span {
background-color:inherit;
color:#EEE
}

ul {
list-style-image:url(../images/bg/bullet.gif)
}

del {
background-color:inherit;
color:#AAA
}

code {
display:block;
overflow:auto;
font:400 1em courier, monospace;
color:#fff;
line-height:120%;
white-space:pre;
background:#444;
margin:10px 15px;
padding:10px
}

.leftColumn code {
margin-left:0
}

acronym {
cursor:help;
border-bottom:1px solid #777
}

dt {
background-color:inherit;
font-weight:700;
color:#FFB323
}

dd {
margin-left:0;
padding-left:45px
}
/**************************************************************
  menu-images
 **************************************************************/
 .menu {
background:#555 url(../images/bg/bg.gif) repeat top left; padding-left:5px;width:12em;border:#000 1px solid
}

.menu1 {
background-image:url(../images/wink_link.gif);
background-repeat:no-repeat;
width:88px;
height:31px;
}

.menu2 {
float:left;
background-image:url(../images/feedburnlist.gif);
background-repeat:no-repeat;
width:30px;
height:40px;
}

.menu3 {
float:left;
background-image:url(../images/tecfeedlist.gif);
background-repeat:no-repeat;
width:30px;
height:40px;
}

.menu4 {
float:left;
background-image:url(../images/delfeedlist.gif);
background-repeat:no-repeat;
width:30px;
height:40px;
}

.menu5 {
float:left;
background-image:url(../images/googlereader.gif);
background-repeat:no-repeat;
width:30px;
height:40px;
}

.menu6 {
background-image:url(../images/wink_link.gif);
background-repeat:no-repeat;
width:30px;
height:40px;
}

.menu7 {
background-image:url(../images/wink_link.gif);
background-repeat:no-repeat;
width:30px;
height:40px;
}

.menu8 {
background-image:url(../images/wink_link.gif);
background-repeat:no-repeat;
width:88px;
height:31px;
}

 
 
 
 
/**************************************************************
  images
 **************************************************************/
.entryphoto {
float:left;
border:1px solid #F39F01;
background-color:inherit;
color:#333;
margin:5px 10px 10px 0;
padding:3px
}

.entryphoto2 {
float:right;
border:1px solid #F39F01;
background-color:inherit;
color:#333;
margin:5px 10px 5px 15px;
padding:3px
}

.entryphoto3 {
border:1px solid #5AB600;
background-color:inherit;
color:#333;
margin:5px 10px 10px 0;
padding:3px
}

.entryphoto3b {
border:0;
background-color:transparent;
color:#333;
margin:5px 5px 5px 0;
padding:1px
}

.entryphoto4 {
border:0 solid;
background-color:inherit;
color:#333;
padding:1px
}

.entryphoto5 {
border:0;
background-color:transparent;
color:#333;
padding:0
}

.entryphototop {
float:right;
border:0;
background-color:transparent;
color:#333;
margin:10px 0 -5px;
padding:0
}

.entryphoto6 {
border:1px #444 solid;
background-color:#000;
color:#333;
margin:5px 0 -5px;
padding:0
}

.entryphoto6a {
border:0;
background-color:transparent;
color:#333;
margin:5px 0 -5px;
padding:0
}

.entryphoto7 {
float:left;
border:0;
background-color:inherit;
color:#333;
margin:5px 10px 10px 0;
padding:0
}

.entryphoto8 {
float:right;
border:1px solid #444;
background-color:inherit;
color:#333;
margin:5px 10px 10px 0;
padding:0
}

.entryphoto9 {
float:right;
border:1px solid #BA00FB;
background-color:inherit;
color:#333;
margin:5px 10px 10px 0;
padding:3px
}

.entryphoto10 {
float:right;
border:1px solid #555;
background-color:inherit;
color:#333;
margin:5px 10px 10px 0;
padding:0
}

/**************************************************************
  Form
 **************************************************************/
input.search {
width:12em;
border:0;
background:#666 url(../images/imput5.gif) no-repeat;
color:#FFF;
font:normal 1em Arial, Sans-Serif;
padding:2px 5px
}

input.submit {
background:#666 url(../images/search.gif) no-repeat;
border:0;
width:58px;
cursor:pointer;
color:#444;
font-family:Verdana, sans-serif;
padding:4px 0
}

blockquote.quote {
background-image:url(../images/icons/quote.gif)
}

blockquote.exclamation {
background-image:url(../images/icons/exclamation.gif)
}

blockquote.stop {
background-image:url(../images/icons/stop.gif)
}

blockquote.at {
background-image:url(../images/icons/at2.gif)
}

blockquote.go {
background-image:url(../images/icons/go.gif)
}

blockquote.support {
background-image:url(../images/icons/support.gif)
}

blockquote.call {
background-image:url(../images/icons/telephone.gif)
}

blockquote.links {
background-image:url(../images/icons/ulinks.gif)
}

blockquote.info {
background-image:url(../images/icons/info.gif)
}

blockquote.bus {
background-image:url(../images/icons/time.gif)
}

/**************************************************************
   Images
 **************************************************************/
img.floatRight {
margin:5px 0 10px 15px
}

img.floatLeft {
margin:5px 15px 0 0
}

hr.cleaner {
border:none;
clear:both;
height:1px;
visibility:hidden;
margin:-1px 0 0;
padding:0
}

h2,.boulder {
font:400 1.5em "trebuchet ms", serif;
background-color:inherit;
color:#9FF3FF
}

h2 a:hover,b {
background-color:inherit;
color:#FFF
}

blockquote,blockquote.blank {
padding-left:32px;
background-color:#444;
background-repeat:no-repeat;
background-position:5px 50%;
color:#fff;
margin:10px 15px
}

.displaynone {
	display:none;
}
.off,#accessibility,.Invisible {
display:none
}

abbr span,abbr,acronym {
font-weight:700;
border-bottom:1px dotted #000;
cursor:help
}



a.info{
position:relative;
z-index:24; background-color:#FFFF00;
color:#000;
text-decoration:none}

a.info:hover{z-index:225; background-color:#ff0}

a.info span{display: none}

a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #FF0000;
background-color:#FF00FF; color:#000;
text-align: center}