@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: layout.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Suraj Naik n[dot]suraj[at]agile[dot]com
****************************************************************************************************/

/*  search for anything
global declarations = GENERIC, H1 TO H6 styling	= HEAD, changeable content = CONTENT, navs / listings	= NAVS,
mdoules = ARTICLE, plain bg colors = BGS, gradients = GRADS, borders = BORDERS, visual containers	= ROUNDS,
text, fonts, = TEXTALL, form, input	= INPUT, footer = FOOTER, Miscellaneous = MISC,


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 11px Verdana, Geneva, sans-serif; color:#4f4f4f; text-align:left; background:#ecedf2 url(../images/pageBg.gif) top repeat-x}
body.landingPage {background:#ecedf2 url(../images/landingPage.gif) repeat-x top}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#009ec3; font-weight:normal; text-decoration:none}
a:hover {color:#ff9f00; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
p {line-height:150%}
label {cursor:pointer}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h3.arthead {background:url(../images/headers.gif) left top no-repeat; padding-left:4px}
h3.arthead span {background:url(../images/headers.gif) right top no-repeat; height:31px; display:block; color:#FFF; font:bold 14px Verdana, Geneva, sans-serif; line-height:30px}
h3.arthead img {float:left; margin:4px 4px 0 0}

/** FLOATS **/
.fl {float:left}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:940px}
#header {width:100%;}
#logo {float:left; width:345px; height:80px /*margin:0 0 0 15px; display:inline;*/}
#search {float:right; width:272px; margin-top:5px; height:30px; background:url(../images/topSearch.gif) left top no-repeat}
#search .inputthis {border:none; width:200px; font-size:12px; margin:5px 0 0 5px; height:20px; background:none}
#search .buttonthis {border:none; background:none; width:60px; font:bold 12px Arial; text-transform:capitalize; color:#FFF; cursor:pointer}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {padding-top:10px; background:url(../images/temples.gif) center bottom no-repeat; padding-bottom:125px}
#illust {height:285px}
#sideBar {float:left; width:300px}
#content {margin-left:310px}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
#globalNav {width:100%; float:left;}
#globalNav ul {list-style:none; padding:0; margin:0}
#globalNav li {float:left; background:url(../images/divider.gif) right bottom no-repeat; position:relative}
#globalNav li a {background:url(../images/topmenusprite.png) no-repeat; display:block; float:left; height:97px; color:#b4def5; font-size:12px; text-align:center; position:relative;}
#globalNav li a:hover {text-decoration:none; color:#FFF}
#globalNav li a:hover span {cursor:pointer}
#globalNav li a span {position:absolute; bottom:10px; width:100%; left:0}
#globalNav li.home a {background-position:20px 10px; width:80px} 
#globalNav li.about a {background-position:-110px 10px; width:105px} 
#globalNav li.temple a {background-position:-230px 10px; width:154px} 
#globalNav li.videos a {background-position:-405px 10px; width:89px} 
#globalNav li.photos a {background-position:-555px 10px; width:87px} 
#globalNav li.prayer a {background-position:-680px 10px; width:124px} 
#globalNav li.addTemple a {background-position:-835px 10px; width:113px} 
#globalNav li.register a {background-position:-985px 10px; width:99px} 
#globalNav li.login a {background-position:-1135px 10px; width:86px} 

ul.navOne {border-bottom:1px solid #cccccc; padding-left:10px; margin:0; float:left; width:100%}
ul.navOne li {margin-right:5px; float:left; list-style:none}
ul.navOne li a {background:url(../images/button_bg.gif) left top no-repeat; display:block; padding-left:6px; color:#FF9F00}
ul.navOne li a span {background:url(../images/button_bg.gif) right top no-repeat; display:block; padding:6px 10px 3px 4px}
ul.navOne li a:hover {text-decoration:underline}
ul.navOne li a:hover span {cursor:pointer}
ul.navOne li a.active {background:url(../images/button_bg.gif) left top no-repeat; font-weight:bold; position:relative; top:1px}
ul.navOne li a.active span {background:url(../images/button_bg.gif) right top no-repeat}

/* 	MODULES (id=ARTICLE)
**********************************************************/
.cotainer {background:#FFF; border:1px solid #c3c3c3; padding:4px}
.grid td {padding-bottom:5px}
.templeInfo {margin-left:95px}
.tdOne {border-bottom:1px dashed #cfcfcf; border-right:1px dashed#cfcfcf; vertical-align:top; padding:10px}
.tdTwo {border-bottom:1px dashed #cfcfcf; padding-bottom:5px; vertical-align:top; padding:10px}
td img{border:1px solid #000;}

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.userPic img{border:2px solid #e9e9e9}


/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/


/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}

/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}

/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}

/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}

/* colored text */
.headcolor {color:#00AFE1;}
.linkcolor {color:#ff8f00;
	    font-weight:bold;
font-size:14px}
.textcolor {color:#00000;
	    
font-size:13px}

/* MR - css add for display error and success messages */

/*border*/
.bdrBtm{border-bottom:1px solid #C3C3C3}

.Error{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	/*margin: 10px 0px 10px 0px;*/
	padding: 5px;
	border: solid 1px #EF9C86;
	background: #ffebe8;
	text-align:left;
}

.Success{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border: solid 1px #99DF99;
	background:#F2FFEF;
	font-weight:bold;
	text-align:left;
}

#Error{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border: solid 1px #EF9C86;
	background: #ffebe8;
	text-align:left;
}

#Success{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border: solid 1px #99DF99;
	background:#F2FFEF;
	font-weight:bold;
	text-align:left;
}

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input {background:url(../images/input.gif) repeat-x top; border:1px solid #c7c7c7; padding:3px} 
.button {background:url(../images/button.gif) left top no-repeat; font:bold 12px Arial; text-transform:capitalize; color:#FFF; border:none; height:26px; padding-bottom:3px; cursor:pointer}
.buttonEnding {background:url(../images/button.gif) right top no-repeat; margin-left:-5px; position:absolute; height:26px; width:5px; display:inline}

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer {background:#003F51 url(../images/footer.gif) repeat-x top; padding:10px 0}
#footer p {margin-bottom:10px}
#footer, #footer a {color:#FFF}
.footin {margin:0 auto; width:940px}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}
.padSml {padding:6px 0}

/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both}