/* CSS Document */
<table border="0" width="200" cellpadding="0" cellspacing="0">
<tr bgcolor="#cc00cc">
<td width="15">o</td>
<td width="170">&nbsp;</td>
<td width="15">o</td>
</tr>

<tr bgcolor="#cc00cc">
<td width="15">&nbsp;</td>
<td width="170" bgcolor="#cc3399" align="center">
main content cell
</td>
<td width="15">&nbsp;</td>
</tr>

<tr bgcolor="#cc00cc">
<td width="15">o</td>
<td width="170">&nbsp;</td>
<td width="15">o</tr>
</table>
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:left;
}

img {vertical-align:top;}
#page4 #content .extra-content .main .indent .container.divider .col-1.col-pad .container.pad1 .col-2 .container.pad2 p .container .imgindent1 {
	float: left;
	padding: 1px;
}
a img { border:0;}

ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;
	line-height:1em;
	color:#CCC;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#2cadff;
	outline:none;
	text-decoration: none;
	padding-top: 0px;
}
#page1 #content .extra-content .main .indent .container.divider .col-1.col-pad .container .col-3.col-pad1 strong a {
}
a:hover{
	text-decoration:underline;
}
p {
	padding-top:0px;
	line-height: 1.25;
}

/* ============================= main layout ====================== */

li {
	background:rl(images/marker
.gif) nuo-repeat 0 7px; 	padding-left:19px;
	line-height:1.84em;
}
li a {
	color:#2cadff;
	font-weight:bold;
	text-decoration: none;
}

.imgindent {margin:0 15px 0 0; float:left;}
.imgindent1 {margin:0 8px 0 0; float:left;}

h2 {
	font-size:1.5em;
	line-height:normal;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding-bottom:0px;
	padding-top: 0px;
}
h3 {
	font-size:1.69em;
	line-height:1.2em;
	color:#fff;
	text-transform:uppercase;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
h3 em {color:#fff; font-style:normal; letter-spacing:-1px;}
strong {
	color:#2cadff;
	display:inline-block;
	padding-top:0px;
}
strong span {text-transform:uppercase;}
em {color:#2cadff; font-style:normal; font-weight:bold;}
em span {text-transform:uppercase;}
/* ============================= header ====================== */
.extra-header {
	background-color: #181e21;
	background-repeat: repeat-x;
	background-position: left top;
}

.block {padding:8px 0 4px 0;}
.date {float:left; color:#8a8f92; font-size:0.76em; line-height:1.2em;}

.menu1 {
	float:right;
	margin-top: -4px;
	margin-right: -7px;
	margin-bottom: 0;
	margin-left: 0;
}
.menu1 li {background:url(images/menu1-bg.gif) left 6px no-repeat; padding-left:7px; float:left; font-size:0.76em; padding-right:7px; }
.menu1 li a {color:#8a8f92; text-decoration:none;}
.menu1 li a:hover {text-decoration:underline;}
.menu1 .last {background:none;}

.logo {float:left;}

.tail-bg {background:#2cadff;}
.left-bg {background:url(images/menu-left-bg.gif) left top no-repeat;}
.right-bg {background:url(images/menu-right-bg.gif) right top no-repeat; height:54px;}
.menu {float:left; padding:15px 0 0px 15px;}
.menu li {float:left; background:url(images/menu-li-bg.gif) right 7px no-repeat; padding:0 14px 0 13px;}
.menu li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.menu li a:hover {color:#CCC;}
.menu .last {background:none;}

.rss {display:inline-block; float:right; color:#fff; background:url(images/rss.jpg) right 0px no-repeat; padding:3px 28px 6px 0; margin:17px 16px 0 0; text-decoration:none; font-weight:bold;}
/* ============================= content ====================== */
.extra-content {background:url(images/content-tail.gif) left top repeat-x #181e21;}

.slide-blog {
	padding-top:3px;
	width: 100%;
}
.blog {
	padding:1px 0 0 24px;
	width:248px;
	float:left;
	font-size:1.1em;
	line-height:1.25em;
}

.blog .link {background:url(images/link-bg-left.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:34px 0 0 0px; color:#fff;  cursor:pointer; font-size:0.8125em; text-transform:uppercase;}
.blog .link span {background:url(images/link-bg-right.gif) right top no-repeat; display:inline-block; padding:0px 5px 0px 5px;}
.blog .link span span  {
	background:#2cadff;
	padding:14px 11px 14px 10px;
}

.blog .link:hover {background:url(images/link-left-bg-hover.gif) left top no-repeat; }
.blog .link:hover span {background:url(images/link-right-bg-hover.gif) right top no-repeat;}
.blog .link:hover span span  {background:#267fb8;}

.indent {
	padding:0px 0 0px 0;
}

.col-pad {padding-right:56px;}
.col-pad1 {padding-right:19px;}
.col-pad2 {padding-right:30px;}
.col-pad3 {padding-right:10px;}

.link {
	font-size:1.23em;
	display:inline-block;
	margin-top:5px;
}

.link1 {font-size:0.84em;}
.link-pad {padding-top:6px;}

.pad {padding-top:14px;}
.pad1 {padding-top:0px;}
.pad2 {padding-top:30px;}

.margin {
	margin-top:30px;
}

.alignright {
	text-align:left;
}

.phone {display:inline-block; width:75px;}

.policy-pad {padding-top:45px;}
/* ============================= footer ====================== */
.footer-menu { padding:25px 0 0px 0px; margin-left:-13px;}
.footer-menu li {float:left; background:url(images/menu-li-bg-footer.gif) right 7px no-repeat; padding:0 14px 0 13px;}
.footer-menu li a {color:#2cadff; font-weight:normal; font-size:1.23em;}
.footer-menu li a:hover {color:#CCC;}
.footer-menu .last {background:none;}
.policy {color:#a1a5a8; padding-top:10px; font-size:0.92em;}
.policy a {color:#a1a5a8;}

/* ============================= forms ============================= */
#SearchForm {float:right; padding-top:45px; font-size:0.76em;}
#SearchForm a {text-transform:uppercase; display:inline-block; padding-top:4px;}
#SearchForm .input {width:166px; height:16px; border:1px solid #323f46; background:none; padding:3px 4px 0 5px; font-size:1em; margin-right:5px;}

#SubscribeForm {float:right; font-size:0.92em;}
#SubscribeForm a {display:inline-block; padding-top:4px; font-size:0.91em;}
#SubscribeForm input {margin-top:12px;}
#SubscribeForm .input {width:180px; height:20px; border:1px solid #b0cddb; background:#fff; padding:3px 4px 0 5px; font-size:1em; margin:12px 2px 0 0;}

#ContactForm label {height:40px; display:block;}
#ContactForm .link {margin:20px 0 0 30px;}
#ContactForm .input {width:230px; height:15px; border:1px solid #a4a4a4; background:#24292c; padding:0 0 0 5px; font-size:0.92em;}
textarea {width:230px; height:148px; border:1px solid #a4a4a4; background:#24292c; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#page3 .extra-content .main .indent .container.divider .col-1.col-pad .container .col-3.col-pad2 #cap p {
	list-style-type: circle;
}
#page3 #content .extra-content .main .indent .container.divider .col-1.col-pad .container .col-3.col-pad2 #cap li {
	list-style-type: square;
}
#page1 #content .extra-content .main .indent .container.divider .col-1.col-pad .container .col-3.col-pad1 strong a {
	text-decoration: none;
}
#page1 #content .extra-content .main .indent .container.divider .col-1.col-pad .container .col-3.col-pad1 strong a {
	text-decoration: none;
}
#page1 #content .extra-content .main .indent .container.divider .col-1.col-pad .container .col-3.col-pad1 strong a:hover {
	text-decoration: underline;
}
#page1 #content .extra-content .main .indent .container.divider .col-1.col-pad .container .col-3.col-pad1 strong a {
	padding-top: 6px;
}
#page7 #content .extra-content .main .indent .container.divider .col-5 #subject strong {
	color: #666;
}
#page2 #content .extra-content .main .indent .container.divider .col-1.col-pad .container #saying {
	font-size: 1.5em;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding-top: 3px;
	padding-bottom: 2px;
	color: #2CADFF;
}
#page2 #content .extra-content .main .indent .container.divider .col-1.col-pad .container #profile {
	line-height: normal;
	text-transform: none;
	color: #FFF;
	letter-spacing: -1px;
	padding-top: 3px;
}