/*

Colour Constants

	Orange:#f2aa24;

	Copy Text grey :#666666;	


*/










/* div - centered outer */
#Table_01 {
	width:1024px;
	height:768px;
	text-align:left; 
	margin:0 auto;
	position:relative;
	border:solid 1px #202969;
    background-image: url("../images/background.jpg");
    background-repeat:no-repeat;
}

/* div - top right logo */
#logo
{
	position:absolute;
	top:1px;
	left:820px;
	width:200px;
	height:110px;
	background-image:url("../images/constar-logo.gif");
	background-repeat:no-repeat;
}

/* div - the positioning statement about constar */
#TopCopy
{
    position:absolute;
	left:220px;
	top:20px;
	width:382px;
}
/* div - left business benefits shortcuts */
#leftShortcuts
{
    position:absolute;
	left:40px;
	top:220px;
	width:140px;    
}

/* div - horizontal menu bar */
#homepage-template-02 
{
	background-image: url("../images/homepage-template_02.gif" );
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:116px;
	width:1024px;
	height:67px;
	
}

h1
{
	color: #f2aa24;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:large;
	font-weight:bolder;
	text-align:justify;

}

h2
{
	color: #f2aa24;
	font-size:medium;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif ;
	font-size:medium;
		font-weight:normal;
		font-style:oblique;
	text-align:justify;
	
}


/* standards for all paragraph text */
p
{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif ;
	font-size:smaller;
	/*color: #202969;*/
	color:#666666;
	text-align:justify;
}

/* copy that goes into the small boxes on the home page*/
p.copy
{
	font-size:smaller;
	text-align:justify;
	padding:6px;
}

/* div - the case study links bar at the bottom of the page */ 
#homepage-template-06 {
	position:absolute;
	left:197px;
	top:664px;
	width:827px;
	height:104px;
}

/* div for the left menu text on the horizontal menu bar on the home page */
#menu {
    width:500px;
    float:left;
}

/* div for the right menu text on the horizontal menu bar on the home page */
#menuright
{
	    float:right;
}

/* paragraph format for the menu text */
p.menutext
{
    padding:24px;
    margin: 0px;
	color: White;	
}

/* menu text link colour */
a.menutext 
{
	color: White;
	
}

/* each business benefit list item on the left has some spacing */
li.menulistitem { margin-bottom: 20px; }

/* a class for the left hand nav business benefits */
ul.menulist
{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif ;
	font-size: smaller ;
    list-style-type: none;
    color: white;
    padding: 0; 
    margin: 0;
    text-align: right;
    line-spacing: 20px;
    
}
/* this gives us the centered div for the whole page */
body { text-align:center; 
       margin-top: 0px 0px 0px 0px; 
}

/* template page styles */

/* the main div content area on the page */
#mainBodyDiv
{
	float:left;
	width: 502px;

}

/* The div containing images on the right of the template page */
#rightHandImageBlock
{
	float:right;  width: 254px;
}

/*An image in an image block get's some style... */
div.bodyImage
{
		border:solid 1px #f2aa24;
		margin:0px 0px 0px 0px;
		padding:1px 1px 1px 1px; 
		/*background-color:#f2aa24;*/
}

/* links in the middle of main copy show orange*/
a.copyLink
{
	/*color:#f2aa24;*/ /* looks better normal blue! */
	color:Blue;
}

/* go a colour when hovered over*/
a.copyLink:hover
{
	color:#f2aa24;	
}

/* a p style for image captions */
p.imageCaption
{
	background-color:#f2aa24;
	color:White;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

/* breadcrumb link styles */

a.bread
{
		color:#666666;
		font-size:large;
}

a.bread:hover
{
		color:#f2aa24;
		font-size:large;
}

/* used for the orange quotes in copy */ 
span.quotes
{
	color: #f2aa24;
	font-size:large;

}

div.storyBlock
{
	padding: 10px 10px 10px 200px;
	margin: 0px 0px 20px 0px;
	/*background-color: #f2aa24;*/
	border:solid 1px #f2aa24;
	
}

div.storyBlock p 
{
	color: #666666;
	text-align:justify;

}

p.storyLink
{
	text-align:right;
}