@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000}

.titleheader{color:#000066; font-size:14px; font-weight:bold; text-transform:uppercase}
.titleheader a:link {font-size:14px; color:#0066FF; text-decoration:none}
.titleheader a:hover {font-size:14px; color:#666666; text-decoration:none}
.titleheader a:visited {font-size:14px; color:#0066FF; text-decoration:none}
.titleheader a:active {font-size:14px; color:#0066FF; text-decoration:none}

a:link {font-size:12px; color:#0066FF; text-decoration:none}
a:hover {font-size:12px; color:#666666; text-decoration:none}
a:visited {font-size:12px; color:#0066FF; text-decoration:none}
a:active {font-size:12px; color:#0066FF; text-decoration:none}


.resourceslink {font-size:12px; color:#0066FF; padding:5px; letter-spacing:1px;}
.resourceslink a:link, .resourceslink a:visited, .resourceslink a:active {font-size:12px; color:#000066; padding:5px; letter-spacing:1px; text-decoration:none}
.resourceslink a:hover {font-size:12px; color:#000066; padding:5px; letter-spacing:1px; text-decoration:underline}


.toplinks {font-size:11px; color:#66FF66; padding:5px; letter-spacing:1px;}
.toplinks a:link, .toplinks a:visited, .toplinks a:active {font-size:11px; color:#66FF66; padding:5px; letter-spacing:1px; text-decoration:none}
.toplinks a:hover {font-size:11px; color:#ffffff; padding:5px; letter-spacing:1px; text-decoration:underline}

.left{background-image:url(../images/left-side_01.jpg); background-repeat:no-repeat;}
.left-header { vertical-align:top; padding-top:15px; padding-left:15px; padding-bottom:15px; padding-right:15px; color:#FFFFFF; font-weight:bold;letter-spacing:1px;}
.date {color:#FFFFFF; font-size:11px; text-align:center;}

.leftcontents {color:#666666; padding-top:8px; padding-left:15px; padding-right:8px; padding-bottom:8px;}
.centercontents {color:#666666; padding-top:2px; padding-left:15px; padding-right:15px; padding-bottom:10px; font-size:12px;}

.tableheader { padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:2px; font-size:11px; color:#000066; border-bottom:solid 1px; border-bottom-color:#999999; background-image:url(../ajaxtabs/shade.gif); background-repeat:repeat-x}

.footermain {background:url(../images/footerbg.jpg); background-repeat:repeat-x; padding-top:8px; color:#FFFFFF;}
.footer {color:#FFFFFF; font-size:11px;}
.footer a:link, .footer a:active, .footer a:visited {font-size:11px; color:#ffffff; text-decoration:none}
.footer a:hover {font-size:11px; color:#66FF66;  text-decoration:underline}


.leftblog {font-size:10px; color:#666666;}
.leftblog a:link, .leftblog a:visited, .leftblog a:active {font-size:10px; color:#0066FF; text-decoration:none}
.leftblog a:hover {font-size:10px; color:#666666; text-decoration:underline}

.blogsearchtable{ padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:2px; font-size:12px; color:#000066; border-bottom:solid 1px; border-bottom-color:#999999; background-image:url(../ajaxtabs/shade.gif); background-repeat:repeat-x}

.blogleftheader{ padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:2px; font-size:12px; color:#000066; border-bottom:solid 1px; border-bottom-color:#999999;}

.blogcborder {border-bottom:dashed 1px; border-bottom-color:#CCCCCC; vertical-align:top; padding-top:8px; padding-bottom:8px}

.blogcborderdraft {border-bottom:dashed 1px; border-bottom-color:#CCCCCC; vertical-align:top; padding-top:8px; padding-bottom:8px; font-size:14px; color:#000066; font-weight:bold;}

.commentsline {border-bottom:dashed 1px; border-bottom-color:#CCCCCC; border-top:dashed 1px; border-top-color:#CCCCCC; vertical-align:top; padding-top:8px; padding-bottom:8px}

.blogheader { font-size:14px; color:#000066; font-weight:bold; border-bottom: solid 2px; border-bottom-color:#666666; text-transform:uppercase}
.blogfooter { font-size:11px; font-weight:bold; border-bottom: solid 2px; border-bottom-color:#666666; padding-top:10px; padding-bottom:5px}


#insidepage {
height:100%;
width:100%;
overflow:auto;
scrollbar-face-color:#cac8c8;
scrollbar-base-color:#e6e6e6;
scrollbar-arrow-color:#006293;
scrollbar-track-color:#e6e6e6;
scrollbar-shadow-color:#e6e6e6;
scrollbar-highlight-color:#e6e6e6;
scrollbar-3dlight-color:#e6e6e6;
scrollbar-darkshadow-Color:#e6e6e6;
}


<!--------------------------------------------------css for dropdown menus --------------------------------------------------------->


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: black;
color: white;
z-index:400;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}









































/* ######### FOR BLOG STYLE - start ######### */

div #toggleSidebarAvatar, #toggleSidebarLinks, #toggleSidebarCalendar, #toggleSidebarArchives, #toggleSidebarCategories , #toggleSidebarSearch, #toggleSidebarMenu, #toggleSidebarPreferences, #toggleSidebarRecentComments, #toggleSidebarRecentEntries, #toggleSidebarRecentTrackbacks
{
	display: block;
}

p
{
	margin: 8px 0px 8px 0px; 
}

code, pre {
	font-family:Arial, Helvetica, sans-serif;
}

pre {
	overflow: auto;
	width: 550px;
	border: 1px dotted #D9D9D9; /* inner_border_color */
	padding: 5px
}

blockquote {
	/* color: #777; */
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd
}

h1, h2, h3, h4, h5, h6
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066; /* headline_txt_color */
    /* text-shadow: #bbb 2px 2px 1px; */
	margin: 2px 0px 2px 0px;
}

h1
{
	font-size: 20px;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 16px;
}

h4
{
	font-size: 14px;
}

h5
{ 
	font-size: 12px;
}

h6
{
	font-size: 10px;
}

/* Links */

a:link, a:visited
{
	/*font-weight: bold;*/
	text-decoration: none;
	color: #0066FF; /* link_reg_color */
}

a:hover
{
	text-decoration: underline;
	color: #666666; /* link_hi_color */
}

a:active
{
	color: #0066FF; /* link_down_color */
}

/* Images */

img
{
	border: 0;
}

#img_float_left
{
	/* Used in the [img] tag when float=left */
	float: left;
	margin: 2px 8px 4px 2px;
}

#img_float_right
{
	/* Used in the [img] tag when float=right */
	float: right;
	margin: 2px 2px 4px 8px;
}

/* Forms */

form {
	font-size: 11px;
	margin: 0px;
	padding: 0px
}
	
input, select, option, textarea
{
	font-size: 11px;
	text-align: left;
}

/* Other Elements */

hr	
{
	color: #D9D9D9; /* inner_border_color */
	background-color: #D9D9D9; /* inner_border_color */
	height: 1px;
	border: 0px;
	margin: 4px 0px; 
}

/*
------------
THEME SPECIFIC
------------
*/

/* Navigation */

#navigation
{
	color: #000;
	position: relative;
	height: 25px;
	background: url(images/nav-background.gif) repeat-x;
}

#navigation a, #navigation a:hover
{
	color: inherit;
    font-size: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}

/* Header */

#header
{
	/* background-image: url(images/background-header.gif); */
	width: 100%;
	background-color: #2b557f;
}

/* Main */

#main
{
	padding: 20px 20px 20px 20px;
	float: left;
	/* sidebar total width + 10px + 10px = 220 */
	margin-right: 220px;
}

#popup
{
	padding: 20px;
}

.comment
{
	margin-bottom: 12px;
	/* border: 1px #0f0 dashed; */
}

.entry
{
	margin-bottom: 24px; 
}

.subject
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	padding: 4px 0px; text-transform:uppercase
}

.comment
{
	font-size: 14px;
}

.byline
{
	color: #999999;
	font-size: 10px;
	padding: 2px 0px;
}

.content
{
	padding: 10px 0px; color:#666666; font-size:12px;
}

.buttons
{
	padding: 4px 0px;
}

/* Footer */

#footer
{
	padding: 4px 20px;
	clear: both;
	border-top: #999999 1px solid;
}

.copyright
{
	font-size: 10px;
	color: #999999;
}

/* Sidebar */

div #toggleSidebarAvatar, #toggleSidebarLinks, #toggleSidebarCalendar, #toggleSidebarArchives, #toggleSidebarCategories , #toggleSidebarSearch, #toggleSidebarMenu, #toggleSidebarPreferences, #toggleSidebarRecentComments, #toggleSidebarRecentEntries, #toggleSidebarRecentTrackbacks
{
	display: block;
}

#sidebar
{
	padding: 10px;
	width: 200px;
	/* padding plus width = 240 */
/*  	margin-left: -220px;*/
  	margin-left: 0px;
	float: right;
}

#sidebar .menu_title
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 5px 5px 6px;
}

#sidebar .menu_title a, #sidebar .menu_title:hover
{
	text-decoration: none;
	color: inherit;
}

#sidebar .menu_body
{
	padding: 10px;
	margin-bottom: 10px;
	border: #FF0 1px solid;
}

#sidebar .calendar
{
	font-size: 10px;
}

#sidebar .calendar a
{
	font-weight: bold;
	text-decoration: none;
}

#sidebar .calendar td
{
	padding: 2px;
}

#archive_tree_menu ul	
{
	list-style: none inside;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

#archive_tree_menu li	
{
	margin: 0px;
	padding: 0px;
	/* border: 1px #F0F dashed; */
}

.current{border: solid 1px #666666; padding:2px;}

/* ######### FOR BLOG STYLE - end ######### */