/*
STYLESHEET FOR: Procura Mgmt Inc.
AUTHOR: Rick Khanna, Mopdog Creative + Strategy
*/
/*
Contents:
1. Structure
2. Navigation
3. Header
4. Content
5. Footer  */

@import url("reset.css");
@import url("menu.css");

* {margin:0; padding:0}
img {border:none}

body {
	background-color:#eaf5fe;
	font-family:'Tahoma', 'Trebuchet MS', Arial, Sans serif;
	}
/*
Colors:
Red: #a50102


*/

.clear {clear:both}
.right {text-align:right}
.left {text-align:left}
.gray { color:#CCCCCC!important }


/*====================================================================
=======================  1. STRUCTURE=================================
=====================================================================*/

#wrapper {
	width:918px; 
	margin:0 auto; 
	height:auto;
	}
	
#header {
	position:relative;
	float:left;
	width:918px; 
	height:111px;
	background:#ccddef url(../images/header.png) left top no-repeat;
	}
	
#nav {
	width:918px; 
	height:43px;
	background:#2b567f;
	float:left;
	}
	
#content {
	width:918px;
	background:#fff url(../images/faux2.png) left top repeat-y;
	/*min-height:900px;
	height:auto !important;
	height:900px;*/
	}

	#homecontent {
		width:918px;
		background:#fff url(../images/faux.png) left top repeat-y;
		min-height:900px;
		height:auto !important;
		height:900px;
		}
	
#footer {
	position:relative;
	background-color:#657374;
	width:918px; 
	clear:both; 
	height:30px;
	margin:0 0 30px 0;
	}

/*====================================================================
=======================  2. NAVIGATION  ==============================
=====================================================================*/
		

/*====================================================================
=======================  3. HEADER  ==================================
=====================================================================*/

#logo {
	position:absolute;
	left:10px;
	top:10px;
	}



/*====================================================================
=======================  4. CONTENT ==================================
=====================================================================*/

/*------------Homepage----------------*/

#colleft {
	width:213px;
	float:left;
	padding:20px 0;
	}
	
	#colleftwide {
		width:668px;
		float:left;
		padding:20px 0;
		}
	
#colmiddle {
	width:455px;
	float:left;
	padding:20px 0 0 0;
	}
	
#colright {
	width:250px;
	float:left;
	padding:20px 0;
	}


/*-------------------------------------*/

h1 {
	color:#a50102;
	font-size:20px;
	line-height:28px;
	margin:0 20px 15px;
	}
	
h2 {
	color:#2e5b87;
	font-size:16px;
	line-height:24px;
	margin:0 20px 15px;
	}
	
#colleftwide p, #homecontent p {
	font-size:12px;
	line-height:20px;
	color:#000;
	margin:0 20px 15px;
	}
	
	#colleftwide h3 {
		color:#000;
		font-size:14px;
		line-height:24px;
		margin:0 20px 15px;
		}
		
	#colleftwide h4 {
		color:#2E5B87;
		font-size:16px;
		line-height:24px;
		margin:0 20px 15px;
		}
	
	#colleftwide ul {margin:0 0 15px 30px}
	
	#colleftwide li {
		font-size:12px;
		line-height:20px;
		color:#000;
		margin:0 20px 6px;
		}
		
#colleftwide a {color:#4088CF; font-size:12px; line-height:20px;}
#colleftwide a:hover {color:#a50102}

a.biglinks {font-size:17px; line-height:30px; color:#4088CF; }
a.biglinks:hover {color:#a50102}

a.pdflinks {color:#4088CF; font-size:12px; line-height:28px;}
a.pdflinks:hover {color:#a50102}

	
ul.quicklinks {
	list-style-image:url(../images/arrow-red.png);
	margin-left:30px;
	}
	
	.quicklinks li {
		margin:0 0 13px 0;
		}
		
		.quicklinks li a {
			font-size:12px;
			color:#000;
			text-decoration:none;
			padding:2px;
			}
			
			.quicklinks li a:hover {background-color:#B3D1EF}
			
/*.latestnews {
	list-style-image:url(../images/arrow-blue.png);
	margin-left:30px;
	}
	
	.latestnews li {
		margin:0 15px 13px 0;
		font-size:11px;
		line-height:18px;
		}
		
		.latestnews li a {
			font-size:12px;
			color:#a50102;
			text-decoration:none;
			}
			
			.latestnews li a:hover {text-decoration:underline}*/
			
.latestnews {
	list-style:none;
	}
	
	.latestnews li {
		border-top: 1px solid #95A9A8;
    font-size: 11px;
    line-height: 18px;
    margin: 0 15px 5px 20px;
    padding: 5px 0 0;
		}
		
		.latestnews li:first-child {border:none;}
		
		.latestnews li a {
			font-size:10px;
			color:#A50102;
			text-decoration:none;
			}
			
			.latestnews li a:hover {text-decoration:underline}
			
#colright h3 {
	margin:30px 30px 15px;
	font-size:16px;
	color:#000;
	}
	
#buttons a {
	margin:0 15px 15px;
	width:217px;
	height:61px;
	}
	
	
#event {
	margin:0 20px;
	font-size:11px;
	}
	
	#event input {padding:2px;}
	#event td {padding:10px}
	
/*div.resource {
	width:320px;
	float:left;
	padding-bottom:30x;
	}
	
	#resources-table td {
		padding:0 0 25px 0;
		}*/
		
form#contact p {margin:0 0 10px 0}

/* --------------Customer resources--------------- */

#apps {clear:both}

#apps p {
	margin-top:24px!important;
	float:left;
	width:300px;
	}

.app-btn {
	display:block; 
	float:left;
	margin:15px 15px 15px 20px;
	width:287px;
	}
	
	.app-btn img {display:block;}
	
#resources {
	margin:0 20px;
	}
	
	#resources td {padding:0 20px 18px 0;}
	
#njauto {
	margin:0 20px;
	}
	
	#njauto td {padding:0 40px 4px 0;}

	
a.loginlinks {background-color:#a50102; color:#fff; font-size:11px; display:block; float:right; text-decoration:none; padding:8px 12px; }
a.loginlinks:hover {background-color:#BF3B3D}

hr {background-color:#657374; color:#657374; margin:15px 15px 20px;}


#sitemap ul {
	margin-bottom:10px!important;
	color:#000;
	}

	#sitemap a {
		color:#a50102;
		}


/*====================================================================
=======================  5. FOOTER  ==================================
=====================================================================*/


#footer p {
	color:#fff;
	font-size:12px;
	margin:0 30px;
	line-height:30px;
	}
	
#footer p a {
	color:#fff;
	text-decoration:none;
	}
	
	#footer p a:hover {text-decoration:underline}