/* Author : Patrick Sy */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, /*p,*/ blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {	outline:0;}
body { line-height:1;}
/* ol, ul { list-style:none;} */

table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}

/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#663;}
a:hover, a:focus { text-decoration:none; color:#ff6600;}
:focus { outline:0;}

h1,h2,h3,h4,h5,h6 { font-weight:bold;}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-weight:bold;}
/* ol li { list-style:decimal inside;} */

span.break { display:block; margin-bottom:22px;}
.red { color:#7f1e1d;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
#topLinks * { position:absolute;}

/*** general ***/
body { background:url(images/bg.jpg) repeat-x #99cc66; text-align:center; font-family:Trebuchet MS, Arial; color:#666; position:relative;}
#wrapper, .wrapper { background:url(images/bodyBg.png) repeat-y; text-align:left; margin:0 auto; width:1000px; position:relative;}

#header .wrapper { background:url(images/headerBg.gif) 0 83px no-repeat; height:451px;}
#heading { background:url(images/headingBg.gif) repeat-y; margin-top:70px; float:left; padding:0 15px; position:relative;}
#header .bot { background:url(images/headingBotBg.gif) no-repeat; clear:both; height:7px;}
#mainImg { background:url(images/img_thumbs.jpg) 63px 0 no-repeat; width:359px; height:279px; float:left; padding:10px 0 0 320px;}
#mainImg h2 { font:34px Arial Narrow, Arial; color:#999; font-weight:bold; margin-bottom:14px;}
#mainImg li { list-style:url(images/icoCheck.gif) inside; font:15px Arial; color:#000; line-height:29px;}
#search { background:url(images/btnSearch.gif) no-repeat; display:block; width:263px; height:72px; margin-top:14px;}
#search:hover, #search:focus { background-position:0 -75px;}
#flash { width:291px; height:289px; float:left;}
#nv { top:15px; right:0;}
#contactNum { top:44px; right:0; font:24px Arial;}
#loginBtn { background:url(images/loginBtn.gif) no-repeat; left:53px;}
#signupBtn { background:url(images/signupBtn.gif) no-repeat; right:53px;}
.btn { top:108px; width:69px; height:28px;}
#topLinks .btn:hover, .btn:focus { background-position:0 -30px;}
#topLinks #nv * { position:relative; font:12px Arial;}

#insidePane { bottom:7px; left:267px; width:436px; height:280px; position:absolute;}
#insidePane .top { background:url(images/headerTopBg.gif) bottom no-repeat; height:23px;}
#insidePane .mid { background:url(images/headerMidBg.gif) bottom repeat-y; padding:0 20px; height:225px;}
#insidePane .bot { background:url(images/headerBotBg.gif) bottom no-repeat; height:32px;}

#mBody { background:#fff; float:left; width:816px; padding:0 34px 0 150px;}
#nav { background:url(images/navBg.gif) no-repeat; top:-2px; left:-6px; width:92px; height:194px; position:absolute; padding:18px 0 0 28px;}
#nav li { list-style:none; font:12px Arial; line-height:22px;}
#nav li a { color:#fff;}
#nav li a:hover, #nav li a:focus { text-decoration:underline;}

.threeCol, .twoCol, .singleCol { background:url(images/threeColDiv.gif) right no-repeat; width:258px; float:left; padding:7px; font-size:12px; line-height:20px;}
.threeCol span , .twoCol span , .singleCol span { display:block; height:21px; margin-bottom:33px;}
.threeCol .text, .twoCol .text, .singleCol .text { padding:0 5px;}
.twoCol { width:530px;}
.twoCol span, .threeCol span.insidePage, .singleCol span { margin-bottom:5px;}
.twoCol .top, .threeCol .top, .singleCol .top { background:url(images/top.gif) bottom no-repeat; height:19px;}
.twoCol .mid, .threeCol .mid, .singleCol .mid { background:url(images/mid.gif) repeat-y; padding:0 20px;}
.twoCol .bot, .threeCol .bot, .singleCol .bot { background:url(images/bot.gif) no-repeat; height:24px;}
.twoCol .wrap, .threeCol .wrap { width:544px; margin:0; margin-left:-7px;}
.threeCol .wrap { width:272px;}
.threeCol .top { background-image:url(images/top_sm.gif);}
.threeCol .mid { background-image:url(images/mid_sm.gif);}
.threeCol .bot { background-image:url(images/bot_sm.gif);}
.blue { color:#0066cc;}
.green { color:#99cc66;}
.orange { color:#993300;}
.threeCol .blue .fill, .twoCol .blue .fill, .singleCol .blue .fill { background:#005388;}
.threeCol .green .fill, .twoCol .green .fill, .singleCol .green .fill { background:#99cc66;}
.threeCol .orange .fill, .twoCol .orange .fill, .singleCol .orange .fill { background:#ff5300;}
.noBG { background:none;}

.singleCol { width:816px;}
.singleCol .top { background-image:url(images/top_bg.gif);}
.singleCol .mid { background-image:url(images/mid_bg.gif);}
.singleCol .bot { background-image:url(images/bot_bg.gif);}

#footer .wrapper { background:url(images/footerBg.gif) repeat-x; width:780px; height:88px; clear:both; font-size:12px; color:#99cc66; padding:10px 55px 0 165px;}
#footer .wrapper p { font-size:11px; color:#666; line-height:22px; margin:0; padding:0; margin-bottom:8px;}
#footer a { color:#99cc66;}
#footer a:hover, #footer a:focus{ color:#99cc66; text-decoration:underline;}

.mid p { margin:0; padding:0;}
