body{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 82%; 
	color: #fff; 
	font-weight: normal; 
	background: #06266f; 
	text-align: center; 
	margin: 10px 0; 
	padding: 0;	
	}
	
/* HEADING LEVELS */
h1, h2, h3{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; border-bottom: #6c8cd5 1px dotted; margin: 15px 0 10px 0;	padding: 5px 5px 5px 5px; }
h1{ font-size: 1.3em; }
h2{ font-size: 1.1em; }
h3{ font-size: 1.1em; }

/* LINKS */
a{ font-weight: normal; background: transparent; }
a:link, a:visited { color: #ffff00; text-decoration: none; }
a:active, a:focus, a:hover {color: #3b5a99; background-color: #ededed; text-decoration: underline; font-weight: bold; }


/* OTHER TEXT STUFF */
abbr,acronymn{ font-style: normal; border-bottom: 1px dashed; }
blockquote{	color: #fff; font-style: italic;	background: transparent; margin: 0 0 20px 0; }
blockquote strong{ color: #fff; font-weight: bold; background: transparent; }
em{ font-style: italic; font-weight: bold; }
strong{ font-weight: bold; }
strike{ text-decoration: line-through; }
.breadcrumb {margin-top: 10px; font-size:90%;}
.float-right { float: right; }
hr {height: 0; border-bottom: 1px dotted #6c8cd5; }
q {font-style: italic;}

.clear {clear: both;}

/* IMAGES TABLES ETC */
img.inline { margin: 0px 10px 5px 10px; border: 2px solid #6c8cd5;}
img.inlinel { float: left; clear: both; margin: 0px 20px 5px 0px; border: 2px solid #6c8cd5;}
img.inliner { float: right; clear: both; margin: 0px 0px 5px 20px; border: 2px solid #6c8cd5;}
img.icon { float: left; clear: both; margin: 5px 5px 5px 0px; border-style: none;}
img.ext { text-align: right; margin:0 10px 0 5px; border-style: none; }

img.banner {display:block; margin:20px auto; padding: 2px; color: inherit; background: #fff; border-color: #bbb #ddd #eee #ccc; border-style: solid; border-width: 10px;}
td{ font-size: 12px; font-weight: normal; }
td.th{ text-align: center; padding: 10px 5px 10px 5px; }		

/* LIST */
ul{ margin: 20px; padding: 0; list-style: none; }
ul li{ margin: 0 0 5px 0; }



/* KS DESIGN ELEMENTS */
#main{text-align: left;	width: 1024px;	margin: 20px auto;	padding: 0;	background: #1240ab; border: 5px solid #2a4480; }

#topnavbar{position: absolute; width: 1024px; height: 60px;}
#topnav{position: relative;	float: right; width: 270px;	margin-left: 600px;	padding: 3px 3px 3px 3px; border: none;}
#topnav a {font: 0.9em #6c8cd5;}
#topnav a:hover {font: 0.9em #ffff00; text-decoration: underline;}

#banner{position: relative;	margin: 0;	width: 1024px;	height: 200px;	padding: 0;	background-image: url(graphics/criphome2.jpg);	border-bottom: 1px solid #6c8cd5;}
#bannera {position: relative; height: 100px; margin: 20px 40px 20px 40px; width: 944px; padding: 0; background: #1240ab; text-align:center;}

	.slogan {font-family: "Comic Sans MS", cursive, sans-serif; margin-bottom: 5px; color: #fff; border-style: none; font-size: 16pt; text-align: center;}
	#banner h1, #bannera h1 {font-family: "Comic Sans MS", cursive, sans-serif; background: #1240ab; color: #fff; margin-bottom: 10px; border-style: none; font-size: 36pt; }
	
/* CONTENT */	
#maincontent{ padding: 0 10px 16px 0px; }
	
#content{width: 750px;	float: left; padding: 0 20px 25px 20px;	letter-spacing: 0em; }	
#contenta{width: 1014px; float: left; padding: 0 20px 25px 20px; letter-spacing: 0em; }

#content .news {width: 250px; float: right; padding: 10px; margin: 10px border: 1px solid #2a4480;} 

/*SPLASH BOXES*/
ul.splash, ul.splash2 {float: left; width: 1000px; margin: 0 auto; padding: 0; list-style-type: none;}
ul.splash li {float: left; width: 295px; height:150px; padding: 10px; background: transparent; color: #fff; border: #06266f solid 2px; margin: 5px; 
text-align: center; padding: 10px; font-size: 1.3em;}

ul.splash2 li {float: left; width: 244px; height:200px; padding: 10px; background: transparent; color: #fff; border: #06266f solid 2px; margin: 5px; text-align: center; padding: 10px; font-size: 1.3em;}
ul.splash2 li.center {float: left; width: 400px; height:200px; padding: 10px; background: transparent; border-style: none; margin: 5px;}
ul.splash2 li a:hover {border: 2px solid #fff;}

img.splash {text-align: center; margin-top: 30px; }


/*SIDEBAR STUFF */
#sidebar{ background: #06266f; width: 194px; float: right; border: 1px solid #6c8cd5; padding: 10px 0px 20px 10px; margin: 20px 10px 0 0; }
#sidebar p{ color: #fff; padding: 0px 10px 10px 10px;  }

#sidebar h1, h2, h3{ color: #fff; margin: 10px 0 0 0; }

#sidebar h1{ font-size: 1.3em; }
#sidebar h2{ font-size: 1.1em; border-style: none;}
#sidebar h3{ font-size: 1.1em; border-style: none;}

#sidebar ul{ margin: 20px 0 20px 10px; padding: 0; list-style: none; }
#sidebar ul li { border: 1px solid #2a4480; padding: 0; width: 150px; }
#sidebar ul li a{ display: block; color: #6c8cd5; text-decoration: none; background: #06266f url('graphics/nav.gif') no-repeat left center; padding: 5px 5px 5px 15px;}
#sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a:focus { color: #3b5a99; text-decoration: underline; background: #ededed url('graphics/nav.gif') no-repeat left center; }

#sidebar ul li a.current{ color: #3b5a99; text-decoration: underline; background: #ccccff url('graphics/nav.gif') no-repeat left center; }

#sidebar ul li a.fb { height: 42px; background: #06266f url('graphics/cripfb.png') no-repeat left center; padding: 0;}
#sidebar ul li a.fb:hover, #sidebar ul li a.fb:active, #sidebar ul li a.fb:focus { color: #ededed; height: 42px; background: #06266f url('graphics/cripfb2.png') no-repeat left center; padding: 0;}

#sidebar ul li.next a{ display: block; color: #6c8cd5; text-decoration: none; background: #06266f url('graphics/nav_r.gif') no-repeat left center; }
#sidebar ul li.next a:hover, #sidebar ul li.next a:active, #sidebar ul li.next a:focus { color: #3b5a99; text-decoration: underline; background: #ededed url('graphics/nav_r.gif') no-repeat left center; }

#sidebar ul li.prev a{ display: block; color: #6c8cd5; text-decoration: none; background: #06266f url('graphics/nav_l.gif') no-repeat left center; }
#sidebar ul li.prev a:hover, #sidebar ul li.prev a:active, #sidebar ul li.prev a:focus { color: #3b5a99; text-decoration: underline; background: #ededed url('graphics/nav_l.gif') no-repeat left center; }

#sidebar ul li.up a{ display: block; color: #6c8cd5; text-decoration: none; background: #06266f url('graphics/nav_up.gif') no-repeat left center; }
#sidebar ul li.up a:hover, #sidebar ul li.up a:active, #sidebar ul li.next a:up { color: #3b5a99; text-decoration: underline; background: #ededed url('graphics/nav_up.gif') no-repeat left center; }

/*FOOTER */
#footer{text-align: left; margin: 0px 10px 0px 10px; font-size: 0.9em; clear: both; padding: 16px 0 25px 0; border-top: 1px dotted #6c8cd5; }
#footer a { font-size: 1.0em; padding: 0; text-decoration: none; }

/* IMAGE GALLERIES */
	.gal {list-style: none; margin: 10px auto; }
	.gal a { color: #06266f;}
	
	.gal img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 2px; color: inherit; padding: 2px;	vertical-align: top; width: 200px; height: auto;}

	.gal li {background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid;	border-width: 1px;	color: #000099; display: inline; float: left; margin: 5px 5px 20px 5px; padding: 5px; position: static; text-align: center; }
	
/* GALLERY INDEXES */	
	.galx {list-style: none; margin: 10px auto; }
	.galx a { color: #06266f;}
		
	.galx img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 2px; padding: 2px; vertical-align: top; width: 200px; height: auto;}
		
	.galx li {background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid;	border-width: 1px;	color: #000099; display: inline; float: left; margin: 5px 15px 20px 5px; padding: 5px; position: static; text-align: center; }
