html, body, form, ol, ul, li, input, textarea, select 
{ font-family: Verdana, sans-serif; 
  font-size: 10pt; 
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  background-color: #f0f0f0;
  height: auto;
}


h1, h2, h5{ color: black; font-family: Verdana, sans-serif;}
h1 {
font-size: 18px; 
font-variant: small-caps;
height: 21px; 
text-align: left;
border-bottom: 1px solid #222; 
}
h2 { color: black ; font-size: 15px; font-family: Verdana, sans-serif; font-weight:bold; line-height:80% }
h3 { color: black ; font-size: 13px; font-family: Verdana, sans-serif; font-weight:bold; line-height:80% }
h4 { color: black ; font-size: 11px; font-family: Verdana, sans-serif; font-weight:bold; line-height:80% }
h5 { color: black ; font-size: 10px; font-family: Verdana, sans-serif; font-weight:bold; line-height:80% }

ul , li { font-size: 70% ; font-family: Verdana, sans-serif; font-weight:bold}

.red { color: red }
.blue { color: blue }
.green { color: green }
.white { color: white }
.black { color: black }

.button{text-align: center; margin-left: 10px; margin-right: 10px;}
.orangebutton { color: white ; background-color: #ff6600; border: 2px solid white;}
.greybutton { color: black ; background-color: #ccc; border: 2px solid white;}

b { font-weight:bold; }
.bold { font-weight:bold; }
.strike { text-decoration:line-through;}

a:link { color: #000080;  font-weight:bold; text-decoration: none; }
a:visited { color: #000080; font-weight:bold; text-decoration: none; }
a:active { color: #000080; font-weight:bold; text-decoration: none;}
a:hover {color: #000080; font-weight:bold; font-style:normal; text-decoration: underline; }


#lftmenu li a {
	display: block;
	color: #000000;
	font-size: 9pt;
	font-family: Verdana, sans-serif; 
	font-weight: normal;
	font-style:normal;
	text-decoration: none; 
	text-align: right;
	width: auto}

#lftmenu ul {list-style: none;margin: 0; padding: 0; border: none; float:left;}
#lftmenu li {background-color: #e0e0e0; padding: 3px ; margin-bottom: 3px; border: 1px solid #e0e0e0; border-right: 4px solid #808080;}
#lftmenu li:hover {background-color: #a0a0a0; padding: 3px ;font-variant: small-caps; border-bottom: 1px solid #000; border-right: 4px solid #000;}

#lftmenu li.submenu {border-left: 10px solid #000; padding: 1px;}

#atomhtml li a small{
        display: block;
        color: #000000;
        font-size: 8pt;
        font-family: Verdana, sans-serif;
        font-weight: normal;
        font-style:normal;
	font-variant:small-caps;
        text-decoration: none;
        text-align: left;
        width: auto;}

#atomhtml ul {list-style: none;margin: 0; padding: 0; border: none; float:right;}
#atomhtml li {background-color: #e0e0e0; padding: 3px ; margin-bottom: 0px; border: 1px solid #e0e0e0; border-left: 4px solid #808080; border-right: 4px solid #808080;}
#atomhtml li:hover {background-color: #a0a0a0; padding: 3px ; border: 1px solid #000; border-left: 4px solid #000;  border-right: 4px solid #000;}

#atomhtml div {height: 1% ; width: 170px;}



h1.header {
    float: left;
    clear: right;
    margin-left:    0;
    text-align:     left;
    text-decoration:        none;
    color:          #ffffff;
    background:     #000000;
    border-top:     4px solid #cacaca;
    border-left:    4px solid #cacaca;
    border-right:   4px solid #9d9d9d;
    border-bottom:  4px solid #9d9d9d;
    padding:	    3px;
    font-family:    Verdana, sans-serif;
    font-weight:  bold;
    font-size: 16pt;


}

div.header {
    float: left;
    margin-left:    0;
    text-align:     left;
    text-decoration:        none;
    color:          #ffffff;
    background:     #000000;
    border-top:     4px solid #cacaca;
    border-left:    4px solid #cacaca;
    border-right:   4px solid #9d9d9d;
    border-bottom:  4px solid #9d9d9d;
    padding:	    3px;
    font-family:    Verdana, sans-serif;
    font-weight:  bold;
    font-size: 14pt;
    font-variant: small-caps; 

}

div.border{
    margin-left:    0;
    text-align:     left;
    text-decoration:        none;
    background:          #f0f0f0;
    border-top:     3px solid #c3c3c3;
    border-left:    3px solid #c3c3c3;
    border-right:   4px solid #a0a0a0;
    border-bottom:  4px solid #a0a0a0;
    font-family:    Verdana, sans-serif;

}

div.linx {
    margin-left:    0;
    text-align:     left;
    text-decoration:        none;
    background:          #e0e0e0;
    border-top:     3px solid #c3c3c3;
    border-left:    3px solid #c3c3c3;
    border-right:   4px solid #a0a0a0;
    border-bottom:  4px solid #a0a0a0;
    font-family:    Verdana, sans-serif;

}

/*

3 column fixed width layout from http://www.redmelon.net/tstme/3colfixed/

boxbody = boxleft + boxcenter
boxwrap = boxbody + boxright

Wed Nov 22 23:12:07 IST 2006  - Kingsly John
boxcenter reduced by 4px to overcome http://www.positioniseverything.net/explorer/italicbug-ie.html

*/


.boxwrap   { width: 920px; margin-left: auto; margin-right: auto; height: 1%;}
.boxbody   { width: 750px; float: left;  }
.boxcenter { width: 631px; float: right; }
.boxleft   { width: 115px; float: left;  }
.boxright  { width: 170px; float: right; }
.boxheader { width: 100%;  clear: both;  }
.boxfooter { width: 100%;  clear: both;  }

.boxclear  { clear: both; }

/* ie hack: */
     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: justify; }


/* formatting */
.boxwrap { text-align: justify; margin-bottom: 2em; }

/* box style */
/*
.boxwrap   { background: #efefef; }

.boxheader { background: #ffc; }
.boxfooter { background: #ffc; }
.boxcenter { background: #fcc; }
.boxleft   { background: #cfc; }
.boxright  { background: #ccf; }
*/



.small { 
	font-family: Verdana, sans-serif; 
	font-size: 8pt; 
 }

small { 
	font-family: Verdana, sans-serif; 
	font-size: 8pt; 
 }

.tiny {
	font-family: Verdana, sans-serif;
	font-size: 6pt;
 }

p{font-family: Verdana, sans-serif; 
font-weight: Normal; 
font-size: 10pt;
text-align: justify;
}


.right{text-align: right;}
.left{text-align: left;}
.center{text-align: center;}

li{font-family: Verdana, sans-serif; 
font-weight: Normal; 
font-size: 10pt;
text-align: justify;
}

div.footer{font-family: Verdana, sans-serif;
font-weight: Normal;
font-size: 10pt;
text-align: center;
width: 920px;
border-top: 1px solid #ccc;
color: #222;
}

img { border: 0;}

img.border{
    border-top:     3px solid #c3c3c3;
    border-left:    3px solid #c3c3c3;
    border-right:   4px solid #a0a0a0;
    border-bottom:  4px solid #a0a0a0;
}

img.photoborder{
	background: #000000;
	border:	1px solid #f0f0f0;
	padding: 6px ;
}

img.thumbborder{
        background: #000000;
        border: 1px solid #f0f0f0;
        padding: 4px ;
}

a.albums{
	display: block;
	padding: 2px;
	background: #000;
        color: #fff;
        font-size: 9pt;
        font-family: Verdana, sans-serif;
        font-weight: bold;
        font-style: normal;
	font-variant: small-caps;
        text-decoration: none;
        text-align: center;
	height: 25pt;
	width: 210px;
}

div.albums {
display: block;
float: left; width:220px;  text-align: center; height: 200px;
padding: 12px;
}


div.box{
    border:  3px groove #a0a0a0;
    padding: 5px;
    background: #c3c3c3
}

div.newsitem{
    border-top:     3px solid #c3c3c3;
    border-left:    3px solid #c3c3c3;
    border-right:   4px solid #a0a0a0;
    border-bottom:  4px solid #a0a0a0;
    padding: 5px;
    background: #f0f0f0
}
h4.headline { color: black; font-size: 11pt; font-family: Verdana, sans-serif; font-weight:bold; font-style:italic; line-height:80% ; border-bottom:  4px solid #a0a0a0;}


p.firstline:first-letter { font-size: 200%; font-style: italic; font-weight: bold; }
p.q {font-weight:bold;}

/* Inset 3D Curved http://www.webreference.com/programming/css_borders/3.html */
.inset {
  background:transparent;
  width: 220px;
  float: left;
  }
.inset h1, .inset p {
  margin:0 10px;
  }
.inset h1 {
  font-size:2em; color:#fff;
  }
.inset p {
  padding-bottom:0.5em;
  }
.inset img {
  margin:8px 8px 0px 8px;
  }
.inset a {
  display: block;
  background: #000;
  color: #fff;
  font-size: 9pt;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-variant: small-caps;
  text-decoration: none;
  text-align: center;
  width: 210px;
  }


.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {
  height:1px;
  }
.inset .b2 {
  background:#000; 
  border-left:1px solid #999; 
  border-right:1px solid #aaa;
  }
.inset .b3 {
  background:#000; 
  border-left:1px solid #999; 
  border-right:1px solid #ddd;
  }
.inset .b4 {
  background:#000; 
  border-left:1px solid #999; 
  border-right:1px solid #eee;
  }
.inset .b4b {
  background:#000; 
  border-left:1px solid #aaa; 
  border-right:1px solid #ccc;
  }
.inset .b3b {
  background:#000; 
  border-left:1px solid #ddd; 
  border-right:1px solid #fff;
  }
.inset .b2b {
  background:#000; 
  border-left:1px solid #eee; 
  border-right:1px solid #ccc;
  }
.inset .b1 {
  margin:0 5px; 
  background:#999;
  }
.inset .b2, .inset .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.inset .b3, .inset .b3b {
  margin:0 2px;
  }
.inset .b4, .inset .b4b {
  height:2px; margin:0 1px;
  }
.inset .b1b {
  margin:0 5px; 
  background:#ccc;
  }
.inset .boxcontent {
  display:block; 
  background:#000; 
  border-left:1px solid #999; 
  border-right:1px solid #ccc;
  }