/* ~~~~~~~~~~ reset styles ~~~~~~~~~~ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
body, select, input, textarea {
	font: 100%/1.2 helvetica, arial, verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.4em;
	letter-spacing: .05em;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
p {
	line-height: 1.4em;
	padding-bottom: 1.2em;
}

/* ~~~~~~~~~~ common ~~~~~~~~~~ */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.textMiddle {
	vertical-align:middle;
}
.centerText {
	text-align:center;
}
.photoBorder {
	border:solid 1px #999;
}

/* ~~~~~~~~~~ layout ~~~~~~~~~~ */
body {
	background:#300 fixed repeat-x url(../images/page-bg.gif);
}
#container {
	font-size: 0.8em;
	width: 920px;
	margin: 0 auto;
}
#header {
	background:url(../images/logohead.png) no-repeat top;
	position:relative;
}
#header .row1 {
}
#header .row1 .col1 {
	width:363px;
	float:left;
}
#header .row1 .col2 {
	width:194px;
	float:left;
}
#header .row1 .col3 {
	width:363px;
	float:left;
}
#header .row2 {
	height:170px;
	padding:0 50px;
}
#home #header .row2 .back {
	position:absolute;
	top:40px;
	left:0px;
	z-index:-1;
	display:overflow;
	height:267px;
}
/* Firefox */
@-moz-document url-prefix()
{
#home #header .row2 .back {
	position:absolute;
	top:27px;
	left:0px;
	z-index:-1;
	display:overflow;
	height:266px;
}
}
#sec #header .row2 .back {
	position:absolute;
	top:81px;
	left:-1px;
	z-index:-1;
	display:overflow;
	height:267px;
}
#header .row3 {
	height:64px;
	background-color:#006;
	background-image:url(../images/nav-bg.gif);
	background-repeat:repeat-x;
}
#nav {
	margin:0 auto;
	width:auto;
	list-style-type:none;
}
#content {
	background:#eeebe4;
	padding:0 20px 20px 20px;
}
#content .col1 {
	width:370px;
	margin-top:31px;
	padding-right:15px;
	float:left;
	border-right:solid 1px #999;
}
#home #content .col2 {
	width:165px;
	margin-top:31px;
	padding:0 20px;
	float:left;
}
#home #content .col3 {
	float:left;
	width:289px;
	background-image:url(../images/clip-bg.gif);
	background-repeat:repeat-y;
}
#home #content .col3 .row1 {
	background-image:url(../images/clip-bg-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:31px 15px 0 15px;
}
#home #content .col3 .row2 {
	background-image:url(../images/clip-bg-mid.gif);
	background-repeat:no-repeat;
}
#home #content .col3 .row3 {
	background-image:url(../images/clip-bg-bot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 15px;
}
#sec #content .col1 {
	width:570px;
	padding-right:0;
	border-right:none;
}
#sec #content .col2 {
	float:left;
	width:289px;
	margin-left:20px;
}
#sec #content .col2 .clip {
	background-image:url(../images/clip-bg.gif);
	background-repeat:repeat-y;
}
#sec #content .col2 .row1 {
	background-image:url(../images/clip-bg-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:31px 15px 0 15px;
}
#sec #content .col2 .row2 {
	background-image:url(../images/clip-bg-bot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 15px;
}
#sec #content .col2 .row3 {
	margin-top:15px;
	margin-left:4px;
}
#footer {
	color:#FFF;
	background:#006;
	text-align:center;
}

/* ~~~~~~~~~~ navigation ~~~~~~~~~~ */
#nav li {
	display:block;
	text-align: center;
	border-right:solid #059 1px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	margin:15px auto;
	float:left;
	z-index:5;
	position:relative;
	list-style-type:none;
}
#nav li.contact
 {
	border-right:none;
}
#nav a, #nav a:visited {
	color:#FFF;
	display:block;
	padding:6px 24px;
}
#nav li:hover {
	z-index: 10000;
	white-space: normal;
}
#nav a:hover, #nav li:hover>a {
	color: #CCC;
}
#nav li li {
	float: none;
	list-style-type:none;
}
#nav ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}
#nav li:hover>ul {
	visibility: visible;
	top: 100%;
	left: -1px;
}
#nav li:hover>ul li{
	margin:0;
}
#nav li li:hover>ul {	
	top: 0;
	left: 100%;
}
#nav:after, #nav ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#nav, #nav ul {
	min-height: 0;
}
#nav ul {
	background-image: url(space.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}
#nav ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
#nav ul {
	width: 15em;
}
#nav li li {
	border: 1px solid #CCC;
	background-color:#059;
}
#nav ul>li + li {
	border-top: 0;
}
#nav li li:hover>ul {
	top: 5px;
	left: 95%;
}

/* ~~~~~~~~~~ style ~~~~~~~~~~ */
a {
	text-decoration:none;
	color:#006;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#300;
}
img.logo {
	display:block;
	margin:0 auto;
	z-index:2;
}
#header .row1 h2 {
	font-size:1.3em;
	color:#900;
	text-transform:uppercase;
	padding:44px 0 0 0;
	text-align:center;
	line-height:40px;
}
#header .row2 h2 {
	position:absolute;
	top:150px;
	color:#006;
	text-transform:uppercase;
	font-size:2.5em;
	line-height:1.4em;
}
#content .col1 h1, #content .col1 h2, #content .col2 h2, #content .col3 h2 {
	color:#900;
	font-size:1.3em;
	text-transform:uppercase;
	line-height:39px;
	font-weight:bold;
}
#content .col3 .row1 h2, #sec #content .col2 .row1 h2 {
	color:#FFF;
}
#home #content .col3 .row1 p, #sec #content .col2 .row1 p {
	padding-top:1em;
	padding-bottom:0;
}
#content .col1 h1 span, #content .col1 h2 span, #content .col2 h2 span, #content .col3 h2 span {
	color:#222;
}
.shield {
	vertical-align:middle;
	float:left;
	margin-right:10px;
}
#footer p {
	padding:.6em;
}
#footer a {
	color:#FFF;
}
ul#ucag {
	margin-bottom:10px;
}	
#ucag li {
	display:block;
	background-color: transparent;
	background-attachment: scroll;
	background-position: left top;
	background-repeat:no-repeat;
	color:#000;
	padding:10px 0 15px 50px;
	list-style-type:none;
}	
#ucag li.a {	
	background-image: url(../images/a_shield.png);
}
#ucag li.b {	
	background-image: url(../images/b_shield.png);
}
#ucag li.c {	
	background-image: url(../images/c_shield.png);
}
#ucag li.d {	
	background-image: url(../images/d_shield.png);
}
#ucag li.e {	
	background-image: url(../images/e_shield.png);
}
#ucag li.f {	
	background-image: url(../images/f_shield.png);
}
#ucag li.g {	
	background-image: url(../images/g_shield.png);
}
#ucag li strong {
	text-transform:uppercase;
	font-weight:bold;
}