/* CSS Document */

html, body  {
	margin:0; 
	padding:0;
}

*{padding: 0; margin: 0;}

a:link {
	text-decoration:none;
}
a:visited { 
	text-decoration:none;
}
a:hover {
	text-decoration:none;	
}
a:active, a:focus{/* removes dotted border around a:active from Firefox */
	outline:none;
	text-decoration:none;
	 } 

#wrapper {
    margin: 0 auto; /*Center container on page*/
    width: 772px; 
    background-color:#ffffff ;
	background:url(../images/stripes.gif) repeat-y;
    min-height:90%;
    height:100% auto;
}
* html #wrapper {
	height: 90%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#header {
	width: 680px;
	height:75px;
	float:right;
	padding:10px 0 5px 0;
}
.headerText {
	width:415px;
	float:left;
	margin-top:20px;
	margin-left:7px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#000000; 
	font-weight:bold;
}
.headerText p{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#464646;
	font-style:italic; 
	font-weight:normal;
	text-align:left;
}
.headerTextBold{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
}
.logo {
	float:left;
	background: url(../images/justsellit_logo.gif) no-repeat left top; 
	width: 255px;
	height: 69px;
	display:block;
	position:relative;
	}	
.menubar {
	height:26px;
	float:right;
	margin-left: .04em;
}

#color_band {
	width: 82px;
	height: 782px;
	float:left;
	background:url(../images/color_band.jpg) no-repeat;
}

#main {
	width:684px;
	float:right;
	height:200px;
	margin-left: .04em;
	display:block;
	height:100%;
	}

.photo_banner {
	background: url(../images/photo_banner.jpg) no-repeat;
	width: 680px;
	height:131px;
	margin-left: 1px;
	float:left;
	}
.yellow_banner {
	height:64px;
	background-color:#ffc82e;
	width: 652px;
	padding:15px;
	text-align:center;
	margin-left: 1px;
	margin-top: 3px;
	float:left;
	}
.pagetitles {
	width: 184px;
	float: left;
	height: 300px;
	padding-left:20px;
	margin-top:50px;
}
.yelloText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffc82e;
	font-weight:bold;	
}
.darkblueTextsmall {
	color:#2a6ebc;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	}
.darkblueTextsmall a:link{
	text-decoration:underline;
	}
.greenText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7cc242;
	font-weight:bold;	

}
.darkblueText {
	color:#2a6ebc;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.greenBox {
	width:	308px;
	background: url(../images/green_bkgd.gif) ;
	padding: 15px;
	margin-left:1px;
	float:left;
	height:535px ;
	}
.greenBox ul li{
	list-style:disk;
	margin-left:20px;
	line-height: 20px;
	color:#FFFFFF;
}	
.blueBox {
	width:	310px;
	background:  url(../images/blue_bkgd.gif) ;
	padding: 15px;
	float:left;
	height:535px ;
	}
	
.whiteText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:37px;
}
.smallwhiteText {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	text-align:left;
}
.circle_image {
	position:relative;
	float:right;
	left:-12px;
	top:-30px;
	height:94px;
	width:95px;
	}
.square_image {
	position:relative;
	float:right;
	top:-52px;
	left:12px;
	height:102px;
	width:106px;
	}
	
#mainTextArea {
	text-align:left;
	padding-top:18px;
	padding-right:8px;
	width:468px;
	float:left;
	height:100% auto;
}
#mainTextArea p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#000000; 
	line-height:16px; 
}
#list{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#000000; 
	line-height:16px; 
} 

#list ol{
	margin-left:25px;
	margin-top:20px;
	list-style-position:outside;
} 
#list ul{
	margin-top:20px;
	margin-left:30px;
} 	

.mainTextAreaBold {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#000000; 
	font-weight:bold;
}

#mainTextAreaForm {
	text-align:left;
	padding-left:20px;
	padding-top:18px;
	padding-bottom:10px;
	width:550px;
	float:left;
}
#mainTextAreaForm p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#000000; 
	line-height:16px; 
}
#mainTextArea.greenlink a {
	color:#669900; 
	text-decoration:underline;
}

	
.TextBlue {
	font-size: 14px;
	color: #004F6C;	
	font-family:  Arial,Helvetica, sans-serif; 
	line-height:16px;
}

/*- Footer --------------------------- */
#clearfooter{clear:both;height:20px;}/*needed to make room for footer*/
* html #clearfooter {width:760px; margin:0 auto;background-color:#FFFFFF;}/* ie mac styles */
#footer {
    clear: both; 
    width: 760px;
    padding-bottom:3px;
	padding-top:5px;
    text-align: right;
	border-top:#669284 1px solid;
	background-color:#FFFFFF;
}
#whitefooter {
    clear: both; 
    width: 760px;
	background-color:#FFFFFF;
	height:15px;
}


#footer li { 
    display:inline; /* gets the list items showing horizontally */ 
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#808285;
    list-style-type:none; /* removes the bullets */ 
    padding:0 5px 0 5px; /* some space between each item */ 
    margin:0px; /* don't need to remove the space for IE - This is rubbish - The bullet space is made by paddding-left or margin-left depending on browser and you just need to reset both to zero.*/ 

}

#footer li a { 
	text-decoration:none; /* removes the underline from links */
	color: #666666; 
} 
#footer li a:hover { 
	text-decoration:underline; /* adds the underline back on mouseover */ 
}

#footer p{
	margin-top:5px;
	font-family:  Arial, Helvetica,sans-serif;
	font-size:10px;
	color:#000000;
	}
/*- End footer --------------------------- */

/*- Begin Form and Table Styles ---------- */

div.row span.formw {
  float: left;
  margin-left:5px;
  text-align: left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
  } 
  	
input, textarea, select{
	border: #999999 1px solid ;
	margin-top:1px;
}

.formText {
	font-size: 13px;
	color: #000000;	
	font-family:  Arial,Helvetica, sans-serif; 
	line-height:18px;
	margin:5px;
	padding:5px;
}	
td, th {
  padding: 1px;
}
/*- End Form and Table Styles ---------- */