@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]cssaglobal[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;
	color:#505154;
	text-align:left;
	background:url(../images/bg.png) repeat-x top;
	background-position: center;
}
/* 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:none;
	text-decoration:none
}
a {color:#317cb4; text-decoration:none}
a:hover {color:#317cb4; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
ul,li {padding:0; margin:0; list-style:none}
li {display:inline}
p {line-height:150%}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h1.Heading{
	font-size:18px;
	font-weight:bold;
	color:#317cb4;}

	
	
h2.SubHead{ font-size:16px; font-weight:bold; color:#505154;}


/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:832px; background:url(../images/page_bg.gif) 0 0 repeat-y; padding:10px 74px;}
#header .TopHeader{ background:url(../images/header_bg.gif) 0 0 no-repeat; height:133px;}
#header .TopHeader .Logo{ padding:22px 0 0 22px;}
#header .FlashBanner{ background:url(../images/flash_ban.jpg) 0 0 no-repeat; height:116px; width:832px;}
#header .BtmHeader{ background:url(../images/btm_header_bg.gif) 0 0 repeat-x; height:33px; padding-top:6px;}
#logo {float:left; width:245px; margin:27px 0 0 0; display:inline}
.SearchDv{ float:left; width:150px; padding:5px 0 0 20px;}

.Nav{ background:url(../images/nav_bg.gif) 0 0 repeat-x; height:33px; width:795px; float:left;}
.Nav ul{ background:url(../images/nav_sprite.gif) 100% 0 no-repeat; height:33px;}
.Nav ul li * {background:url(images/nav_sprite.gif) no-repeat 0 0; display:block; float:left; height:22px; }
.Nav ul li{ background:url(../images/nav_sep.gif) 100% bottom no-repeat; display:block; height:33px; float:left;}
.Nav ul li a {background-position:left top; font:bold 11px Verdana; color:#317cb4; text-decoration:none; padding-left:7px; cursor:pointer; height:33px; display:block;}
.Nav ul li a span {background-position:0 0; padding:10px 15px 0 8px;}
.Nav ul li a:hover { background:url(../images/nav_sprite.gif) 0 -33px; color:#fff; text-decoration:none}
.Nav ul li a:hover span{background:url(../images/nav_sprite.gif) 100% -33px; } 
.Nav ul li.Last{ background:none; display:block; height:33px; float:left;}
.Nav ul li a.selected { background:url(../images/nav_sprite.gif) 0 -33px; color:#fff; text-decoration:none}
.Nav ul li a.selected span{background:url(../images/nav_sprite.gif) 100% -33px; } 
.Nav ul li a.active { background:url(../images/nav_sprite.gif) 0 -33px; color:#fff; text-decoration:none}
.Nav ul li a.active span{background:url(../images/nav_sprite.gif) 100% -33px; } 


/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#MainContent{ padding:10px; border:1px solid #ebebeb; margin:10px 0;}
.ImgDv{ width:240px;}
.ImgDvSmal{ width:151px;}
.TextLeft{ width:552px;}
/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/

/* 	MODULES (id=ARTICLE)
**********************************************************/

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

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

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.BrdBtmDash{
}
.ImgBrd{ border:1px solid #c2c2c2;}

/* 	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}
.textU, .textU a{text-decoration:underline}
.upperCase {text-transform:uppercase}

/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll{text-align:center}
.alignLeft{text-align:left}
.alignRight{text-align:right}
.justify {text-align:justify}
.fl{ float:left}
.fr{ float:right}
/* colored text */
.clrtext1{ color:#317cb4;}
.clrtext2{ color:#ff0000;}

/* Line Heights */
.linHgt20{ line-height:20px;}

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input{ border:1px solid #c3c3c3; padding:3px; height:15px; width:300px}
.inputSelect{ border:1px solid #c3c3c3; padding:3px; height:50px; width:300px} 

.Searchinput{ background:url(../images/search_bg.gif); border:none; width:151px; height:17px; padding:2px 0 0 20px; font:normal 11px Verdana;}
.WidBig{ width:240px}
.Button{ background:url(../images/button_bg.gif) 0 0 repeat-x; height:24px; padding:0 3px 2px 3px; color:#fff; font-size:13px; font-weight:bold; border:none; cursor:pointer;}

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer {
	padding:10px;
	text-align:center;
	color:#8f8f8f;
	background:url(../images/footer_bg.gif);
	height:100px;
	line-height:20px;
	background-position: center;
	background-repeat: no-repeat;
}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne{padding:10px}
.padBtm15{padding-bottom:15px}
.Padrht10{
	padding-right:10px;
	border-bottom: 1px dashed #cccccc;
}

	}
.Padlft10{padding-left:10px}
.padtp15{padding-top:15px}
.padtp10{
	padding-top:10px;
	width: 832px;
	margin-left: auto;
	margin-right: auto;
}

.padBtm8{padding-bottom:8px}
.PadTpBtm{
	padding:15px 0;
	border-bottom: 1px dashed #cccccc;
}
.PadTpBtmn{
	padding:15px 0;
	border-bottom: 1px dashed #cccccc;
}

.PadTpBtm10{ padding:10px 0;}
.padBtm10{padding-bottom:15px}

/* matgins */
.marginTop{margin-top:10px}
.marginBtm{margin-top:10px}
				
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; padding:0; margin:0; line-height:0;}

.Boldtext{ font-size:12px; font-weight:bold; display:block; padding-bottom:5px;}
a.Boldtext{ font-size:12px; font-weight:bold; display:block; color:#505154; padding-bottom:5px; text-decoration:none;}
a.Boldtext:hover{ color:#317cb4;}

.BulletPoints { background:url(../images/bullet.gif) 0 5px no-repeat; line-height:20px; padding:0 0 0 20px;}

a.Back{ background:url(../images/back_arrow.gif) 0 4px no-repeat; padding:0 0 0 10px;}