/**
 * Style rules for the BTP site
 * @author Luis Pirir luispirir@gmail.com, lpirir@truepresence.com
 */
*, html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
	body {
		font-size: 62.5%;
		font-family: Lucida Sans Unicode, Lucida Grande, Lucida, Arial, Tahoma, sans-serif;
		text-align: center;
		background: url(../pix/bg_site.jpg) repeat-x;
	}
/** LAYOUT **/
#wrapper {
	width: 1200px;
	margin: auto;
	text-align: left;
}
	#header {
		position: relative;
		height: 115px;
	}
		#header h1 {
			width: 214px;
			height: 115px;
		}
		#header #menu {
			position: absolute;
			right: 0;
			bottom: 0;
			padding-right: 120px;
		}
			#menu ul { overflow: hidden; }
				#menu ul li {
					float: left;
					list-style: none;
				}
					#menu ul li a {
						text-transform: uppercase;
						color: #314f9b;
						text-decoration: none;
						font-size: 1.2em;
						line-height: 30px;						
						padding: 0 5px;
					}
						#menu ul li a:hover, #menu ul li #active { color: #b9b9b9; }
	/** SUBMENU **/
	#submenu { position: relative; }
		#submenu-items { overflow: hidden; }
			#submenu-items ul { 
				overflow: hidden; 
				float: left;	
			}
				#submenu-items ul li {
					float: left;
					list-style: none;								
				}
					#submenu-items ul li a {
						text-transform: capitalize;
						text-decoration: none;
						color: #d0d8ec;
						font-size: 1.2em;
						line-height: 44px;
						border-right: 1px solid #d0d8ec;
						padding: 0 10px;
					}
						#submenu-items ul li a:hover { text-decoration: underline; }
			#submenu-items form {
				float: left; 
				overflow: hidden;
			}
				#submenu-items form label {
					float: left;
					color: #d0d8ec;
					font-size: 1.2em;
					line-height: 44px;
					padding: 0 10px;
				}
				#submenu-items form input {
					float: left;
					width: 135px;
					height: 12px;
					background: url(../pix/bg_search.jpg) no-repeat;
					margin-top: 13px;
					color: #fff;
					padding: 3px 5px;
					font-size: 1.1em;
					
				}
		#submenu #scm-sidebar-top {
			position: absolute;
			right: 15px;
			top: 0;
			color: #fff;
			font-size: 1.2em;
			line-height: 44px;
			text-transform: uppercase;
		}
	/** CONTENT **/
	#content {
		overflow: hidden;
		padding: 2em 0;
	}
		/** SIDEBAR **/
		#content #sidebar {
			float: left;
			width: 200px;
		}
			#sidebar h2 {
				margin-left: 25px;
				text-transform: uppercase;
				margin-bottom: 0.5em;
				color: #314f9b;
				font-size: 1.5em;
			}
			#sidebar ul {
				width: 150px;
				margin: 1em auto;
			}
				#sidebar ul li { list-style: none; }
					#sidebar ul li a {
						text-decoration: none;
						font-size: 1.2em;
						color: #484141;
						padding: 5px 0;
						border-bottom: 1px solid #c5c6c9;
						display: block;
					}
						#sidebar ul li a:hover { border-bottom-color: #484141; }
		/** TEXT **/
		#content #text {
			padding: 0.5em 2em;
			font-size: 1.2em;
			line-height: 1.4em;
			color: #222;
			float: left;
			width: 952px;
		}
			#text h2 {
				margin-top: 0.5em;
				margin-bottom: 0.5em;
				color: #314f9b;
				font-size: 1.6em;
			}
				#text h2.title { margin-top: 0; }
			#text ul, #text ol {
				margin: 1em 2em;
			}
			#text a, #footer a {
				color: #061f38;
			}
			#text a:visited, #footer a:visited { color: #23568C; }
			#text form {}
				#text form .field, #text form .label { padding: 5px; }
				#text form .field input, #text form .field textarea, #text input, #text select {
					border: 1px solid #c5c6c9;
					padding: 5px;
					font-size: 1.0em;
					font-family: Lucida Sans Unicode, Lucida Grande, Lucida, Arial, Tahoma, sans-serif;
				}
			#text p { padding: 0.5em 0; }
	/** FOOTER **/			
	#footer { 
		border-top: 1px solid #c1c1c1; 
		padding: 5px;	
		position: relative;
	}
		#footer #scm-sidebar-footer {
			font-size: 1.1em;
			color: #314f9b;
			line-height: 1.4em;
			padding-top: 5px;			
		}
		#footer p {
			font-size: 1.1em;
			color: #747474;
			line-height: 1.4em;
			padding-top: 5px;
		}
		#footer .quote {
			position: absolute;
			top: 3px;
			right: 10px;
		}