/*
SystemCore Ltd
PUFF BOY STYLE SHEET - DMI TACTICAL CUT 08.06.07
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
margin-top: 1px;
}


#container {
width: 977px;
/*mod jrc 220109 - height: 1000px;*/
height: 1100px;
margin-right:auto;
margin-left:auto;
border-left: 0px solid #99ff00;
border-right: 0px solid #99ff00;
border-bottom: 0px solid #99ff00;
border: 0px solid yellow;
/*mod jrc 220109*/
background: #FFFFFF;
}

#index_page #container {
width: 977px;
/*mod jrc 220109 - height: 1000px;*/
height: 1100px;
margin-right:auto;
margin-left:auto;
border-left: 0px solid #99ff00;
border-right: 0px solid #99ff00;
border-bottom: 0px solid #99ff00;
border: 0px solid yellow;
/*mod jrc 220109*/
background: #FFFFFF;
}


body #container {
width: 977px;
}

h1,h2
{
}

body
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 10pt;
	color: #222222;
	background-color: #C8C8C8;
}


/* Header */

#header
{
	position: relative;
	background: #FFFFFF url('images/a5_new1.jpg') bottom left repeat-x;
	height: 157px;
	padding-left: 1em;
	margin-bottom: 0em;
padding-bottom: 0em;
}

/*Logo */
#logo {
margin-top: 27px;
margin-left: 0px;
width:294px;
height:102px;
float: left;
}

/*Top Banner Ad*/
#topbanner {
margin-top: 63px;
margin-left: 0px;
margin-right: 13px;
width:630px;
height:72px;
float: left;
}
/* Content */


/*Div for business.com feed*/
#businesscom {
margin-top: 5px;
margin-left: 20px;
margin-right: 10px;
width: 612px;
height: 125px;
float: left;
border: 1px solid #ffffff;
background: #efefef url('images/bizcomback.jpg') top left no-repeat;
}




#content
{
	line-height: 1.5em;
	margin-bottom: 0.5em;
margin-top: 0em;
padding-top: 0em;
width: 100%;
float: left;
}


#content p
{
	margin-bottom: 1.0em;
padding-top: 0em;
padding-left: 1em;
}

#content h2,h3,h4,h5,h6
{
	color: #545454;
	margin-bottom: 1em;
	border-bottom: solid 1px #e1645e;
	padding-bottom: 0.3em;
padding-top: 0em;
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;
}

#content blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
}

#content blockquote p
{
	margin-bottom: 0em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: left;
	width: 145px;
/*	mod jrc 220109 - height: 758px; */
	height: 875px;
	padding: 5em 0em 0em 0em;
	background: #990000 url('images/menu_bg_left.jpg') top left no-repeat;
margin-top: 0em;
border: 0px solid yellow;
}


#index_page #secondaryContent
{
	position: relative;
	float: left;
	width: 145px;
/*	mod jrc 220109 - height: 758px; */
	height: 875px;
	padding: 5em 0em 0em 0em;
	background: #990000 url('images/menu_bg_left.jpg') top left no-repeat;
margin-top: 0em;
border: 0px solid yellow;
}


#secondaryContent2
{
	position: relative;
	float: left;
	width: 145px;
	height: 935px;
	padding: 5em 0em 0em 0em;
	background: #990000 url('images/menu_bg_left.jpg') top left no-repeat;
margin-top: 0em;
}




/*Left Menu Button*/
#leftmenubutton {
margin-left: 10px;
margin-bottom: 1em;
padding-bottom: 0.3em;
width:16px;
height:15px;
float: left;
border: 0px;

}

/*Left Menu text*/


#menufont{
	font-family: Trebuchet MS, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
margin-bottom: 1.0em;
	border-bottom: solid 1px #e1645e;
	padding-bottom: 0.5em;
padding-left: 7.3em;
text-decoration: none;
}








/*Copyright bit*/

#copyr{
/*mod jrc 220109*/
float: left;
clear: both;
/*end mod jrc 220109*/
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #ffffff;
/*margin-bottom: 1.0em;*/
	padding-bottom: 0.5em;
padding-left: 2.5em;
/*padding-top: 500px;*/
margin: 0px;
margin-top: 400%;
border: 0px solid yellow;
}

/*Copyright bit2*/

#copyr2{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #ffffff;
margin-bottom: 1.0em;
	padding-bottom: 0.5em;
padding-left: 2.5em;
padding-top: 700px;
}

/*Copyright bit3*/

#copyr3{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #ffffff;
margin-bottom: 1.0em;
	padding-bottom: 0.5em;
padding-left: 2.5em;
padding-top: 450px;
}






#centercontent
{
	position: relative;
	float: left;
	width: 656px;
	height: 825px;
	padding: 0em 0em 0em 0em;
	background: #ffffff;
border: 0px solid #99ff00;
margin-top: 0em;
padding-top: 0em;
}


#centercontent2r
{
	position: relative;
	float: left;
	width: 830px;
/*	mod jrc 220109 - height: 702px; */
	height: 825px;
	padding: 0em 0em 0em 0em;
	background: #ffffff;
border: 0px solid #99ff00;
margin-top: 0em;
padding-top: 0em;
}

#centercontent2c
{
	position: relative;
	float: left;
	width: 830px;
/*	mod jrc 220109 - height: 702px; */
	height: 825px;	padding: 0em 0em 0em 0em;
	background: #ffffff;
border: 0px solid #99ff00;
margin-top: 0em;
padding-top: 0em;
}

#centercontent2clong
{
	position: relative;
	float: left;
	width: 831px;
	height: 825px;
	padding: 0em 0em 0em 0em;
	background: #ffffff;
border: 0px solid #99ff00;
margin-top: 0em;
padding-top: 0em;
}









#centercontent2
{
	position: relative;
	float: left;
	width: 830px;
	height: 902px;
	padding: 0em 0em 0em 0em;
	background: #ffffff;
border: 0px solid #99ff00;
margin-top: 0em;
padding-top: 0em;
padding-right: 0px;
}

#centercontent3
{
	position: relative;
	float: left;
	width: 830px;
	height: 1002px;
	padding: 0em 0em 0em 0em;
	background: #ffffff;
border: 0px solid #99ff00;
margin-top: 0em;
padding-top: 0em;
padding-right: 0px;
}









/* --------------------------------------------------------------------- */	
/*Box Styles */
/* --------------------------------------------------------------------- */	

.box1 {float: left;
width: 290px;
padding-left: 18px;
padding-top: 1px;
padding:bottom: 0em;
}

.boxheader1 {float: left; background:url(images/boxheaderb.jpg) no-repeat;
width: 290px;
padding-top: 19px;
}

.boxcontent1 {float: left; background:url(images/boxcontentb.jpg) repeat-y;
height : 525px;
width: 290px;
}

.boxfooter1 {float: left; background:url(images/boxfooterb_red.jpg) no-repeat;
width: 290px;
height: 61px;
}

.box1 p {
color: #666666;
font-size: 0.8em;
padding: 0px 0px 0px 0px;
margin: 11px;
text-align: left;
line-height: 2.0em
float: left;
}

.boxbigfont  {
color: #E30222;
font-family: Arial, sans-serif;
font-size: 1.9em;
padding: 0px 0px 0px 0px;
margin: 10px;

}

.boxbigfont2  {
color: #333333;
font-family: Arial, sans-serif;
font-size: 1.6em;
padding: 0px 0px 0px 10px;
margin: 0px;
padding-top: 15px;
}

.boxbigfont3  {
color: #333333;
font-family: Arial, sans-serif;
font-size: 1.1em;
padding: 0px 0px 0px 10px;
margin: 0px;
padding-top: 15px;
font-weight: bold;
}




.boxbigfontr  {
color: #E30222;
font-family: Arial, sans-serif;
font-size: 1.4em;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: right;
}


.boxbigfontr2  {
color: #E30222;
font-family: Arial, sans-serif;
font-size: 1.3em;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: right;
font-weight: bold;
}












.boxfooter1 {float: left; background:url(images/boxfooterb_red.jpg) no-repeat;
width: 290px;
height: 61px;
}

/*Box 2*/

.box2 {float: left;
width: 290px;
padding-left: 10px;
padding-top: 0em;
}

.boxheader2 {float: left; background:url(images/boxheaderb.jpg) no-repeat;
width: 290px;
}

.boxcontent2 {float: left; background:url(images/boxcontentb.jpg) repeat-y;
height : 0px;
width: 290px;
}

.boxfootersp {float: left; background:url(images/boxfootersp.jpg) no-repeat;
width: 290px;
height: 100px;
padding: 0px 0px 0px 15px;
}


.boxfooter2 {float: left; background:url(images/boxfooterb.jpg) no-repeat;
width: 290px;
height: 81px;
}

.box2 p {
color: #666666;
font-size: 0.7em;
padding: 0px 0px 0px 0px;
margin: 10px;
}

.boxbigfontd  {
color: #222222;
font-family: Arial, sans-serif;
font-size: 1.4em;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: right;
}

/*Box 3*/

.box3 {float: left;
width: 290px;
padding-left: 10px;
padding-top: 0em;
}

.boxheader3 {float: left; background:url(images/boxheaderb.jpg) no-repeat;
width: 290px;
}

.boxcontent3 {float: left; background:url(images/boxcontentb.jpg) repeat-y;
height : 393px;
width: 290px;
}

.boxfooter3 {float: left; background:url(images/boxfooterb.jpg) no-repeat;
width: 290px;
height: 61px;
}

.box3 p {
color: #666666;
font-size: 0.7em;
padding: 0px 0px 0px 5px;
margin: 0px;
}

/*End of Box 3*/

.boxbigfontx  {
color: #222222;
font-family: Arial, sans-serif;
font-size: 1.4em;
padding: 0px 0px 10px 12px;
margin: 5px;
text-align: center;
}


.clear
{
	clear: both;
height: 0em
line-height: 0em;
margin: 0em;
}


/*Base Banner Ad*/
#basebanner {
/*mod jrc 220109margin-left: 5px; */
margin: 0px;
margin-top: 5px;
/*mod jrc 220109width:650px;*/
width: 100%;
height:75px;
float: left;
/*mod jrc 220109*/
clear: left;
border: 0px solid yellow;
}


div.gallery3content {
/*float: left;*/
display: inline-block;
margin-left: auto;
margin-right: auto;
border: 0px solid red;
}




/* Right Banner Content */
#rightbanner
{
	position: relative;
	float: left;
	width: 176px;
/*mod jrc 220109 	height: 798px; */
	height: 915px;
	padding: 2em 0em 0em 0em;
	background: #ffffff url('images/banner_back2.jpg') bottom no-repeat;
border: 0px solid #99ff00;
margin-top: 0em;
}


#rightbanner_foot {
margin-top: 56%;
border: 0px solid yellow;	
}


/* base */

#base
{
	position: relative;
	background: #8F949A;
	height: 55px;
	width: 977px;
	padding-left: 0em;
	margin-bottom: 0em;
margin-top: 0em;
padding-bottom: 0em;
padding-top: 0em;
 /*mod jrc 220109 */
 float: left;
 clear: left;
 }

/* basetext */
.basetext
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
	
		}

/*TABLE STYLES */

#content table
{
	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: left;
}

#content table th
{
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.5em;
	border-right: solid 1px #fff;
}

#content table tr.rowH
{
	color: #fff;
	background: #990000;
	border-right: solid 1px #fff;
}

#content table tr.rowA
{
	background: #F8F8F8 url('images/a6.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

#content table tr.rowB
{
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}




