/***************************************************
 * FILE NAME:       /css/global.css
 * -------------------------------------------------
 * PURPOSE:         Global CSS file.
 * -------------------------------------------------
 * SPECIAL NOTES:   (None)
 ***************************************************/


/*-------------------------------
	1) PAGE-WIDE ELEMENTS
-------------------------------*/

body {
	width: 760px;
	height: 100%;
	margin: 0 auto;
	background: #fff url('../images/header_bg.gif') repeat-x top;
	font: 12px/150% Arial, Verdana, Tahoma sans-serif;
	color: #000;
}

a {
	color: #346e98;
	text-decoration: none;
	border-bottom: 1px dotted #346e98;
}

a:hover {
	color: #346e98;
	text-decoration: none;
	border: none;
}

/*-------------------------------
	2) MAIN STRUCTURE OF SITE
-------------------------------*/

div#header {
	float: left;
	width: 760px;
	height: 124px;
}
	
	div#header a:hover {
		border: none;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
	
	div#header h1#logo {
		width: 205px;
		height: 90px;
		float: left;
		margin-left: -5px;
		background: transparent url('../images/header_logo.png') no-repeat;
		text-indent: -99999px;
	}
	
	div#header div#header-content {
		width: 560px;
		height: 57px;
		float: left;
		font-size: 11px;
		color: #fff;
		text-align: right;
		padding-top: 10px;
	}
	
	div#header div#header-content a {
		color: #fff;
		text-decoration: underline;
		border: none;
	}
	
	div#header div#header-secondary {
		width: 465px;
		height: 18px;
		margin-left: 65px;
		padding: 5px 15px 0 15px;
		float: left;
		background: transparent url('../images/header_secondary.png') no-repeat;
		font-size: 10px;
		color: #333;
		text-align: center;
	}
	
	div#header div#header-secondary a {
		color: #555;
		text-decoration: underline;
		border: none;
	}
	
	div#header ul#nav {
		width: 760px;
		height: 34px;
		float: left;
		clear: all;
	}
	
		div#header ul#nav li {
			width: 90px;
			height: 31px;
			float: left;
			margin-bottom: 3px;
			text-align: center;
			line-height: 31px;
			border-right: 1px solid #4382af;
		}
		
		div#header ul#nav li#first {
			border-left: 1px solid #4382af;
		}
		
		div#header ul#nav li#get-started {
			width: 150px;
			height: 31px;
			margin-left: 50px;
			border-left: 1px solid #4382af;
			font-size: 14px;
			font-weight: bold;
			line-height: 31px;
		}
		
			div#header ul#nav li a {
				height: 31px;
				display: block;
				color: #fff;
				text-decoration: none;
				border: none;
			}
			
			div#header ul#nav li a:hover {
				text-decoration: underline;
				background: transparent url('../images/nav_hover.gif') repeat-x;
			}
		
div#content {
	float: left;
	width: 760px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	margin: 15px 0;
}

div#footer {
	float: left;
	width: 760px;
	height: 38px;
	margin-top: 15px;
	text-align: center;
	font-size: 10px;
	color: #aaa;
	background: #fff url('../images/shadow_bottom.gif') no-repeat;
}

/*-------------------------------
	2) STYLES
-------------------------------*/

/*** GENERAL STYLES ************/

span.point {
	color: #346e98;
	font-weight: bold;
}

div.breadcrumb {
	width: 100%;
	height: 80px;
	padding: 10px 0;
	margin-bottom: 20px;
	background-color: #e5f5fb;
	border-top: 1px solid #bdddf5;
	border-bottom: 1px solid #bdddf5;
	text-align: center;
}

div.breadcrumb2 {
	width: 100%;
	height: 80px;
	padding: 10px 0;
	margin-bottom: 20px;
	background-color: #fffbd3;
	border-top: 1px solid #e7dd6d;
	border-bottom: 1px solid #e7dd6d;
	text-align: center;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}


/*-------------------------------
	3) FORMS
-------------------------------*/

label {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
}

input.field {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 13px;
	padding: 1px;
	border: 1px solid #aaa;
}

input.button {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 5px 7px;
}