/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }




/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */



/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }







/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */



*{
	margin: 0px;
	padding: 0px;
}

header, section, footer, aside, nav, article, hgroup{
	display:block;
}
body{
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: #F2F2F2; color: #333; -webkit-font-smoothing: antialiased; 
scrollbar-shadow-color: #000;
scrollbar-highlight-color: #000;
scrollbar-face-color: #000;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #000;
scrollbar-arrow-color: #000;
}
a:link{
	color:#0088CC;
	text-decoration: none;
}
a:active{
	color:#0088CC;
}
a:visited{
	color:#0088CC;
}
a:hover{
	color:#0088CC;
	text-decoration: underline;
}

p{
		display: block;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
}

nav{
    background: -moz-linear-gradient(#3d8fbe, #094164);
    background:#3d8fbe;
    border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.blank{
	background-color:#f2f2f2;
	height:10px;
}

.forum{
	margin-left: -50px;
	width: 1000px;
	height: 1750px;
	margin-top:-50px;
/*background-color: #000; 
scrollbar-shadow-color: #000;
scrollbar-highlight-color: #000;
scrollbar-face-color: #000;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #000;
scrollbar-arrow-color: #000;
*/}

.temp{
	margin: -50px 0 0 -50px;
/*	width:auto;
	height:auto;*/
	width:1000px;
	height: 10000px;
/*background-color: #000; 
scrollbar-shadow-color: #000;
scrollbar-highlight-color: #000;
scrollbar-face-color: #000;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #000;
scrollbar-arrow-color: #000;
*/}

.tempcontact{
	padding-left:10%;
	height: 1000px;
	width: 500px;
	overflow: hidden;
}
#big_wrapper{
	
	width: 1000px;
	display: table;
  	margin: 0 auto;
  	background-color:#fff;
    margin:0 auto;
   	
}
#top_header{

	border: 2px solid cc;
	margin: 0 auto;
	background-color:#FFFFFF;
}


#logo {
	position:relative;
	display:block;
	background: #fff url(/images/siteimages/logo.png) no-repeat left;
	font-family:Verdana,sans;
	font-size:12px;
	height:125px;
	width:250px;
}

.social {
	height: 30px;
	width: 350px;
	position: relative;
	float: right;
	/*border: 1px solid blue;
	padding:2px;
	text-align: center;*/
	margin-top:10px;
	margin-right: 10px;
}
.social a {

}
.social a:hover {
opacity:0.58;
}

/* search form 
-------------------------------------- */

#searchwrapper{
width: 350px;
margin: -55px auto;

float:right;
}
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 30px;
	width: 35px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
    margin-top: 2px;
	-webkit-border-radius: 3em;
	-moz-border-radius: 3em;
	border-radius: 3em;

	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
	
}
.searchform1 {	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}

#admin
{
	
	float:right;
	margin:0px;
	display:block;
	clear: right;
}

#admin ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
   

}

#admin ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
}

#top_menu li{
	display:inline-block;
	list-style:none;
	padding: 5px;
}
#main_section{
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	width: 600px;
	margin:30px;
	font-size:12px;
	letter-spacing:1px;
	font-weight: normal;
	word-spacing:0px;
	text-align: center;
	background-color: #FFFFFF;
	background-position: 0% 0%;
	color:#333333;
	display: block;
	float:left;
	padding:20px;
	clear: both;
}

#main_section article{
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	font-size: 12px;
	letter-spacing: 1px;
	color:#000;
	text-transform:none;
	text-align: justify;
	list-style-type: lower-roman;
	line-height: 26px;
	margin: 20px 0px;	
}

#main_section p{
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	font-size: 12px;
	letter-spacing: 1px;
	color:#000;
	text-transform:none;
	text-align: justify;
	list-style-type: lower-roman;
	line-height: 26px;
	margin: 20px 0px;	
}

.top{
	float: right;
}

/**This is article tag.**/
article{
	margin-top:20px;
}

#feature { margin-left: 20px; padding-bottom: 10px; }
.small-post { 
	background-color:#f2f2f2;
	padding:10px;
	margin-top:10px;
	margin-left:100px;
	float: left;
    width: 220px;
	margin-right:-60px;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	border:1px solid #f4f4f4;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
 }
.small-post img { border: 0px solid #ccc; padding: 3px; margin-bottom: 10px; }
.last { margin-right: 0; }
.small-post li{
	list-style:none;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
}

.small-post h1{
	float:right;
	margin-top:20px;
}

/**This is for small-post hover.**/

	
	
.break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }	
	.x { clear: both; }	
	
/**This is aside tag **/
.aside_tag{
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	word-spacing:0px;
	background-color:#FBFBFB;
	color:#333333;          
	display:block;
	box-shadow:rgba(0,0,0,0.296875) 0px 1px 3px 0px;
	/*border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;*/
	

	text-align:center;
	width: 250px;
	margin: 40px 0px;
	padding: 20px;
	margin-right:10px;
    float:right;
    
    
    



    
    
    
}
.aside_tag li{
	list-style: none;
	border-bottom: dotted 1px #ccc;
}

.aside_tag img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}




/**aside_tags{
	text-align:center;
	width: 60px;
	margin: 40px 0px;
	padding: 20px;
	margin-left:10px;
    background: #ccc;

	height: auto;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
	border-radius: 5em;
	border: 1px solid #ccc;
	float:right;
}**/

/** End of aside tag**/
#footer{
	width: auto;
	clear:both;
	margin-top:-50px;
	padding: 20px;
	text-align:center;
	/*
	 position:fixed;
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    background:#999;
	*/
	
	
}

@font-face {
    font-family: 'Social';
    src: url('./fonts/socialicons-webfont.eot');
    src: url('./fonts/socialicons-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/socialicons-webfont.woff') format('woff'),
         url('./fonts/socialicons-webfont.ttf') format('truetype'),
         url('./fonts/socialicons-webfont.svg#SocialIconsMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

#content {
	width:190px;
	height:30px;
	margin-top:-80px;
	margin-left:150px;
	padding:20px 0;
	float:right;
}

#content .menu {
	text-align:center;
	padding-top:30px;
}

#content .menu .primary-menu {
	list-style-type:none;
	position:relative;
}

#content .menu .primary-menu li {
	display:inline;
	text-align:center;
	margin:0 10px;
	position:relative;
}

#content .menu .primary-menu li a {
	position:relative;
	text-decoration:none;
	font-family:'Social' !important;
	font-size:15px;
	background:#d9d9d9;
	display:inline-block;
	width:18px;
	height:18px;
	padding-top:15px;
	color:#fff;
	border:3px solid #fff;
	
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	-khtml-border-radius:100px;
	border-radius:100px;
	
	-webkit-box-shadow:0 0 1px 1px #afafaf;
	-moz-box-shadow:0 0 1px 1px #afafaf;
	-o-box-shadow: 0 0 1px 1px #afafaf;
	-ms-box-shadow: 0 0 1px 1px #afafaf;
	-khtml-box-shadow:0 0 1px 1px #afafaf;
	box-shadow:0 0 1px 1px #afafaf;
	
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-khtml-transition:all 1s;
	transition:all 1s;
	
	behavior: url(pie/PIE.htc); /* CSS3 Fix for Internet Explorer */
}

#content .menu .primary-menu li.facebook a:hover { background:#00438f;}
#content .menu .primary-menu li.twitter a:hover { background:#00b8df;}
#content .menu .primary-menu li.rss a:hover { background:#ff7800;}
#content .menu .primary-menu li.mail a:hover { background:#1d1d1d;}

#content .menu .primary-menu li a:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-khtml-transform: rotate(360deg);
	transform: rotate(360deg);
	
	behavior: url(pie/PIE.htc); /* CSS3 Fix for Internet Explorer */
}


#content .menu .primary-menu li a:hover ~ span.social-span {
	opacity:1;
}

#content .menu .primary-menu li span.social-span:after {
	content:"";
	position:absolute;
	border-color:#fff transparent;
	display:block;
	top:-7px;
	left:40%;
	width:0;
	border-width:0 7px 7px;
	border-style:solid;
}
/******** Menu*****/

/* Main */
#menu
{
        width: 100%;
        margin: 0;
        padding: 5px 0 0 0;
        list-style: none;
        background: -moz-linear-gradient(#3d8fbe, #094164);
       background:#3d8fbe;
       font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
       border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	
}

#menu li
{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}

#menu a
{
        float: left;
        height: 25px;
        padding: 0 18px;
        color: #fff;
        text-transform: uppercase;
        font: bold 12px/25px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu li:hover > a
{
        color: #fafafa;
}

*html #menu li a:hover /* IE6 */
{
        color: #fafafa;
}

#menu li:hover > ul
{
        display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background:#636363;
    background: -moz-linear-gradient(#444, #111);
   

}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    clear:both;

}

#menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a
{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a /* IE6 */
{
        height: 10px;
        width: 150px;
}

*:first-child+html #menu ul a /* IE7 */
{
        height: 10px;
        width: 150px;
}

#menu ul a:hover
{
    background: #0186ba;
        background: -moz-linear-gradient(#04acec,  #0186ba);
        background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
        background: -webkit-linear-gradient(#04acec,  #0186ba);
        background: -o-linear-gradient(#04acec,  #0186ba);
        background: -ms-linear-gradient(#04acec,  #0186ba);
        background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}

#menu ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after
{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */



/*End of Menu*/

 h1{
  				font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
                font-weight:normal;
        		text-align:justify;
                text-shadow:1px 1px 2px #aaa;
                text-transform:uppercase;
                font-weight:bold;
                font-size:20px;
                word-spacing:0px;
				color:#000000;
}

h2{
   				font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
                text-transform:uppercase;
                font-weight:bold;
                font-size:16px;
                line-height:18px
                word-spacing:0px;
                color:#000000;
                border-bottom:1px solid #f0f0f0;
                padding-bottom:10px;
                margin-bottom:10px;
				text-align: justify;
}

h3{
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	text-align:left; 
	padding: 5px;
}

ul{
 margin:20px 0px;
                line-height:26px;
                text-align:justify;
				list-style-type: lower-roman;
				
}


li{     font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
                text-transform:none;
                font-size:12px;
                letter-spacing:1px;
                color:#000;
} 

a{
 color:#003366;
}

active{
color:#003366;
}


/* css for survey forms */

    
/********/
/* 
/*
  ✰✰✰✰✰✰✰✰✰✰✰✰✰✰ 

  
  
  ✰✰✰✰✰✰✰✰✰✰✰✰✰✰✰ 
  
*/

/**-----------------------------------------This is Left Content Elements (BLOG PAGE)--------------------------------------------**/
/*
#leftcontent {
	float: left;
	width: 650px;
	margin: 0;
	padding: 12px 0 0 -60px;
	line-height: 16px;
	}
	
/* Post Elements */
/*
.blogtitle {
	width:650px;

}

.post,
.posttop,
#authorbox {
	padding: 20px;
	float: left;
	width: 570px;
	font-size: 14px;
	line-height: 20px;
	color: #444;
	position: relative;
	background: url(/images/siteimages/postbg.png) repeat-x top #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);
	position: relative;
	text-shadow: #fff 0 1px 0;
	border: 1px solid #fff;
	}	
		
	.post.white,
	.single .post  {	
		background: #fff;
		}
		
		.post.white img {
			box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none; 
			}
	
	.thedate {
		background: url(/images/siteimages/sprite_bavotasan.png) no-repeat 0 -42px;
		width: 74px;
		height: 80px;
		position: absolute;
		left: -76px;
		text-align: center;
		padding: 10px 10px 0 0;
		top: 0px;
		font-family: 13px/20px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
		}
		
		.thedate .month {
			text-transform: uppercase;
			color: #c52d08;
			font-size: 18px;
			}
			
		.thedate .day {
			color: #1e252d;
			font-size: 28px;
			}
	
	.catname { float: left; }
	
	.catname a {
		text-transform: uppercase;
		color: #c52d08;
		font-size: 12px;
		}
	
	.post h2 a {
		color: #1e252d;
		}
	
	.posttop h1,
	.post h2 {
		clear: both;
		width:570px;
		float:left;
		font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
		font-weight: normal;
		margin-top: -10px;
		margin-right:125px;
		padding: 0;
		font-size: 25px;
		line-height: 30px;
		color: #1e252d;

		font-weight: bolder;
		}
		
		.posttop h1 {
			font-size: 28px;
			line-height: 34px;
			}
			
			.posttop .author {
				font-size: 12px;
				width: 100%;
				}
	
	.post h3,
	.posttop h3,
	h2.services,
	.lists h2 { 
		color:#1e252d; 
		font: normal 200% georgia,times,serif; 
		margin: 10px 0; 
		clear: both; 
		float: left; 
		width: 100%; 
		}
		
		.posttop h3 a {
			color: #1e252d;
			}
	
	.post .image {
		float: left;
		margin: 5px 20px 0 0;
		padding: 8px;
		background: #fff;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, .6);
		-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .6);
		-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .6);
		zoom: 1;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=120, Strength=4);
		}
		
		
	.more-info {
		font-size: 12px;
		width: 100px;
		float:right;
		}
		
		.more-info span {
			background: url(/images/siteimages/sprite_bavotasan.png) no-repeat -291px -95px;
			display: block;
			width: 18px;
			height:16px;
			float: left;
			clear:both;
			}
				
			
	.post .blog_body {
		float: left;
	
		width: 400px;
		margin-top: 5px;
		}
		
*/
		
/*		img .blog_clear {
			clear: both;
			}
			
	   .blog_clear{
	   clear:both;
	  }*/
	  
#contentbox {padding: 20px 20px 10px 20px;float:left;width:100%;}	  
.blogheader {width:98%; margin: 10px 0 10px 0; padding: 0 0 0 0;}
#blogsurround {border-right: solid thin #f6f7f7;margin-top:20px;}
.blogtitle h1 {font: 18px bold; margin:0;}
.blogentry {margin: 0 0 40px 0;}
.imgright {float: right;}
.imgright img {padding: 10px; -moz-box-shadow: 1px 1px 2px #d3d3d3; -webkit-box-shadow: 1px 1px 2px #d3d3d3; background-color:#fbfbf8; margin: 5px;}
.blogentry img {padding: 10px; -moz-box-shadow: 1px 1px 2px #d3d3d3; -webkit-box-shadow: 1px 1px 2px #d3d3d3; background-color:#fbfbf8; margin: 5px;}
.caption {font-size: 11px; margin: 5px 0 18px 15px; max-width: 350px; line-height: 18px;}  
.captionwide {font-size: 11px; margin: 5px 0 18px 15px; max-width: 575px; line-height: 18px;}    
.blogdatetime {font-size: 10px; color:#898989; margin: 10px 0 2px 0;}
.bloggutter {float:left; text-align:center;}

.blog_image_top {float:left; margin-right:5px;}

.indivblogdatetime {

background-color: #7c8ea6;
width: 40px;
-moz-box-shadow: 1px 1px 3px #d3d3d3;
-webkit-box-shadow: 1px 1px 3px #d3d3d3;

 -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.20), rgba(0,0,0,0.12) 0px 0px 10px inset; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.20), rgba(0,0,0,0.12) 0px 0px 8px inset;
margin-right: 50px;
margin-left: -50px;
margin-bottom: -100px;
}

.indivblogtitle {
float:left; 
width:595px;
 font-size: 14px; line-height: 30px; font-weight: normal;
 text-align: justify;

}

.p{

	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	font-size: 12px;
	letter-spacing: 1px;
	color:#000;
	text-transform:none;
	text-align: justify;
	list-style-type: lower-roman;
	line-height: 26px;
	margin: 20px 0px;	
 
/*   margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;*/
 }

.indivblogtitle h2 {border-bottom:dotted #d3dce7; }
.indivblogtext {margin: 0 0 0 50px;}

	
	.more-info {
		font-size: 12px;
		width: 100px;
		float:right;
		}
		
		.more-info span {
			background: url(/images/siteimages/sprite_bavotasan.png) no-repeat -291px -95px;
			display: block;
			width: 18px;
			height:16px;
			float: left;
			clear:both;
			}
				






.blogyear {font-size: 9px; font-weight: bold; width:35px; color: #FFFFFF; padding: 3px 0 3px 0;}
.blogday {font-size: 20px; font-weight: bold; background-color:#FFFFFF; width:35px;}
.blogmonth {font-size: 10px; font-weight: bold; color:#FFFFFF; width:35px; padding: 1px 0 3px 0;}
.blogtext {color:#4c4c4c; argin: 0 0 10px 0;}
.blogkeywords {font-size: 10px; background-color:#f9f8f8; padding: 5px; margin: 10px 0 5px 0; width:96%; -moz-box-shadow: 1px 1px 2px #d3d3d3; 
-webkit-box-shadow: 1px 1px 2px #d3d3d3;}
		
/**-----------------------------------------This is Left Content Elements (BLOG PAGE)--------------------------------------------**/

.box h1{
     color: #7E7E7E;
	font: bold 25px Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	line-height: 2px;
	margin: 25px 0 25px;
	text-align:center;



	
}
/*.container { width:500px; margin:0 auto; }*/

.box
{
	
    background:#fefefe;
	
    border: 1px solid #C3D4DB;
	border-top:1px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 30px;
	overflow:hidden;


}
.box.login
{
	height:auto;
    width:auto;
	position:absolute;
	left:20%;
	top:30%;

	
}
.boxBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
    padding:10px 20px;
}

.box footer
{
    background:#eff4f6;
    border-top:1px solid #fff;
    padding:22px 26px;
    overflow:hidden;
	height:32px;
}
.box label
{
    display:block;
    font:14px/22px Arial, Helvetica, Sans-serif;
    margin:10px 0 0 6px;
}
.box footer label{
	float:left;
	margin:4px 0 0;
}
.box footer input[type=checkbox]{
	vertical-align:sub;
	*vertical-align:middle;
	margin-right:10px;
}
.box input[type=text],
.box input[type=password],
.txtField
{
    border:1px solid #ccc;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;
    padding:8px 6px;
    width:270px;
    display:block;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus
{
    border:6px solid #f0f7fc;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color:#333;
}

.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}

.rLink{padding:0 6px 0 0; font-size:11px; float:right;color:#7db0cc;}
.box a{color:#559ADA;}
.box a:hover, .box a:focus{text-decoration:underline;}
.box a:active{color:#f84747;}
.btnLogin
{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:15px;
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #ffffff, #eaeaea);
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

    border:1px solid #ccc !important;
    cursor: pointer;
    padding:11px 16px;
    font:bold 11px/14px Verdana, Tahomma, Geneva;
    text-shadow:rgba(0,0,0,0.2) 0 1px 0px; 
    color:#000;
    -moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
    -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
   box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
   margin-left:20px;
    float:left;
	padding:5px 21px;
}

.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active{
    background:#a1d8f0;
    background:-moz-linear-gradient(top, #7acbed, #badff3);
    background:-webkit-gradient(linear, left top, left bottom, from(#7acbed), to(#badff3));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.btnLogin:active
{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}
footer#main{
	position:fixed;
	left:0;
	bottom:10px;
	text-align:center;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width:100%;
}

 
#feedback {
  position:fixed;

  width:auto;
  z-index:100;
  top:50%;
  list-style: none;
  
  -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-);
        filter: FlipH;
        -ms-filter: "FlipH";
        
        -webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
/* for ie */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  }



/*  This style is for video box */


.videobox { 
	background-color:#f2f2f2;
	padding:10px;
	margin-top:10px;
	margin-left:10px;
	float: left;
    width: 150px;
	
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	border:1px solid #f4f4f4;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
 }
 
 
 
 /* boxes
----------------------------------------------- */




.grid_5
{
	display: inline;
	float: left;
	
	 -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
	  -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
	  border-radius: 5px 5px 0px 0px; /* CSS3 */
	  
	
	
}

.break{
		margin-top: 5px;
		height: 15px;
		background-color: #fff;
		width: auto;
}
.boxblog {
	
	margin-bottom:20px;
	padding:10px 10px 10px 10px; margin-left:-8px;
}
.boxblog.grid{}
.boxblog.round{
	  -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
	  -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
	  border-radius: 5px 5px 0px 0px; /* CSS3 */
}
	  
.boxblog h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#1B548D;
	background:#E6F0F3;
	margin:-10px -10px 0 -10px;
	padding:10px 12px;
	border-bottom:1px solid #B3CBD6;
	
	 -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
	  -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
	  border-radius: 5px 5px 0px 0px; /* CSS3 */
}
.boxblog h2 a,
.boxblog h2 a.visible {
	color:#1B548D;
	background: 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
	
	 -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
	  -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
	  border-radius: 5px 5px 0px 0px; /* CSS3 */
	
}



*/


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

/*@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
}*/


/* --------------------------------------------
   < 1200px viewport
-------------------------------------------- */			
				
/*@media (max-width: 1200px) {

	#big_wrapper { width: 960px; }
		#main_section { width: 700px; }
		#sidebar { width: 240px; }
		
	header hgroup h1 { font-size: 32px; }
	header hgroup h2 { font-size: 18px; }
	
	 nav { margin-top: 18px; }
      nav ul li { font-size: 16px; }
		
	#banner { margin-bottom: 20px; }
		
	#main_section article { margin-bottom: 12px; }
		#main_section article h3 { font-size: 18px; }
		#main_section article p { font-size: 14px; }
		
	aside_tag { margin-bottom: 12px; }

}*/


/* --------------------------------------------
  iPad in landscape
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 1024px) {  } 
	@media (max-device-width: 1024px)
*/
	
/*@media (max-width: 1024px) and (orientation: landscape) {
  
	#big_wrapper { width: 768px; }
		#main_section { width: 540px; }
		#searchwrapper{width: 310px;
					   margin-top: : -25px auto;
					   float:left;
					   }
	
	header { margin-bottom: 12px; }
	
	header hgroup { margin-bottom: 12px; }
	
	 nav { float: none; clear: both; }
	 nav ul { width: 100%; }
	 nav ul li { font-size: 14px; width: 191px; text-align: center; }
	nav ul li:last-child { width: 192px; }
			
	#banner { margin-bottom: 18px; }
		
	#content article img { float: none; margin: 0 0 10px 0; width: 100%; }

}


/* --------------------------------------------
  iPad in portrait
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 768px) {  } 
*/

/*@media (max-device-width: 1024px) and (orientation: portrait) {

	#big_wrapper { width: 800px; }
		#main_section { float: none; width: 600px; margin: 0 0 12px 0; }
		#searchwrapper{width: 310px;
					   margin-top: : -20px auto;
					   float:left;
					   }
	
	header { margin-bottom: 12px; }
	
	header hgroup { margin-bottom: 12px; }
	
	 nav { float: none; clear: both; 
		 nav ul { width: 100%;  font-size: 10px;}
			 nav ul li { font-size: 1px; width: 160px; text-align: center; }
				 nav ul li:last-child { width: 135px; }
			
	#banner { margin-bottom: 18px; }
	
	#content article { padding: 20px; }
	#content article img { float: none; margin: 0 0 10px 0; width: 100%; }
	
	aside_tag { background: #A79F91; color: #fff; float: left; width: 250px; min-height: 170px; margin-right: 20px; padding: 20px; }
		aside_tag:last-child { margin: 0; }

}*/


/* --------------------------------------------
  Mobile
-------------------------------------------- */
/*
@media (max-width: 600px) {

	#big_wrapper, #content { float: none; width: inherit; }
		#main_section { margin: 0; }
	
	#searchwrapper{width: 310px;
					   margin-top: : -25px auto;
					   float:left;
					   }
	
	header { margin: 0 0 12px 0; text-align: center; }
		header hgroup { width: 100%; margin-bottom: 12px; }
			header hgroup h1 { font-size: 24px; }
			header hgroup h2 { font-size: 14px; }
	
		 nav { float: none; clear: both; width:100% }
		 nav ul { width: 70%; }
	     nav ul li { float: none; display: block; width: 100%; font-size: 14px; text-align: left; border-bottom: 1px solid #938a78; }
		 nav ul li:last-child { width: 100%; border-bottom: 0; }
		 nav ul li a { padding: 10px; }
	
	#content article { padding: 10px; -webkit-border-radius: 0; }
	    #main_section {width:85%;}
		#main_section article h1 { font-size: 16px; }
		#main_section article h2 { font-size: 14px; }
		#main_section  p { font-size: 0.9em; }
		#main_section article p { font-size: 0.9em; }
		#main_section article  { font-size: 0.9em; }

		#content article img { display: none; }
	     .social{display:none;}
	
	 .aside_tag { float: left; width: auto; min-height: auto;}
		aside_tag:last-child { margin: 0; }

*/
}




/* Modal overlay css */
#ModalOverlay  
{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background:#000;
    opacity:.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    display: none;
    z-index: 5;
}
                        
/* Dialog css */
#ContentDialog 
{
    display: none;
    position: absolute;
    width: 700px;
    height: 700px;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    z-index: 100;
    padding: 0px;
    background: #fff;
}

#ContentDialog h2 
{
    margin: 0 0 20px 0;
    padding: 0;
}

 a hlContentDialogClose{

 text-align: center;
 font-size: 14px;
 font-weight: bold;
}

#ContentDialog #ContentDialogContent 
{
    margin: 0 0 0px 0;
    padding: 0;
    height: 650px;
  /* overflow: scroll;*/
    overflow-x: hidden;
   /* overflow-y: scroll; */
}
 form h2{
   text-align: center;
 }
 
 
 /*Photo gallery */
 
  .small-postgallery{
  background-color:#f2f2f2;
	padding:10px;
	margin-top:10px;
	margin-left:80px;
	float: left;
    width: 220px;
	margin-right:-60px;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	border:1px solid #f4f4f4;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
  
  }
  
  
  .small-postgal{
  background-color:#f2f2f2;
	padding:5px;
	margin-top:5px;
	margin-left:100px;
	float: left;
    width: 150px;
	margin-right:-90px;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	border:1px solid #f4f4f4;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
  
  }
  
  .gallery_box{
  	background-color:#fff;
	padding:5px;
	margin-top:0px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom: 10px;
	float: left;
    width: 175px;
	height: 175px;
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana;
	border:1px solid #f4f4f4;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; 
  }
	 
#scheduleentries p {
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	word-wrap:break-word;
	}
    
 /*.gallery_box img { border: 1px solid #ccc; padding: 3px; margin-bottom: 5px; width:180px;}*/