/* Default CSS Stylesheet for a new Web Application project */
body {
	font-family: "Verdana,Trebuchet MS", Helvetica, sans-serif;
	color: #464646;
	bpadding: 10px;
	bmargin: 10px;
}

.td7 {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #aaaaaa 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaaaa 1px solid; FONT-FAMILY: arial
}
.th7 {
	font-weight:normal; BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #aaaaaa 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaaaa 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #dedede 
}
	.td8 { PADDING-LEFT: 5px; FONT-SIZE: 10px; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #ffffff }
	.td8l { PADDING-LEFT: 5px; FONT-SIZE: 10px; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #ffffff }
	.td8r { BORDER-RIGHT: gray 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10px; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: #ffffff }


#coolmenu{
background-color: #B6D7FF;
border: 1px solid #777777;
width: 150px;
}

#coolmenu a{
color: #555555;
border-bottom: 1px solid gray;
font: bold 13px Verdana;
padding: 4px;
padding-left: 4px;
display: block;
width: 150px;
text-decoration: none;
}

#coolmenu a.selectted{
color: #ffffff;
background-color: #397EC1;
font: bold 13px Verdana;
padding: 4px;
padding-left: 4px;
display: block;
border-bottom: 1px solid gray;
}

#coolmenu a:hover{
color: #333333;
background-color: #4BA7FF;
}

html>body #coolmenu a{
width: auto;
}

table.wrapper
{
    background-color: #ffffff;
	width: 810px;
	height: 100%;
	border: 0px ;
}

td.sepbar {background: #8795AF; height:2px;}


/* Top Menu */
#coolmenu2{
background-color: #E5E8EE;
border: 1px solid #777777;
width: 810px;
}
#coolmenu2 a{
color: #555555;
font: bold 11px Verdana;
border-right: 1px solid gray;
padding: 4px;
padding-left: 4px;
display: inline;
width: 115px;
text-decoration: none;
}
#coolmenu2 a.selectted{
color: #ffffff;
background-color: #8796AD;
font: bold 11px Verdana;
padding: 4px;
padding-left: 4px;
display: inline;
border-right: 1px solid gray;
}
#coolmenu2 a:hover{
color: #ffffff;
background-color: #8796AD;
}

#coolmenu3{
border: 1px solid #777777;
width: 200px;
}


.demo1 {
margin-left:3px;
width: 807px;
}
.demo1 a{
	color: #333333;
	font: bold 11px Verdana;
    text-decoration: none;
    background-color: #E5E8EE;
	width:112px;
	height:21px;
	border:outset 2px buttonface;
	margin-right:3px;
	padding-left:5px;
	padding-top:1px;
	vertical-align:middle;
	display:inline;
	
	bbackground:buttonface url(http://www.midnightkite.com/images/menubgover.gif)  50% 50% x-repeat;
	bbackground:buttonface url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif) 50% 50% no-repeat;
}

.demo1 a:hover{
	color: #ffffff;
	background-color: #8796AD;
	border-color:white;
	bbackground:buttonface url(http://www.midnightkite.com/images/menubg.gif)  50% 50% x-repeat;
	bbackground-image:url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif);
}

.demo1 a:active, .demo1 a:focus{
	border-style:inset;
	outline:none;
	bbackground-image:url(http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif);
}

#menubar
{
    background-color: #E6E7E9;
    border: 1px solid #929292;
    width: 160px;
 	    fONT-SIZE: 12px;
}
#mainmenu
{
	padding: 5px;
    width: 160px;
 	    fFONT-SIZE: 12px;
}
#mainmenu ul
{
	padding: 0px;
	margin: 0px;
}
#mainmenu .primary
{
	list-style-type: none;
 	    FONT-SIZE: 14px;
}
#mainmenu .primary li
{
  	display: block;
  	padding: 4px 7px 3px 20px;
  	margin-bottom: 1px;
	bbackground: url(images/active-not.gif) top left repeat-x #777777;
}


#mainmenu .primary a
{
  	color: #FFFFFF;
  	font-weight: bold;
	font-size: .93em;
}
#mainmenu a, #mainmenu a:link, #mainmenu a:visited, #mainmenu a:active
{
	text-decoration: none;
}
#mainmenu a:hover
{
	text-decoration: underline;
}

#mainmenu .primary .active
{
	background: url(images/active.gif) top left repeat-x #777777;

}

#mainmenu .primary .blank
{
	background: #E6E7E9;

}

#mainmenu .secondary .active
{
	background: #bbbbbb;
	padding:3px;
}

#mainmenu .secondary
{
	padding: 5px 0px 0px 22px;
	list-style: square outside url(images/arrow_boxed.gif);
}

#mainmenu .secondary li
{
	margin-bottom: 4px;
 	    FONT-SIZE: 14px;
}
#mainmenu .secondary a
{
	color: #464646;
	font-size: .83em;
}
*:first-child+html #mainmenu .secondary /* IE7 */
{
	padding-left: 16px;
}
*:first-child+html #mainmenu .secondary li /* IE 7 */
{
	padding-left: 4px;
}
* html #mainmenu .secondary /* IE6 & below */
{
	padding-left: 16px;
}
* html #mainmenu .secondary li /* IE6 & below */
{
	padding-left: 4px
}

		#titlebar 
		{
			color: #330066;
		}
		#menu .primary li
		{
			background-color: #330066;
			color: #ffffff;
		}


#titlebar
{
	border: 1px solid #929292;
	background: url(images/titlebar_bkgrd.gif) top left repeat-x #D7D8DB;
	padding: 0px 10px 0px 0px;
	margin-bottom: 6px;
}
td.date
{
 	FONT-SIZE: 13px;
	font-weight: bold;
	color: #656666;
	margin: 0px;
	text-align: right;
	padding-right: 10px;
}
td.welcome
{
	padding-left: 10px;
 	FONT-SIZE: 18px;
	font-weight: bold;
	color: #330066;
	margin: 0px;
	text-align: left;
}


a {color:#224488;}
a:visited {	color: #224488; text-decoration: underline}
a:active { color: #224488; text-decoration: underline}
a:hover { color: #330066; text-decoration: underline}


.cal { background: #330066 url(images\cal_bg.jpg) repeat-x; }

.calborder { 
  background: #ffffff;
  border: 1px solid #330066;
}

.cal {
  color: #fff;
  text-align: center;
  line-height: 1em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
  padding: 1px;
  width: 2.9em;
}

.calborder {
  display: inline;
  padding: 1px;
  float: left;
  margin-right: 1em;
}

.cal span { display: block; }

.cald {
  font-size: 1em;
  letter-spacing: .2em;
  padding-left: .2em
}
.cald2 {
  letter-spacing: 0em;
  padding-left: 0em
}

.calm {
  font-weight: bold;
  font-size: 1.5em;
  line-height: .7em;
}

.caly {
  font-size: .8em;
  line-height: 1em;
}
  


