body{
background-color: #6699cc;
font-family: Arial, Helvetica, san-serif; 
font-weight: normal; 
font-size: 12px; 	
color: #ffffff;
}

table.calendar{
	margin-right: 0px;
	margin-left: 0px; 
	margin-top: 10px;
	margin-bottom: 0px;
	border-top-color: #6699cc;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #6699cc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #6699cc;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #6699cc;
	border-right-style: solid;
	border-right-width: 1px;
	vertical-align: top;
	width: 500px;
}

th{
	background-color: #ffffff;
	border-top-color: #6699cc;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #6699cc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #6699cc;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #6699cc;
	border-right-style: solid;
	border-right-width: 1px;
	color: #6699cc;
	text-align: center;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
}

td, th{
	height: ;
	width: 70px;
}

tr.calendar{
	vertical-align: top;
}

td.today{
	background-color: #ffffff;
	color: #6699cc;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	height: 50px;
	vertical-align: top;
}

th.today{
	background-color: #ffffff;
	color: #6699cc;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-top-color: #6699cc;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #6699cc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #6699cc;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #6699cc;
	border-right-style: solid;
	border-right-width: 1px;
	vertical-align: top;
}

td.calendar{
	background-color: #99ccff;
	color: #000000;
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	border-top-color: #6699cc;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #6699cc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #6699cc;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #6699cc;
	border-right-style: solid;
	border-right-width: 1px;
	height: 50px;
	vertical-align: top;
}

h1{
	margin-right: 0px;
	margin-left: 0px; 
	margin-top: 60px;
	margin-bottom: 0px;	
	background-color: #6699cc;
	color: #ffffff;
	font-family: Arial, Helvetica, san-serif;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	border-color: #ffffff;
	height: 25px;
}

table.header{
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}


.title{
font-family: Arial, Helvetica, san-serif;
font-weight: bold;
font-size: 16px;
color: #ffffff;
}

td.exchange{
background-color:#003366;
width: 100px;
height: 25px;
font-family: Arial, Helvetica, san-serif; 
font-weight: bold; 
font-size: 16px; 	
color: #ffffff;
vertical-align: top;
}


td.data{
background-color:#99ccff;
width: 100px;
height: 25px;
font-family: Arial, Helvetica, san-serif; 
font-weight: normal; 
font-size: 14px; 	
color: #000000;
vertical-align: middle;
}

.link{
color: #ccccff;
}

#line{
position: absolute;
top: 0px;
left: 200px;
width: 3px;
height: 1500px;
background-color: #ffffff;
z-index: 1;
}

#top{
position: absolute;
background-color: #6699cc;
top: 200px;
left: 600px;
width: 500px;
height: 150px;
color: #ffffff;
font-size: 20px;
z-index: 2;
}

img#congrats{
position: absolute;
top: 175px;
left: 800px;
z-index: 20;
}

img#name{
position: absolute;
top: 175px;
left: 400px;
z-index: 7;
}

img#jasmine{
position: absolute;
top: 150px;
right: 20px;
float: right;
z-index: 7;
}

img#logo{
position: absolute;
top: 175px;
left: 10px;
z-index: 7;
}

#content{
position: absolute;
background-color: #6699cc;
font-family: Arial, Helvetica, san-serif; 
font-weight: normal; 
font-size: 14px; 	
color: #ffffff;
top: 300px;
left: 225px;
width: 600px;
height: 300px;
padding: 20px;
z-index: 7;
}

#contenttable{
position: absolute;
background-color: #6699cc;
font-family: Arial, Helvetica, san-serif; 
font-weight: normal; 
font-size: 14px; 	
color: #ffffff;
top: 300px;
left: 225px;
width: 700px;
height: 300px;
padding: 20px;
z-index: 7;
}

#navbgaccross{
position: absolute;
background-color: #002255;
top: 200px;
left: 0px;
width: 100%;
height: 5px;
z-index: 2;
}

#navbgbottom{
position: absolute;
background-color: #002255;
bottom: 0px;
left: 0px;
width: 100%;
height: 20px;
z-index: 2;
}


#navbg{
position: absolute;
top: 150px;
left: 0px;
width: 200px;
height: 700px;
background-color: #6699cc;
font-weight: bold; 
font-size: 14px;
color: #ffffff;
text-decoration:none; 
z-index: 1;
}


#nav{
position: absolute;
top: 385px;
left: 20px;
width: 200px;
z-index: 3;
color:#ffffff;
font-weight: bold; 
font-size: 14px;
text-decoration:none; 

}

#nav ul {
background-color:#004466;
padding: 0px;
margin: 0px;
list-style: none;
width: 150px;
}

#nav li {
list-style-type: none;
text-transform: capitalize;
float: left;
position: relative;
width: 150px;
}

#nav li ul{
display: none;
position: absolute;
left: 75px;
}

#nav li:hover, #nav li.over {  
	background-color:#99ccff; 
	list-style-type: none;
	text-decoration: none;
	}
	

	
#nav li:hover ul, #nav li.over ul { 
	display: block;
	z-index: 500;
	text-decoration: none;
 }

#nav ul li:hover, #nav ul li.over {  
	background-color:#99ccff; 
	list-style-type: none;
	text-decoration: none;
	}
	
 
a:link {  
	color:#ffffff;
	font-weight: bold; 
	font-size: 14px;
	text-decoration:none; 
}

a:visited {  
	color:#ffffff; 
	font-weight: bold;
	font-size: 14px;
	text-decoration:none; 

}

a:hover {  
	color:#99ccff; 
	font-weight: bold;
	font-size: 14px;
	text-decoration:none; 

}

a.exchange:link {  
	color:#000000;
	font-weight: normal; 
	font-size: 14px;
	text-decoration:underline; 
}

a.exchange:visited {  
	color:#000000; 
	font-weight: normal;
	font-size: 14px;
	text-decoration:underline; 

}

a.exchange:hover{  
	color:#006699; 
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline; 

}

a.calendar:link {  
	color:#ffffff;
	font-weight: normal; 
	font-size: 14px;
	text-decoration: none; 
}

a.calendar:visited {  
	color:#ffffff; 
	font-weight: normal;
	font-size: 14px;
	text-decoration: none; 

}

a.calendar:hover{  
	color:#99ccff; 
	font-weight: normal;
	font-size: 14px;
	text-decoration: none; 

}