body {
    font-family: Tahoma, Arial, Helvetica, Kalimati, Garuda, "Lucida Grande", Lucida, FreeSans, sans-serif;
    background: #FFFFFF url(Images/backdrop.jpg) repeat-x top left;
}
div.site-controls {
	background-color:#DDDDDD;
	font-size: 0.7em;
	color:#333333;
	text-align: right;
}
div.site-controls a {
	color:#333333;
	text-decoration: none;
}

div#top {
    font-size: .8em;
}
div#top div#logobox {
    background-color: #50a4d8; /*#9fc7e0;*/
}
div#top div.AspNet-Menu-Horizontal {
	float: right;
}
div#top div.AspNet-Menu-Horizontal ul.AspNet-Menu {

}
div#top div.AspNet-Menu-Horizontal ul.AspNet-Menu li {

}
div#top div.AspNet-Menu-Horizontal ul.AspNet-Menu li a {
    background: url(Images/menu-item.gif) no-repeat bottom left;
}
div#top div.AspNet-Menu-Horizontal ul.AspNet-Menu li ul {
    border: solid 1px #dbdbdb;
    background-color: #f4f9fd;
	filter: alpha(opacity=80) !important;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
div#top div.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li {
	filter: alpha(opacity=100);
}
div#top div.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a {
    border-top: dotted 1px #dbdbdb;
    background-image: none;
	filter: alpha(opacity=100);
}
div#top div.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover {
	background-color: white;
	-moz-opacity: 1;
	opacity: 1;
}

div#mainbanner {
    background: transparent url(Images/home_header.jpg) no-repeat top right;
}
div#pagebanner {
    background: transparent url(Images/page_header.jpg) no-repeat top right;
}

div#content-container {
	color: #666666;
    text-align: left;
    background: transparent url(Images/sidebar-bg.gif) repeat-y top left;
}
div#sidebar {
    color: #858585;
    font-size: .8em;
}
div#sidebar ul li {
    font-size: 1.1em;
	font-weight: bold;
	list-style-type: none;
	list-style-position: outside;
}
div#sidebar ul li ul {
    list-style-image: url(Images/Icons/green-dbl-arrow.gif);
    list-style-position: inside;
}
div#sidebar ul li ul li {
    font-size: 0.8em;
    font-weight: normal;
}
div#sidebar ul a {
    text-decoration: none;
}
div#sidebar ul a:hover {
    text-decoration: underline;
}
div#sidebar .heading {
    color: #858585;
    border-bottom: dotted 1px Gray;
}
div#home-area-container,
div#content-area-container {
    font-size: .8em;
}
.page-content ul,
#admin-container ul {
    list-style-image:url(Images/Icons/green-dbl-arrow-2.gif);
    list-style-type:none;
}
div#projects .target,
div#projects .target-over,
.target-drag {
	background-position: center 5px;
	background-repeat: no-repeat;
	color: #007DB1;
}
/*div#projects .project-box img,
div#projects .project-box-first img {
	border: solid 1px #007DB1;
}*/
div#projects .target {
	border: 1px solid #dddddd;
}
div#projects .target-over {
	border: 1px solid red;
}
div#projects .portfolio-insert {
	background-color: red;
}
.target-drag {
	opacity:.40;
	filter: alpha(opacity=40); 
	-moz-opacity: 0.4;
	border: 1px solid red;
	font-size: 0.7em;
}
div.project-menu,
div.project-menu li ul {
    border: solid 1px #0380ae;
    background-color: #def1f9;
}
div.project-menu ul {
    background-image: none;
}
div.project-menu li {
    border-top: dotted 1px #0380ae;
    list-style: none;
    background-image: none;
}
div.project-menu a {
    text-decoration: none;
    background-image: none;
}
div.project-menu a:hover {
    background-color: #edf6fa;
    text-decoration: none;
}
div.post {
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 150%;
    margin-bottom: 10px;
    text-align: justify;
    /*color: #333333;
    font-family: 'Trebuchet MS','Lucida Grande',Verdana,Tahoma,Arial;
    background-color:#F7F7F7;
    border:1px solid #EEEEEE;*/
}
div.post h2 {
    font-family: "Trebuchet MS","Tw Cen MT","Times New Roman",UnBatang,Gentium,Arial,sans-serif;
    font-variant: small-caps;
    margin: 0pt 0pt 1em;    
    /*border-bottom: 1px solid #BBBBBB;*/
}
div.post h2.header {
	border-bottom: 0px none;
}
h1 img,
h2 img {
    float: right;
    margin: 0.1em 0pt 0pt 0.5em;
}
div.post a {
    color: #0078CC;
}
div.post .dropcap {
    float: left;
    font-size: 3.1em;
    line-height: 95%;
    width: 0.67em;
    color:#999999;
}
div.post .footer {
    color:#999999;
    font-size:75%;
    text-align:left;
    text-transform: uppercase;
    border-top: 1px dotted #CCCCCC; 
}
div.post div.link {
    background: transparent url(Images/Icons/red-arrow.gif) no-repeat center right;
    padding-right: 10px;
}
div.post .footer .comments {
    float:right;
    text-align:right;
    width:10em;
}
div.Rating-Container {
    float: left;
    margin-left: 70px;
    border: solid 1px #dbdbdb;
}
div.Rating-Container a {
    text-decoration: none;
}
div.Rating-Selector {
    border: solid 1px #dbdbdb;
    background-color: #f4f9fd;
	filter: alpha(opacity=80) !important;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
div.Rating-Selector img {
	filter: alpha(opacity=100);
}
#footer {
    font-size: .7em;
    color: #666666;
    background: transparent url(Images/footer-bg.gif) repeat-x top left;
}
#footer a {
    color: White;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
hr{
	color: #cae4f3;
	background-color: #cae4f3;
	height: 1px;
	border:0;
}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(Images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, FreeSans, Garuda, Sans, sans-serif;
	line-height: 1.1em;
	margin: 5px 0 0 0;
	color: #2f87be;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #2f87be;
    text-decoration: none;
}
h1 {
	margin-bottom:0;
	font-size: 1.3em;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.1em;
}
h1.header,
h2.header {
	margin-bottom: 10px;
	border-bottom: 0px none;
}

h3 {
	font-size:1em;
}

h3.small {
	font-size:0.9em;
}

h4 {
	font-size:0.9em;
}

h5 {
	font-size:0.8em;
}

h6 {
	font-size:0.8em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.photo-border {
	border:1px solid #9fc7e0;
	padding:4px;
	background-color: #9fc7e0;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float: left;
	margin-right: 10px;
}

.mini-photo,
.tiny-photo {
    width: 50px;
}
	
.image-border-none {
	border: none;
}
.image-home {
	width: 148px;
}
.image-portfolio {
	width: 200px;
	margin-right: 10px;
	_margin-right: 20px;
}
.image-section {
	width: 100px;
	margin-right: 10px;
	_margin-right: 20px;
}

.border-zero {
	border: 0px;
}

.arrow {
	vertical-align:middle;
}

.spacer {
    height: 1px;
    width: 99%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PORTFOLIO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.list-portfolio {
	margin-left: 180px;
	list-style-type: none;
	list-style-image: url(Images/Icons/green-dbl-arrow-2.gif);
}

.list-portfolio li {
	margin-left: 15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	GENERAL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.hide {
    display: none;
    visibility: hidden;
}
.full-width {
    width: 99%;
}
.content-width {
    width: 500px;
}
.val-width {
    width: 95%;
}
.tq-width {
    width: 75%;
}
.half-width {
    width: 50%;
}
.pin-height {
    height: 1px;
}
.text-center{
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-bright {
    color: #f75812;
}
.text-error {
    color: Red;
}
.text-larger {
    font-size: 1.2em;
}
.text-large {
    font-size: 1.1em;
}
.text-medium {
    font-size: 0.9em;
}
.text-small {
    font-size: 0.8em;
}
.text-tiny {
    font-size: 0.7em;
}
.text-bold {
    font-weight: bold;
}
.text-justify {
    text-align: justify;
}
.textbox {
    border: solid 1px #5a5f64;
	vertical-align: middle;
	padding: 1px;
}
.midway {
    margin: 0px auto;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.padding-5 {
    padding: 5px;
}
.padding-10 {
    padding: 10px;
}
.no-padding {
    padding: 0;
}
.no-margin {
    margin: 0;
}
.space-left {
    margin-left: 20px;
}
.space-right {
    margin-right: 20px;
}