/* CSS Document */
BODY {
	font-family: "lucida grande", "Trebuchet MS", verdana, sans-serif;
	font-weight: normal;
	color:#696969;
	font-size: 12px;
	padding:0px;
	line-height:20px;
	margin: 0px;
	background-image:url(images/pagebg.jpg);
	background-repeat:repeat-y;
}
.title {
	font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #333333;
	font-weight: normal;
	background-image:url(images/titile_bg.gif) !important;
	text-align:left;
	padding:5px !important;
}
h1:first-letter{
	color:#FF9900;
	font-size:19px;
	font-weight:bold;
}
h1 {
	font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #333333;
	background-image:url(images/titile_bg.gif) !important;
	text-decoration:none;
	font-weight:normal;
}
a {
	font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	color:#333333;
}
a:hover {
	font-family:'Century Gothic',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#FF9900;
}
a.links {
	font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	color:#696969;
}
a.links:hover {
	font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#FF9900;
}
a.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	color:#CCCCCC;
}
a.footer:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
}
div.split {
	width:100%;
	border-top:thin dashed #999999;
}
div.footer {
	width:100%;
	border-top:thin dashed #CCCCCC;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	color:#CCCCCC;
	text-align:left;
}
.code {
	font-family: Courier New, Courier, mono;
	font-size: 13px;
	font-weight: normal;
	color: #992E26;
	border: 1px dotted #CCCCCC;
	background-color: #EFEFEF;
	padding: 10px;
}
.note {
	font-family: Courier New, Courier, mono;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	border: 1px dotted #8AB300;
	background-color: #EFEFEF;
	padding: 10px;
}
Table{
	border: 0px;
	Font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333333;
	font-size: 12px;
	padding:0px;
}
TD{
	border: 0px;
	padding: 0px;
	text-align:left;
}
.lefttd{
	background-image:url(images/tdbg.jpg);
	background-repeat:repeat-y;
	text-align:center;
	padding:5px;
}
.rollover{
	border: 1px solid #000000;
	border-collapse:collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	font-weight:bold;
	background-image: url(images/0.jpg);
	display: block;
	height:30px;
	width:100px;
	line-height:30px;
}
.rollover:hover{
	background-image: url(images/1.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}
Table.rollovercss A{
display:block;
height:37px;
width:120px;
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-size:20px;
color: #0071A4;
line-height:37px;
text-align:center;
background-image:url(images/rollover_off.jpg);
border: 1px solid #FFFFFF;
border-collapse:collapse;
}
Table.rollovercss A:hover{
background-image:url(images/rollover_on.jpg);
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-size:20px;
color:#FF9900;
}
.popup{
	position: relative;
	z-index: 0;
}
.popup:hover{
	background-color: transparent;
	z-index: 50;
}
.popup span{
	position: absolute;
	background-color:#EEEEEE;
	padding: 5px;
	left: -1000px;
	border: 1px solid #DADADA;
	visibility: hidden;
}
.popup span img{
	border-width: 0;
	padding: 2px;
}
.popup:hover span{
	visibility: visible;
	top: 20px;
	left: 20px;
	}
.new{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF9900;
}
.fadeit {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}
.fadeit:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	background-color:#FFFFFF;
}
.flickr{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0063DC;
}
.flickrl{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF0084;
}
.swapimg {
display:block;
height:40px;
width:40px;
background-image:url(images/img_off.jpg);
cursor:default;
}
.swapimg:hover {
cursor:default;
background-image:url(images/img_on.jpg);
}
.date{
display:block;
height:82px;
width:78px;
background-image:url(images/datebg.jpg);
background-repeat:no-repeat;
padding-top:23px;
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-size:20px;
color: #0071A4;
line-height:19px;
}
.day{
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-size:12px;
color: #0071A4;
line-height:10px;
}
Table.infotable {
border:1px solid #666666;
display:table;
border-collapse:collapse;
padding:2px;
}
Table.infotable TH {
border:1px solid #666666;
background-color: #AEAE00;
color:#666666;
text-align:left;
}
Table.infotable TD {
border:1px solid #666666;
padding:2px;
text-align:left;
}
.templatetable{
background-color:#FFFFFF;
border:#CCCCCC 1px solid;
margin:10px;
}
.portfolio TD {
padding:5px;
}