﻿/* Main Structure */


/*
COLOURS

*/

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


	

body
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:		1em;
	color:	        #65616B;
	margin:		    0px;
	padding:	    0px;
	line-height: 1.5em;


	padding-bottom:20px;
	background:url("../images/bg.gif") 0 0 repeat-x;
	background-color:#bfbfbf;
}



/* Standard formatting */

p, ul
{
	margin:		    0px;
	font-size:		90%;
}

a {color:#000;}
a:hover {color:#FF4F00;}


h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:140%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:110%;}
h5 {font-size:100%;}

p, ul, ol, dl, fieldset {margin:15px 0;}

object 
{
    display:inline;
    float:right;
    margin-top:10px;
    padding:0 5px 0 5px;
   border:  solid 1px #E36C0A; 
}


/*********************/
/* Main Conetnt DIVS */

#divAll
{
	width:1010px;
	position:relative;
	left:50%;
	margin:0px 0px 0px -505px;
	padding:0px;
}


#divHeader
{ 
	position:relative;
	background-image: url(../images/head.jpg);
	background-position: center 0;
	background-repeat:no-repeat;
	
	/* IE6+ min height hack*/
	  min-height:100px;
	  height:auto !important;
	  height:100px;
	  /* IE6+ min height hack*/
	  
	background-color: #d4d0c8;
	overflow:hidden;


}


#divHeader
{ 
	position:relative;
	background-image: url(../images/head.jpg);
}

#divHeaderText
{ 
	line-height:1.2em;
	position:absolute; top:8px; right:21px; width:392px; font-size:100%; font-weight:normal; font-style:normal; text-align:left;
	color:#bfbfbf;

}
	
#divHeaderText a
{
	color:#E36C0A;
	text-decoration:none; 
	border-bottom: solid 1px  #E36C0A;
}

#divHeaderText a:hover
{
	border-bottom: solid 1px  #FF4F00;
	color:#FF4F00;
}



#divTopNav 
{
	padding:0 15px 5px 6px;
	background:url("../images/nav.gif") 0 100% no-repeat;
	background-color:#D9D9D9;
	font-size:90%; 
}

#divTopNav ul 
{
	margin:0; 
	padding:0; 
	list-style:none;
}
#divTopNav ul li 
{
	display:inline; 
	margin:0; 
	padding:0;
}
#divTopNav ul li a 
{
	display:block; 
	float:left; 
	padding:12px 15px 12px 14px; 
	background:url("../images/nav-link.gif") 100% 0 repeat-y; 
	text-decoration:underline;
	color:#555;
}

#divTopNav ul li#nav-active a {color:#000;}
#divTopNav ul li a:hover {color:#000;}

#divContent #h2Title {margin:0; padding:15px 15px 10px 20px; background:url("../images/content-title.gif") 0 0 no-repeat;  font-weight:normal;}
#divContent #h2Title {background-color:#000; color:#E36C0A;}

#logo span {color:#FF4F00;}
#logo a {color:#FFF;}

#slogan {color:#AFAFAF;}

.cols 	{background:url("../images/cols.gif") 0 0 repeat-y;}

.cols {background-color:#FFF;}

#perex {margin-left:5px; padding: 15px 25px 25px 25px; background:url("../images/perex.gif") 0 100% no-repeat;}
#perex p {margin:0 0 10px 0;}
#perex {border-top:1px solid #2A2A2A; background-color:#000; color:#CCC;}
#perex a {color:#CCC;}
#perex a:hover {color:#FF4F00;}




#perex h2, #perex h3, #perex h1, #perex h4
{
	font-weight:normal;
	color:#E36C0A;
}

#perex h4
{
    margin-bottom:0px;
}

#perex h3
{
	border-bottom:solid 1px #999;
	font-size:100%;
	margin-bottom:0px;
	margin-top:0px;
}	

#perex h5
{
	font-weight:bold;
	width:100%;
    margin:5px 0 0 90px;
}

#perex .quickLinks
{
    margin-bottom:10px;
    display:block;

    padding:10px 10px 10px 0;
    font-size:80%;
}

#perex .quickLinks ul
{
    display:inline;
    margin-left: 0px;

}
			    
#perex .quickLinks ul li
{
    display:inline;
    margin-right:15px;
    margin-left: 0px;
}


#divContentLeft 
{
	float:left; width:755px; overflow:hidden;
}

#divContentSections 
{
	padding:15px 15px 10px 20px;
}

#divMainContent  img
{
	display: inline;
	float:left;
	padding: 10px 0 0;
}

#divMainContent a
{

	color:#EEEEEE;

}

#divMainContent p
{
	padding-top: 5px;
	margin-left: 90px;
}

#divMainContent p.nomargin
{
	padding-top: 5px;
	margin-left: 0px;
}

#divMainContent ul.nomargin
{
	margin-left: 0px;
}

#divMainContent .shortParagraph
{
	padding-bottom:20px;
}

#divMainContent ul
{
	margin-top:0px;
	margin-left:90px;
	padding-left:20px;
	list-style-image:url(../images/bullet.gif);
}

#divMainContent li
{
	padding: 3px 0
}

#divMainContent h4
{
	padding:0px;
	margin-top:5px;
	font-size:100%;
}	

/*where images are 148 px wide */

#divMainContent h3.largeImg, #divMainContent h4.largeImg, #divMainContent h5.largeImg, #divMainContent div.largeImg
{
    margin-left: 158px;
}

#divMainContent ul.largeImg
{
	margin-left: 158px;	
	list-style-image:url(../images/bullet.gif);
}

#divMainContent p.largeImg
{
	padding-top: 5px;
	margin-left: 158px;
}



#divSections
{
	background: url( "../images/sections.gif" ) 0 0 repeat-y;
}

	.section
	{
		float: left;
		width: 233px;
	}
	.section p
	{
		margin: 0;
	}
	.section.margin
	{
		margin: 0 10px;
	}
	.section h3
	{
		font-size:80%;
		margin: 0;
		padding: 10px;
		background: url( "../images/section-title.gif" ) 0 0 no-repeat;
		background-color: #FF4F00;
		color: #FFF;
	}
	.section h3 a
	{
		color: #FFF;
	}
	.section h3 a:hover
	{
		color: #000;
	}
	.section-in
	{
		font-size:80%;
		margin-bottom: 10px;
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #DADADA;
	}
	.t-center {text-align:center !important;}
	
	.section.margin
	{
		margin: 0 10px;
	}
	#sections-bottom
	{
		width: 720px;
		height: 7px;
		background: url( "../images/sections-bottom.gif" ) 0 0 no-repeat;
		font-size: 0;
	}
	
	
	.section.fix {margin-right:-3px;} /*ie6 onyl */
	
	.section h3 {background-color:#FF4F00; color:#FFF;}
	.section h3 a {color:#FFF;}
	.section h3 a:hover {color:#000;}
	.section-in {border-bottom:1px solid #DADADA;}



	#divSide {float:right; width:255px; overflow:hidden;}
		
	#divSide .divSide-title 
	{
		margin:0; padding:15px 15px 10px 15px; background:url("../images/aside-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;
	}
	
	#divSide .divSide-in {padding:10px 10px 15px 10px;}
	#divSide .divSide-box {padding:10px; background:url("../images/aside-box.jpg") 0 0 no-repeat;}
	#divSide .title {margin:0 5px 0 0; padding:10px 15px; background:url("../images/aside-title-02.gif") 0 0 repeat-x; font-size:100%;}   
	
	
	#divSide #aside-title {background-color:#000; color:#FFF;}

	#divSide .title {background-color:#000; color:#FF4F00;}
	
	#divSide .divSide-title2
	{
		margin:0; padding:15px 15px 10px 15px; background:url("../images/side-bg.gif"); font-size:140%; font-weight:normal;
	}	

	
	#divActions
	{
		font-size:80%;
	}

	
	
	#divActions a
		{	
			color: #FF4F00;
		}
		

	#divActions a:hover
	{	
	 	color:#000;
	}
	
	#divActions h3
	{
			letter-spacing:1px;
			font-size:90%;
			color:#000;
		 	text-decoration:none;
		 	text-transform:uppercase;
		 	margin:0px;
		 	text-decoration:underline;
	}
	
	
	
	#divFooter {width:970px; height:40px; padding:20px 20px 0 20px; background:url("../images/footer.gif") 0 0 no-repeat;}
	#divFooter p {margin:0;}

#divFooter {background-color:#000; color:#999;}
#divFooter a {color:#999;}
#divFooter a:hover {color:#FFF;}


/****** Mis **********/	




.clearfix {min-height:1px;}
.clearfix:after{display:block; visibility:hidden; clear:both; line-height:0; font-size:10; content:".";}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* hack for IE/win only - must add dimension for clear fix to work */
/* End hide from IE-mac */
#cols {background:url("../design/cols.gif") 0 0 repeat-y;}

.left
{
	display:inline;
	float:left;
}

.right
{
	display:inline;
	float:right;
}

.a-center
{
	text-align:center;
}

.a-left
{
	text-align:left;
}

.a-right	
{
	text-align:right;
}

.clearBoth
{
	clear:both;
}

.fullWidth
{
	width:100%;
}

.italic
{
	font-style:italic;
}

.highlighted
{
	color: #E36C0A;
}

#divMainContent  p.linkFloatRight
{
    
    margin:0 0 0 10px;
    padding:0;
    display:inline;
    float:right;
}	
	
#divMainContent  p.linkFloatRight a
{
    color: #E36C0A;
}
	
.pageBottom
{
	height:9px;
	width:1010px;
	background: url(../images/page-bottom.gif)  no-repeat 5px 0px;
	margin-bottom:5px;
}

.f-left {float:left !important;} 
img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} 
img.f-right {float:right; margin-left:10px;}

.inline {display:inline;}


