@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)
**********************************************************/
html {background:#450102 url(../images/pageBg.gif) center repeat-y}
body {font:normal 12px Arial; color:#000; text-align:left; background: url(../images/headerBg.jpg) left top no-repeat}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none} 
a {color:#000; font-weight:bold; text-decoration:none}
a:hover {color:#ad1419; 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:130%}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/

.header-cont{color:#5c0100;}
/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:950px}
#header {background:url(../images/header1.png) right top no-repeat; height:141px}
#logo {float:left; width:190px; margin:0 0 0 22px; display:inline}
#welcome {float:left; width:150px; padding:35px 0 0 142px /*margin-right:15px; display:inline;*/}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont{padding-top:7px}
#leftSideBar{float:left; width:220px;}
#content{float:right; width:715px}
#rightSideBar{float:left; width:770px; background:#000; min-height:250px}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
ul.vertOne li a.active {color:#5c0100; background:url(../images/bullet.png) left no-repeat; font-weight:bold}
ul.vertOne li a{color:#000; font-weight:normal; background:url(../images/bullet-gray.png) left center no-repeat; 
padding:5px 0; display:block; text-indent:15px; border-bottom:1px dashed #cd9876}
ul.vertOne li a:hover {text-decoration:none; font-weight:bold; color:#5c0100}

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

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

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

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.userPic img{border:1px solid #762627}
.brdr{border-right:1px dashed #5c0100;}
.brdb{border-bottom:1px dashed #5c0100; padding:8px}

/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
.modulemid {background:transparent url(../images/roundCornOne.gif) no-repeat scroll right top; position:relative;}
.modulemid div {background:transparent url(../images/roundCornTwo.gif) no-repeat left top; margin:0pt; padding:40px 0pt 0pt;}
.modulemid div div  {background:transparent url(../images/roundCornTwo.gif) no-repeat scroll left bottom; margin:0pt; padding:0pt 0pt 0pt 10px;}
.modulemid div div div {background:url(../images/roundCornOne.gif) no-repeat scroll right bottom; height:1%; padding:0px 10px 10px 0pt;}
.modulemid h3 {position:absolute; top:10px; left:10px; color:#fff; font-size:14px;}
.modulemid div div div div	{background:none !important; min-height:165px; padding:0px;}
.modulemid h3 span img {margin-right:5px}

h2.moduleheader	{background:url(../images/big_con1.gif) left top no-repeat; padding-left:8px; display:block; font:bold 14px Arial; color:#000}
h2.moduleheader span	{background:url(../images/big_con1.gif) right top no-repeat; display:block; padding:7px 0}
span.endmodule {background:url(../images/big_con1.gif) 0 -40px no-repeat; padding-left:5px; display:block}
span.endmodule span	{background:url(../images/big_con1.gif) 100% -40px no-repeat; height:5px; display:block}
.modulebody	{background:url(../images/bigconbg.gif) repeat-y left}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px; color:#FFFFFF;}
.para{font-size:12px}
.big{font-size:14px}
.safest a{font-weight:bold; color:#5c0100;}
/*font WEIGHTS */
.strong{font-size:14px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.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}
/* colored text */

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer{margin-top:10px; background:#fcae3a; border-top:1px solid #FFFFFF; padding:20px; color:#630100;} 


/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne{padding:8px}
.padBtm{padding-bottom:10px}
.pad-top{padding-top:10px;}
.padLeft{padding-left:10px;}
.padAll{padding:5px}
/* matgins */
.marginTop{margin-top:10px}
.marginBtm{margin-top:10px}
.marginTopTwo {margin-top:8px}

.userPic img			{border:1px solid #F2A500; padding:1px; background:#FFF; }
.userPic		        { text-align:center; width:150px;}	

.bordBlk					{border-right:1px dashed #000;}

.bordBtmGrey			{border-bottom:1px dashed #999999;}	
.bbb			{ border:1px solid #F2A500;}
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both}


.loginBg {background:url(../images/loginBg.gif) no-repeat; width:200; height:110px; padding:10px}

.loginBg_1 {background:url(../images/loginBg_1.gif) no-repeat; width:200; height:37px; padding:10px}