/* CSS Document */

* {
	margin: 0; padding: 0;
}
body {
	margin: 0; 	padding: 0;
	font: 80%/155% Georgia, Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;	
	color: #444;
	background: #B4D5E5;
	behavior:url("css/csshover3.htc");
}

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #111; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; color: #f00; letter-spacing: -1px; clear: both} 
h3 { font-size: 1.3em; color: #3A4849; }

hr, h2, h3 { margin: 10px 10px 10px 0;  padding: 0;}
p { margin-bottom: 15px; }
h4 { margin: 0; padding: 0; font-size: .9em; color: #666;}

form { margin: 10px; }
img { border: none }
ul, ol {margin: 10px 15px;padding: 0 15px;}
ul { list-style-type: square; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: disc; }
dl { margin: 10px 15px; padding: 0 15px;}
dt {font-weight: bold;  color: #003366; }
dd {margin-left: 0;padding: 0 0 5px 0;}
hr {
	height: 1px;
	clear: both;
	border: none;
	border-bottom: 1px dashed #ccc;
	margin: 20px 15px 5px 0; padding: 0;
}
hr.dotted {
	border-bottom: 1px dotted #eee;
}
hr.hidden {
	clear:both;
	visibility:hidden;	
}
/* links */
a { color: #4B9AC0; background-color: inherit; text-decoration: none;}
a:visited { color: #4B9AC0; }
a:hover { color: #CD1B28; text-decoration: underline; }

#wrapperHead, #wrapperFoot {
	margin: 10px auto 0px auto;padding: 0px 20px 0px 20px; width: 900px; height: 12px;
	background: transparent url(../images/bgH.png) bottom left no-repeat;
}
#wrapperFoot {
	margin: 0px auto 10px auto;
	background: transparent url(../images/bgF.png) top left no-repeat;
}

#wrapper {
	margin: 0px auto 0px auto;
	padding: 0 20px 0 20px;
	width: 900px;
	background: transparent url(../images/bg.png) top left repeat-y;
}

* html #wrapper { width: 900px;	w\idth: 880px; /* IE 6 Fix */ }


#header {
	width: 890px; padding: 5px 5px 0 5px; border-bottom: 4px solid #B4D5E5;
} 
	#header h1 {
		background: transparent url(../images/logo.png) top left no-repeat;
		width: 457px; height: 100px;
		float: left; 
		margin: 0 0 0 -5px; padding: 0px;
	} #header h1 span {
		position: absolute;
		left: -2000px;	
	}
	#header #topLink {
		float: right;
		width: 350px; height: 100px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
		margin: 0px; padding: 0px;
	}
	
	#header #topLink ul {
		margin: 0; padding: 0;float: right;
	}
	#header #topLink ul li {
		display: inline;
	}
	#header #topLink ul li a  {
		float: left; color: #666; padding: 0px 11px 0px;
		text-decoration: underline;
		border-right: 1px dashed #ccc;
	}
	#header #topLink ul li a:hover, #header #topLink ul li.selected{
		color: #ff0000 !important;
		text-decoration: underline;
	}
	#header #topLink ul li a.last{
		border-right: none;
	}

	/**** Main Horizontal Navigation ****/
	#header #nav {
		clear: left;
		width: inherit;
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		font-weight: bold;
		display: block;
	}
	#header #nav ul {
		clear: both; margin: 0; padding: 0; float: right; list-style-type: none;
	}
	#header #nav ul ul {width:149px; z-index: 10000}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	#header #nav li {float:left; position:relative;}
	/* style the links for the top level */
	#header #nav a, #header #nav a:visited {display:block; float: left; color: #fff; padding: 6px 1px 0px; text-decoration: none; background:#fff url(../images/navBGH.gif) top left no-repeat; width: 106px; height: 25px; text-align: center;}
	#header #nav ul a:hover, #header #nav ul a.selected{ background:#fff url(../images/navBG.gif) top left no-repeat; color: #275870 !important; }
		
	/* a hack so that IE5.5 faulty box model is corrected */
	* html #header #nav a, * html #header #nav a:visited {width:106px; w\idth:106px;}
	
	/* style the second level background */
	#header #nav ul ul a.drop, #header #nav ul ul a.drop:visited {background:#d4d8bd url(../images/grey-arrow.gif) no-repeat 130px center;}
	/* style the second level hover */
	#header #nav ul ul a.drop:hover{ background:#c9ba65 url(../images/blue-arrow.gif) no-repeat 130px center;}
	#header #nav ul ul :hover > a.drop {background:#c9ba65 url(../images/blue-arrow.gif) no-repeat 130px center;}
	
	/* position the second level flyout menu for a left flyout */
	#header #nav ul ul.left {left:-43px;}
	
	/* style the third level background */
	#header #nav ul ul ul a, #header #nav ul ul ul a:visited {background:#B4D5E5;}
	/* style the third level hover */
	#header #nav ul ul ul a:hover {background: #8ABED7;}
	
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	#header #nav ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #B4D5E5;}
	/* another hack for IE5.5 */
	* html #header #nav ul ul {top:30px;t\op:31px;}
	
	/* position the third level flyout menu */
	#header #nav ul ul ul{left:149px; top:-1px; width:149px;}
	
	/* position the third level flyout menu for a left flyout */
	#header #nav ul ul ul.left {left:-149px;}
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	#header #nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
	
	/* style the second level links */
	#header #nav ul ul a, #header #nav ul ul a:visited {background:#B4D5E5; color:#275870; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px; text-align: left;}
	/* yet another hack for IE5.5 */
	* html #header #nav ul ul a, * html #header #nav ul ul a:visited {width:150px;w\idth:128px;}
	
	/* style the top level hover */
	#header #nav a:hover { background:#fff url(../images/navBG.gif) top left no-repeat; color: #275870 !important}
	#header #nav :hover > a { background:#fff url(../images/navBG.gif) top left no-repeat; color: #275870 !important}
	#header #nav ul ul a:hover {color: #fff; background: none; background-color: #8ABED7;}
	#header #nav ul ul :hover > a {color: #fff; background: none; background-color: #8ABED7;}
	
	/* make the second level visible when hover on first level list OR link */
	#header #nav ul li:hover ul,
	#header #nav ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	#header #nav ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	#header #nav ul :hover ul :hover ul{ visibility:visible;}
	/**** End of Horizontal Navigation ****/
	
#intro {
	padding: 0; margin: 0;
	width: 100%; height: 250px;
	background: #fff;
	border-bottom: 4px solid #B4D5E5;	
}

#content {
	padding: 5px;
	clear: both;
}
	#h_nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-decoration: none;
	} #h_nav {
		width: 95%;
		margin: 10px;
	} #h_nav li a {
		text-decoration: none;
	} #h_nav .notopbrdr0xNone {
		border: none;
	} #h_nav li a:link, #h_nav li a:visited {
		color: #275870;
		display: block;
		background-color: #B4D5E5;
		padding: 3px 0 3px 15px;
		margin: 0px;
		text-decoration: none;
		border-bottom: 1px solid #fff;
	} #h_nav li a:hover {
		color: #fff;
		padding: 3px 0 3px 15px;
		background-color: #559FC4;
	}

	#breadcrumbs {
		color: #ccc;
		font-size: 80%;
		padding: 0 5px;
	}
		#breadcrumbs a {
			color: #ccc;
			padding-left: 5px;
			text-decoration: none;
		}
		#breadcrumbs a:hover {
			color: #bbb;
			text-decoration: underline;
		}
	#box {
	  padding: 5px;
	  background: #f8f8f8;
	  border: 1px solid #f7f7f7;
	}
	#box {
		margin-top: 10px;
		text-align: center;
	}
	label {
	  display: block;
	}
	
	/* define the main left column*/
	#leftCol {
		width: 620px; 
		padding-right: 5px;
		float: left;
		border-right: 1px dashed #ccc;
		margin-left: 10px;
	}
		#leftCol h2 {
			border-bottom: 1px dashed #f00; margin-bottom: 20px;
		}
	#col {
		float: left;
		width: 200px;
		margin: 25px 0 10px 5px;
	}
	#col p {
		line-height: normal;
		margin: 0; padding: 0;
		font-size: 90%;
	}
	
	/* template list */
	.news-list {
		list-style:none;
		margin:0px 0px 10px;
		padding:0px 0 0px 0px; 
	}
	.news-list .details {
		width: 100%;
		margin-bottom: 20px;
	}
	.news-list .details p {
		margin: 0; padding: 0;
	}
	.news-list br{
		display:none;
	}
	.news-list p br{
		display:block;
	}
	.news-list li {
		margin: 12px 0px;
		background: url(../images/thumb-hr.gif) no-repeat center bottom;
	}
	.news-list h3{
		margin: 0px;
		padding: 5px 0 0 0;
		font: bold 15px "Trebuchet MS", Tahoma, Arial, Sans-serif;
		color: #CD1B28;
		text-transform: none;
	}
	.news-list img {
	  border: 1px solid #E1E1E1;
	  padding: 5px;
	  background: #EEE;
	}
	.news-list img.buttons {
		padding: 0;
		border: none	
	}
	.news-list a img {
		text-decoration: none;
	}
	.news-list p.buttons {
		margin-top: 20px;
	}
	.news-list p.buttons a {		
		padding: 7px 10px 7px 25px;	
		font-weight: bold;	
		color: #333;		
		/* border: 1px solid #E1E1E1; */
	}
	.news-list .preview-button {
		background: url(../images/preview.gif) no-repeat left center;	
	}
	.news-list .download-button {
		background: url(../images/save.gif) no-repeat left center;	
	}
	/* define the main right column*/
	#rightCol {
		width: 250px;
		
		w\idth: 240px; 
		background: #fff;
		float: right;
	}
	#rightCol h3 {
		font: bold 14px "Trebuchet MS", Tahoma, Arial, sans-serif;
		color: #CD1B28;
		padding: 10px 5px 0 10px;
		margin: 5px 0 10px 0;
		letter-spacing: 0px;		
		text-transform: uppercase;	
	}
	
	/* rightCol menu */
	#rightCol ul.sidemenu {
		list-style: none;
		text-align: left;
		margin: 0 10px 15px 10px; padding: 0;
		text-decoration: none;	
	}
	#rightCol ul.sidemenu li {
		border-bottom: 1px dotted #eee;
		padding: 6px 5px 6px 0px;
	}
	
	#rightCol ul.sidemenu li.article {
		line-height:normal;
		padding-top: 10px;
	}
	* html body #content #rightCol ul.sidemenu li { height: 1%; }
	
	#rightCol ul.sidemenu li a {
		text-decoration: none;	
		color: #666666;	
		color: #4E5F62; 	
		color: #00217E;
	}
	#rightCol ul.sidemenu li a:hover {
		text-decoration: none;	
		color: #CB4721;
	}
#footer {
	width: 100%; padding: 5px 10px;
	text-align: center;
	font-size: 85%;
}
	#footer a {
		color: #003366;
		margin: 7px;
	}
	#footer  a:hover {
		text-decoration: underline;
	}
	/* bookmarks */
#bookmarks {
	width:100%;
	margin: 0px 0px 15px 0px;
	padding:7px 0 0px 0;
	text-align:center;
	float:left;
	display:inline;
	clear:left;
}

#bookmarks p {
	display:inline;
	margin-right:0;
	font-size:1.1em;
}

a.bookmark {
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0 5px 20px;
	margin:0 0 0 15px;
	color:#000000;
	font-size:1em;
	display:inline;
	font-weight: normal;
}

.delicious { background-image:url(../images/icons/delicious.png);}
.digg { background-image:url(../images/icons/digg.png);}
.facebook {background-image:url(../images/icons/facebook.gif);}
.reddit {background-image:url(../images/icons/reddit.gif);}
.stumbleupon {background-image:url(../images/icons/stumbleupon.gif);}
.yahoo {background-image:url(../images/icons/yahoo.png);}
.google {background-image:url(../images/icons/google.gif);}
.netscape {background-image:url(../images/icons/netscape.gif);}



/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* alignment classes */
.float-left   { float: left; margin: 0 5px 5px 0;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center }

/* colors */
.grey	{  color: #ccc; }
.err	{ color: #f00; }
.red	{ color: #a00; }
.msg	{ color: #060; }
.blue	{ color: #B4D5E5; }
.date	{ font-size: 90%; color: #f00; font-stretch:semi-expanded;}
.resedge{ color: #729722; margin-top: 10px;}

/* sizes */
.smaller { font-size: 85%; }


/* padding and margins */
.padR	{ padding-right: 10px }
.padL	{ padding-left: 10px }
.marR	{ margin-right: 10px }
.marL	{ margin-left: 10px }