/* undohtml.css */
/* (CC) 2004 Tantek Celik.
Some Rights Reserved. */
/* http://creativecommons.org/ licenses/by/2.0 */
/* This style sheet is licensed under a Creative 
Commons License. */
/* Purpose: undo some of the default styling of 
common (X)HTML browsers */
/* link underlines tend to make hypertext less readable, 
because underlines obscure the shapes of the lower 
halves of words */
:link,:visited { text-decoration:none }
/* no list-markers by default, since lists are used more 
often for semantics */
ul,ol,dl { list-style:none }
/* avoid browser default inconsistent heading font-sizes */
h1,h2,h3,h4,h5,h6 { font-size:1em; }
/* remove the inconsistent (among browsers) default ul,ol 
padding or margin */
/* the default spacing on headings does not match nor align 
with normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, 
blockquote as well */
/* form elements are oddly inconsistent, 
and not quite CSS emulatable. */
/* nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
blockquote,fieldset,input
{ margin:0px; padding:0px}

html { min-height: 100%; margin-bottom: 1px; }

body {
	margin: 3px 0px;
	padding:0px;
	background:#011f53 url(images/body_bg.jpg) repeat-x;
	text-align:center;
	
}

/*---------------TYPOGRAPHY-----------------------------------------------------*/

p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #333333;
	margin-bottom: 10px;
}

h1 {
	font-family: Georgia, Times, serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #218bd0;
	margin:5px 0px 10px 0px;
}

#ColHomeLeft h1 {
	font-family: Georgia, Times, serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #218bd0;
	margin:5px 0px 10px 0px;
	background-image: url(images/bg_h1_a.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-indent: 3px;
	
}


	
#ColHomeLeft h1 a {color: #218bd0;text-decoration:none;}
#ColHomeLeft h1 a:link {color: #218bd0;text-decoration:none;}
#ColHomeLeft h1 a:active {color: #218bd0;text-decoration:none;}
#ColHomeLeft h1 a:visited {color: #218bd0;text-decoration:none;}
#ColHomeLeft h1 a:hover {color:#000066;text-decoration:none;}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	font-weight: bold;
	color: #000066;
	margin: 15px 0px 5px 0px;
	display: block;
}
	

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	font-weight: bold;
	color: #017ac9;
	padding: 5px 0px 0px 0px;
}


h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #017AC9;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight:normal;
}

h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.82em;
	line-height: 1.2em;
	color: #017AC9;
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight:normal;
	
}

#divContent h5 span {color: #333333;}

sup {
	font-size: 80%;
	vertical-align: text-top;
}

cite {
	font-family: Verdana, Arial, sans-serif;
	font-size: .6em;
	line-height: 1.2em;
	color: #333333;
	font-style:normal;
}

#divFooter span {
	color: #CCCCCC;
	padding:0px 5px;
}

a {text-decoration:underline; color:#000066;}
a:link {text-decoration:underline; color:#000066;}
a:active {text-decoration:underline; color:#000066;}
a:visited {text-decoration:underline; color:#000066;}
a:hover {text-decoration:none; color: #218bd0;}


/*---------------LAYOUT-----------------------------------------------------*/

#divHeader {
	text-align:center;
	margin:0px auto;
	width:801px;
	height:80px;
	padding:0px;
	background-image: url(images/bg_wrap_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#divNav {
	margin:0px auto;
	width:801px;
	background:#012b65;
	padding:5px 0px 0px 0px;
	text-align:left;
	height: 25px;
	border-top: 1px solid #7bb5fe;
	border-bottom: 1px solid #7bb5fe;
}

#divMiddle {
	text-align:center;
	margin:0px auto;
	width:801px;
	background:url(images/bg_wrap_mid.jpg) repeat-y center top;
}

#divFooter {
	text-align:center;	
	margin:0px auto;
	padding:25px 0px;
	width:801px;
	background:url(images/bg_wrap_bot.jpg) no-repeat center bottom;
}

#divFooter p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
	line-height: 0.6em;
	color: #333333;
	padding:1px 0px;

}

#divContent {
	width:780px;
	text-align:left;
	margin:0px auto;
	padding: 0px;
}

#divContent ul {margin:0px;}

#Col1Int {
	float: left;
	width: 750px;
	padding: 10px 0px 10px 20px;
	margin: 0px;
	/*set display to inline to remove double margin IE bug*/
	display:inline;
	min-height:400px;
	overflow:hidden;
	height:expression(
    this.scrollHeight < 300? "300px" : "auto" );
}
	

#Col2Int {
	float: left;
	width: 500px;
	padding: 10px 0px 10px 5px;
	margin: 0px;
	/*set display to inline to remove double margin IE bug*/
	display:inline;
	min-height:400px;
	overflow:hidden;
	height:expression(
    this.scrollHeight < 300? "300px" : "auto" );
}


#ColInt3left {
	float: left;
	width: 300px;
	padding: 10px 10px 10px 0px;
}

#ColInt3right {
	float: left;
	width: 180px;
	padding: 0px 0px 10px 25px;
	background-image: url(images/bg_side_dash_gr.gif);
	background-repeat: repeat-y;
	background-position: 8px top;
	margin-top:10px;
}

div.adobe{
    padding: 10px 10px 0px 0px;
    width: 560px;
    height: 25px;
    color: #cc0000;
	margin:0px;
}

#ColHomeLeft {
	float: left;
	padding:0px 26px 20px 12px;
	;
	width:220px;
}



.boxbullet li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	list-style: none;
	margin-left: 15px;
	padding-left: 15px;
	margin-bottom:10px;
	background: url(images/bullet.gif) no-repeat left 5px;
	line-height:1.3em;
	margin-top: 5px;
}

.sidebullet {padding-bottom:0px;}

.sidebullet li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	list-style: none;
	margin-left: 0px;
	padding-left: 10px;
	margin-bottom:10px;
	background: url(images/bullet_arrow.gif) no-repeat left 3px;
	line-height:1.3em;
	margin-top: 5px;
}


/*---------------SIDEBAR AND FEATURE BOXES-----------------------------------------------------*/

.divSidebar {
	width:266px;
	float: right;
	margin:18px 15px 10px 0px;
	/*set display to inline to remove double margin IE bug*/
	display:inline;	
		
}
.divSidebarint {
	width:210px;
	float: right;
	margin:0px 0px 0px 10px;
	/*set display to inline to remove double margin IE bug*/
	display:inline;
	background-color: #FFFFCC;
		
}

#feature1 {
	background-image: url(images/bg_fb_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:266px;
	overflow:hidden;
	float: left;
	display:inline;
	padding-top: 5px;
	margin-bottom:10px;
}

#featureCont1 {
	background: url(images/bg_fb_bottom.gif) no-repeat left bottom;
	padding:0px 10px 15px 10px;
	width: 246px;	
}

#featureCont1 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #AD2830;
	padding-bottom: 0px;
	margin: 5px 0px;
	line-height: 1.1em;
}

#featureCont1 p {
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}




.button {padding:10px 0px;}

/*---------------NAVIGATION-----------------------------------------------------*/

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

#divNav li {display: inline;}

#divNav li a, #divNav li a:link, #divNav li a:visited {
	
	height: 33px;
	padding: 20px 28px 10px 18px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;
	background:url(images/gnav_bg_off.gif) no-repeat right 12px;
	font-family:Verdana, Arial, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border-style: none;
}

#divNav li a:hover {color:#f9d026;}

#divNav .current a:link, #divNav .current a:visited {background:url(images/gnav_bg_on.gif) no-repeat right 12px;color:#f9d026;}

#subnav {
	width:235px;
	float: left;
	margin:0px 0px 0px 0px;
	padding-top: 20px;
}


#ulSubnav {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}

#ulSubnav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:1.2em;
	padding: 10px 10px 0px 10px;
	display: block;
	width: 188px;
	height:25px;
	margin:0px 20px 0px 0px;
	text-decoration: none;

}


#ulSubnav a:link, 
#ulSubnav a:visited, 
#ulSubnav a:active {
	color: #001c38;
	border-bottom: 1px solid #4674b4;
}
#ulSubnav a:hover {color: #218bd0;
}

body #ulSubnav .current a {
	color: #218bd0;	
	background-color:#e9f3fa;
}

body  #ulSubnav .topsub a {
		border-top: 1px solid #4674b4;
	
}

body  #ulSubnav .topsubcurrent a {
	border-top: 1px solid #4674b4;
	color: #218bd0;
	background-color:#e1e9ff;
}


body #ulSubnav .topsub a:hover {
	color: #218bd0;
}



/*---------------FORM-----------------------------------------------------*/

form li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.1em;
	font-weight: normal;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}

form label {
	font-weight: bold;
	color: #666666;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:3px;
}

form #optin {
	float: left;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

form input {margin-right:5px;}

label span {color: #A92931;}



/*---------------IMAGES, MISCELLANEOUS-----------------------------------------------------*/

#divHeader img {
	float: left;
	padding:5px 0px 5px 20px;
	margin: 0px;
	clear:both;
	border:none;
}

#icon {
	float:left;
	padding: 5px 10px 0px 0px;
	margin: 0px;
	clear:both;
	border:none;

}


#imgLeft {
	float:left;
	padding: 0px 10px 5px 0px;
	margin: 0px;
	clear:both;
	border:none;
}

.clearer {
	clear:both;
	line-height:0px;
	height:0px;
	font:1px;
}

.flashObject {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height:250px;
}

.flashObject object {
	padding-top: 20px;
	padding-bottom: 0px;
	display:block;
}


#divHeaderCont {
	background: url(images/bg_inthead.gif) no-repeat right bottom;
	display: block;
	height: 61px;
	width: 790px;
	padding-top: 10px;
}

#divHeaderContHome {
	background: none;
	display: block;
	height: 65px;
	width: 790px;
	padding-top: 10px;
}
#divHeadRt {
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px;
	display: block;	
}

#button a:link {
	color: #649fcb;
	background-color: #f5fbff;
	border: 1px solid #9fd7ff;
	text-decoration:none;
	padding: 3px 6px;
	
}

#button a:active {
	color: #649fcb;
	background-color: #f5fbff;
	border: 1px solid #9fd7ff;
	text-decoration:none;
	padding: 3px 6px;
	
}

#button a:visited {
	color: #649fcb;
	background-color: #f5fbff;
	border: 1px solid #9fd7ff;
	text-decoration:none;
	padding: 3px 6px;
	
}

#button a:hover {
	color: #0d78c8;
	background-color: #dff2ff;
	border: 1px solid #0d78c8;
	text-decoration:none;
	padding: 3px 6px;
	
}
.workTable {
	padding: 10px 0px 0px 5px;
}
.workTable h3 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;	
	color: #999;
	padding: 3px 0px;
	margin: 0px;
	
}

.workTable h2 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#218bd0;
	text-transform: uppercase;
	border:none;
	padding:0px;
	margin:0px;
}

.workTable p {padding:0px;margin:0px;color:#666666;font: normal 10px Verdana, Arial, Helvetica, sans-serif;}

#caption {
	padding:5px 5px 20px 5px;
	vertical-align: top;
}
a.thickbox img, a:link.thickbox img, a:active.thickbox img, a:visited.thickbox img {
	border: 2px solid #CCCCCC;
}

 a:hover.thickbox img {
 	border: 2px solid #218bd0;
}
	
sup {
	font-size: 80%;
	vertical-align: top;
}

.flashvideo {text-align:center; background:url(images/loadingAnimation.gif) no-repeat center}