/************************************************************************
	Title: Cousins ONLINE - beta
	File: global.css
	
	GLOBAL CSS 
	==========
	
	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique
	
	Author:		Elroy Blackwood		[elroy@thestream.co.uk]

	Listing Order:
	==============

	Universal
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Forms
	Gallery

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th, span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	margin: 0px;
	text-align: left;
}




h1, h2, h3{
	margin-bottom: 5px;
	font-weight: bold;
	color: #F78F1E;
}

h4 {
	margin-bottom: 5px;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
}

h3 {
	font-size: 1em;
	/*font-weight: normal;*/
}

h4 {
	font-size: 0.8em;
	/*font-weight: normal;*/
}

p {
	font-size: 0.9em;
	line-height: 1.3em;
}

p a {
	text-decoration: none;
}

p a:hover {
	border-bottom: 2px solid #DCDCDC;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube2{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 13px;
	line-height: 18pt;
}

/***********************************************************************
	BODY ELEMENTS
************************************************************************/
/* Main Content*/
.bodytext {
	line-height: 1.5;
	font-size: small;
	padding-right: 15px;
}

/***********************************************************************
	CONTAINER
************************************************************************/
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/***********************************************************************
	HEADER
************************************************************************/

#header {
	height:190px;
	width:900px;
	float:left;
	background-color: #F37B19;
}

#header_logo_image {
	height: 190px;
	width: 179px;
	float: left;
	background-color: #11358D;
}

#header_2_wrap {
	height: 118px;
	width: 665px;
	float: right;
}
#header_banner {
	height: 165px;
	width:721px;
	float: right;
	background-color: #996600;
	background-image: url(../images/banner_top1_v2_wide.jpg);
}
#header_menu {
	background-color: #f78f1e;
	height: 25px;
	width:621px;
	float: right;
}
#banner{
	background-image:url(images/bannermain.jpg);
	width:721px;
	height:165px;
	float:left;
}
#bannerIncorp {
	float: right;
	width: 400px;
	margin-top: 60px;
	text-align: right;
	padding-right: 15px;
	color:#CCCCCC;
	text-shadow: black 0.1em 0.1em 0.3em;
}
#bannerIncorp a:link{
	color:#CCCCCC;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.3em;
}
#bannerIncorp a:hover{
	color:#CCCCCC;
	text-decoration:underline;
	text-shadow: black 0.1em 0.1em 0.3em;
}
#bannerIncorp a:visited{
	color:#FFFFFF;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.3em;
}
/***********************************************************************
	HEADER BASE
************************************************************************/

#header_base {
float:left;
width:100%;
height:19px;
}

#header_base_left {
	float:left;
	width:179px;
	height:19px;
	background-image: url(../images/cousins_backround.jpg);
}

#header_base_right {
	float:right;
	width:721px;
	height:19px;
}

/***********************************************************************
	MAIN
************************************************************************/
#contentwrapper{
	float: left;
	width: 100%;
	background-image: url(../images/cousins_backround.jpg);
}

#breadcrumb {
	font-size: 0.9em;
	color: #666666;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 10px;
	line-height: 1.5em;
}

#leftcolumn{
	float: left;
	width: 213px; /*Width of left column in pixel*/
	margin-left: -950px;
	background-color: #F78F1D;
	text-align: left;
}
#leftcolumn2{
	float: left;
	width: 179px;
	text-align: left;
}

* html div#contentcolumn{
	float: right;
	width: 721px;
}

#contentcolumn{
	float: right;
	width: 721px;
}

#rightcolumn{
	float: left;
	width: 72px; /*Width of right column in pixels*/
	margin-left: -737px;
	background-color: #F78F1D;
}
#rightcolumn2{
	float: left;
	width: 72px; /*Width of right column in pixels*/
	margin-left: -737px;
	background-color: #CCCCCC;
}
/*************
Left Bar Nav
**************/
#leftcontainer_nav {
	width: 200px;
	float: left;
	line-height: 18pt;
	margin-top: 70px;
	margin-left: 13px;
}

#leftcolumn a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#leftcolumn a:visited {
	color: #666666;
	text-decoration: none;
}
#leftcolumn a:hover {
	color: #000000;
}

#leftcolumn2 a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#leftcolumn2 a:visited {
	color: #666666;
	text-decoration: none;
}
#leftcolumn2 a:hover {
	color: #000000;
}
/*************
Right Container
**************/

#rightcontainer {
	float: left;
	width: 665px;
	background-color: #FFFFFF;
}

* html div#content {
	padding-left:70px;
	padding-right:38px;
}

#content {
	padding-left:10%;
	padding-right:5%;
	list-style-type: square;
	padding-bottom: 10px;
}
.content_imageMain	{
}

.content_imageLeft {
	float:left;
	margin-right: 10px;
}

.content_imageRight {
	float: right;
	margin-left: 11px;
}
/***********************************************************************
	FOOTER
************************************************************************/

#footer_container {
	height: 118px;
	width: 100%;
}

#footer_logo {
	height: 118px;
	width: 285px;
	float: left;
}

#footer_body {
	height: 78px;
	width: 590px;
	float: left;
	margin-top: 40px;
	margin-right: 10px;
	font-size: 1.1em;
	margin-left: 65px;
}

#footer_shadow {
	float: left;
	height: 14px;
	width: 100%;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
}
.left_value {
	font-weight: bold;
	float: left;
	height: 20px;
	width: 40%;
	line-height: 100%;
}
.right_value {
	font-weight: bold;
	float: left;
	width: 60%;
	height: 20px;
}
#footer {
	height: 48px;
	float: left;
	background-color: #11358D;
}