@charset "utf-8";
/* CSS Document */
/* # indicates division id,  . indicates division class  background-image:url(../images/rightcol_bottom.png)	;*/


body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #061C37;
	background: #8CBDE1;
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
}

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

.width150{
	width: 150px;
}

.green {
	color: green;
}

.underline {
	text-decoration: underline;
}

label { 
	float: left; 
	clear: left; 
	width:150px;
	font-family: helvitica;
}

#hours, #mins, #sec {
	width:30px !important;
}

#sec::-webkit-outer-spin-button,
#sec::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#mins::-webkit-outer-spin-button,
#mins::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#hours::-webkit-outer-spin-button,
#hours::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#personalDetails br {
	display:none;
}

.blue{
	color:blue;
}
#aboutMeImg {
	width:435px;
	height:300px;
}

.margin0auto {
	margin: 0 auto;
}

.alignRight {
	float: right;
}

.fontSize12 {
	font-size:12px;
}

.errorClass {
	height:150px;
	width:100%;
	top: 100%;
	text-align: center;
	margin-top:-75px;
	position:fixed;
	background-color: red;
	font-size:18px;
	padding-top: 31px;
}
.successClass {
	height:150px;
	width:100%;
	top: 100%;
	text-align: center;
	margin-top:-75px;
	position:fixed;
	background-color: green;
	font-size:18px;
	padding-top: 31px;
}
.pageOverlay{
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	z-index: 9999;
	top:0;
}
.overlay{ 
	position: fixed;
    top: 50%;
    left: 50%;
    width: 800px;
    line-height: 200px;
    height: 600px;
    margin-left: -400px;
    margin-top: -300px;
    z-index:10080;
}

.overlay2{ 
	position: fixed;
    top: 50%;
    left: 50%;
    width: 35px;
    height: 35px;
    margin-left: -18px;
    margin-top: -17px;
    z-index:10080;
}

#personalDetails input {
	height: 20px;
	border-radius: 5px;
	font-size:18px;
	font-family: helvitica;
}

#contactus input {
	height: 20px;
	border-radius: 5px;
	font-size:18px;
	font-family: helvitica;
}

#contactus textarea {
	border-radius: 5px;
	font-size:18px;
	font-family: helvitica;
	resize: none;
}


input[type="radio"]{
	vertical-align: bottom;
}

#container
{
width:914px;
margin:0px auto 0px auto;
}

#like-container
{
width:914px;
margin:0px auto 0px auto;
}


.pointer {
	cursor: pointer;
}
#main
{
display:block;
background-color:#FFFFFF;
padding-top:7px;
}

.field {
	margin-top:15px;
}

.tithiDetails td {
	width:55%;
}

.tithiDetails th {
	width:45%;
}


#tithiTabular {
    border-collapse: collapse;
    width: 90%;
    margin: 15px auto;
}

#tithiTabular td {
    border: 1px solid black;
    height: 75px;
    width: 25%;
	text-align: center;
}

.noborder {
	border: 0px !important;
}

#header
{
width:900px;
height:137px;
padding:7px 7px 7px 7px;
background-color:#FFFFFF;
margin-bottom:7px;
margin-top:20px;
}

#picture
{
width:900px;
height:137px;
background-image:url(../images/picture.jpg);
background-repeat:no-repeat;	
}

h1, h2, h3
{
padding:0px;
margin:0px;
}

#header h1
{
position:relative;
left:12px;	
top:10px;
color:#EEF5FD;
font-size:40px;
}

#header h2
{
position:relative;
display:block;
float:right;
top:63px;
margin-right:11px;
font-size:20px;
color:#2661CE;
}

.leftcol h1
{
text-align:center;
font-size:18px;
color:red;
font-weight:bold;
}

.leftcol h2
{
text-align:left;
margin-left:0px;
font-size:21px;
color: #1D5174;
margin-bottom:6px;
}

.rightcol h2
{
text-align:right;
margin-right:7px;
font-size:21px;
color: #1D5174;
margin-bottom:6px;
}

.maincol h2
{
color:#498DD8;
margin-bottom:3px;
}

.maincol p
{
margin-bottom:6px;
}

.clear
{
clear:both;	
}

#leftcol_container, #rightcol_container
{
float:left;
margin-left:7px;
width:220px;
}

#maincol_container
{
float:left;
margin-left:7px;
width:447px;	
box-shadow: 0px 3px 5px 1px #888888;
}


.leftcol_bottom
{
width:220px;
height:13px;
margin-bottom:13px;
}

.rightcol_bottom
{
width:220px;
height:13px;
margin-bottom:13px;
}


.maincol_bottom
{
background-image:url(../images/maincol_bottom.png)	;
background-repeat:no-repeat;
width:447px;
height:13px;
margin-bottom:13px;
}


.leftcol, .maincol, .rightcol
{
clear:both;	
padding-left:5px;
padding-right:5px;	
padding-bottom:5px;	
padding-top:12px;
}

.leftcol
{
display:block;
box-shadow: 0px 3px 5px 1px #888888;
background-color:#AFD3EB;
width:210px;
}

.rightcol
{
display:block;
box-shadow: 0px 3px 5px 1px #888888;
background-color:#AFD3EB;
width:210px;
}

.maincol
{
display:block;
background-image:url(../images/maincol_top.png);
background-repeat:no-repeat;
background-color:#EEF5FB;
width:437px;
}

.leftcol ul, .rightcol ul
{
list-style:none;
font-size:15px;
font-weight:bold;
}

.rightcol ul
{
text-align:right;	
}

.rightcol 
{
text-align:right;
}

.leftcol 
{
text-align:left;
}

a,a:visited
{
text-decoration:none;
color:#1779CA;
}

a:hover
{
color:darkblue;
}

#footer h3
{
font-size:12px;
width:inherit;	
text-align:center;
margin:0 auto 0 auto;
}

.mainText {
	font-size : 18px;
	font-family: helvitica;
	text-align: justify;
}

.red {
	color: red;
}

.button-regular {
	width: 140px;
	height: 25px;
	border-radius: 5px;
	background: #8CBDE1;
	border: 1px solid black;
}

#marquee {
	margin-bottom:8px; 
	height:20px;
	background: white;
	border-radius:3px;
	padding-left:15px;
	padding-top:5px;
	padding-right: 15px;
	white-space : nowrap;
	overflow: hidden;
}

#marquee ul {
	white-space : nowrap;
	overflow: hidden;
}

#marquee ul li { 
  display: inline;
  padding-right: 5px;
}

.selectOptions{
	height: 20px;
	border-radius: 5px;
	font-size: 18px;
	font-family: helvitica;
	width: 200px;
}

.marginTop10{
	margin-top: 10px;
}

.smallImage {
	width: 170px;
	height: 170px;
	float: left;
	margin: 10px;
}

@-webkit-keyframes myfirst
{
    from {text-shadow: 1px 1px 1px blue;}
    to {text-shadow : none;}
}

@-moz-keyframes myfirst
{
    from {text-shadow: 1px 1px 1px blue;}
    to {text-shadow : none;}
}
@keyframes myfirst
{
    from {text-shadow: 1px 1px 1px blue;}
    to {text-shadow : none;}
}

.blinker {
    text-shadow: 3px 3px 5px blue;
    -webkit-animation: myfirst 1s infinite;
    -moz-animation: myfirst 1s infinite;
    animation: myfirst 1s infinite;
}


.right {
	float: right;
}