/* CSS Document */

/* !!!!!!!!!!!! Zeroing Styles !!!!!!!!!!!! */

/* These styles set all browser default styles to zero to maintain consistancy across browsers therefore you must manually set all styles */

* {
margin:0;
padding:0;
border:0;
}

html {
min-height: 100%;
height: auto;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,table,html {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

q:before,q:after {
content:'';
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
}

a img,:link img,:visited img { 
border:none;
}

address { 
font-style:normal; 
}

/* !!!!!!!!!!!! Display Styles !!!!!!!!!!!! */

/* Styles that effect the display and not the structure of the site such as fonts, headers, HTML tag styles and 'a' styles should be defined here */

body {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:12px;
font-family:}

td {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:12px;
color:#000000;
}



ol {
list-style:outside;
list-style-type:decimal;
color:#000000;
margin-left:25px;
}


h1 {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:2.4em;
color:#663366;
padding:0 0 10px 0;
font-weight:normal;
position:absolute;
left:99999px;
display:none;
}
/* h1 styles are for defining the structure of the site (mostly for screen readers) they will not be viewable or printable unless CSS is disabled such as with a mobile device*/

h2 {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:2.2em;
padding:0 0 4px 0;
color: #666666;
font-weight:normal;
}

h3 {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:1.3em;
padding:0 0 4px 0;
color: #333333;
font-weight:bold;
text-decoration:underline;
padding-top: 10px;

}


h3:first-letter { font-size : 150%; }

h4 {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:1.2em;
color: #003366;
padding:0 0 0px 0;
font-weight:bold;
}

h5 {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:bold;
font-style:italic;
}

h6 {
font-family:  Helvetica, Gill Sans, sans-serif;
font-size:1.2em;
padding:0 0 4px 0;
color:#b3b340;
font-weight:normal;
}

p {
font-family:  Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:.5em 0;
line-height: 15px;
}

p.highlight {
font-family:  Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:.5em 0;
line-height: 15px;
color:#CC0000;
}

a {
color:#474747;
text-decoration:none;
}

a:link a:visited a:active {
color:#005b5b;
}

a:hover {
color: #003399;
}

li.site {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding:.5em 0;
list-style-type: disc;
list-style-position:outside;
margin-left:20px;
}

li {
font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;

}


.offpage {
position:absolute;
left:99999px;
display:none;
}
/* the .offpage class is for assets that should not be displayed on screen or printed but are there for semantic, audio, screenreaders, or mobile devices */

#fontControls {
text-decoration:none;
color:#FFFFFF;
/*
height:100%;
width:100%;
*/
padding: 0px;
float:left;
}

/* !!!!!!!!!!!! Browser Hacks !!!!!!!!!!!! */

/* Browsers differ from each other and differ depending on which operating system they are on. It is inevetable that you will have to write "hacks" to deal with these issues */

* html [selectorname] {
}

/* IE6 Hack - Read by IE6 only */

html>body [selectorname] {
}

/* IE7 Hack - Read by IE7 only */

html>/**/body [selectorname] {
}

/* Firefox 2.0 Hack - Read by Firefox only */

/*\*/
html>body*[selectorname] {
}
/**/

/* Safari Hack (both PC & Mac) - Read by Safari only */

/* !!!!!!!!!!!! Layout Styles !!!!!!!!!!!! */

/* Layout styles are styles that control where and what assets are displayed. CSS in this section should follow the indenting format that HTML follows for ease-of-use. I only use classes because IDs cannot be overwritten for alt styles. */

body {
}

	.sitewrapper {
	background-image:url(images/headerrepeat.jpg);
	background-repeat:repeat-x;
	}  
	
	.siteheadwrapper {
	
	margin:0 auto;
	
	}  

	.sitenavwrapper {
	height:37px;
	background-image:url(images/topnavrepeat.gif);
	background-repeat:x-repeat;
	} 
		.sitebackground {
		text-align:center;
	
		
		} 

			.sitecontainer {
			width:100%;
			margin:0 auto ;
			text-align:left;
			}
			
			.topnav {
			width:100%;
			height: 37px;
			margin:0 auto ;
			}
			
			
			
			

				.skipnav {
				display:none;
				}
				
					.skipnav ul {
					margin:0;
					list-style:none;
					}
					
						.skipnav li {
						padding-right:1em;
						float:left;
						}
				
				/* !!!!!!!!!!!! Header Styles !!!!!!!!!!!! */
			
			.header {
			width:100%;
			height: 27px;
			margin:0 auto ;
			background-image:url(images/nav_under_wht.gif);
			background-repeat:repeat-x;
				
				}	
				.engLink
				{
					margin:0 auto;
					width:870px;
					position:relative;
					text-align:right;
				}
				/* !!!!!!!!!!!! Main Area Styles !!!!!!!!!!!! */
			
				
				.main {
				width:100%;
				background-image:url(images/middle_repeat_wht.gif);
				background-repeat:repeat-x;
				
				}
				.main2 {
				width:100%;
				background-image:url(images/middle_repeat_wht.gif);
				background-repeat:repeat-x;
				
				}
				
				.maincontent {
				width:700px;
				background-image:url(images/middle_repeat_wht.gif);
				background-repeat:repeat-x;
				margin:0 auto; 
				clear:both;
				text-align:left;
				
				}
				.maincontent2 {
				width:700px;
				margin:0 auto; 
				text-align:left;
				float:left;
				
				}
				
				.maincontent3{
				width:700px;
				height: 300px;
				background-image:url(images/middle_repeat_wht.gif);
				background-repeat:repeat-x;
				margin:0 auto; 
				clear:both;
				text-align:left;
				
				}
				
				.maincontent4{
				width:700px;
				background-image:url(images/middle_repeat_wht.gif);
				background-repeat:repeat-x;
				margin:0 auto; 
				clear:both;
				text-align:left;
				
				}
				.mainvision{
				background-image:url(images/cat_White_web.png);
				background-repeat:no-repeat;
				height: 600px;
				margin:0 auto; 
				clear:both;
				text-align:left;
				
				}
				
				.maincontentleft {
				width:300px;
				text-align:left;
				float:left;
				padding-top:0px;
				}
				
				.maincontentright {
				width:300px;
				padding-left: 50px;
				text-align:left;
				float: right;
				}
				
				

				.blanks {
					text-align:center;
				}
				.blanks2{
					margin:0 auto;
					width:540px;
					}
				.blanks2 ul li
				{
					text-align:left;
					margin-top:5px;
					list-style:circle;
				}
				.blanksCoaster p{
					text-align:center;
					font-size:12px;
					margin-top:10px;
				}
				.blanks h2{
					text-align:center;
					color:#000000;
					font-size:16px;
					font-weight:bold;
				}
				.blanks h4{
					text-align:center;
					color:#000000;
					font-size:14px;
					font-weight:bold;
				}
				.blankInfo table{
					margin:5px 5px;
				}
				.blankInfo td{
					border:solid;
					border-color:#000000;
					border-width:1px;
				}
				.blanks p {
					margin-right:5px;
					margin-left:5px;
					padding:5px 5px;text-align:center;
				}
				.blankHead{
					font-weight:bold;
					font-size:12px;
					text-align:center;
				}
				.blankBack {
					background-image:url(images/blank_round.jpg);
					background-repeat:no-repeat;
					width:260px;
					height:260px;
				}
				a.largelink {
				font-size: 17px;
				text-decoration:underline;
				color:#0000CC;
			
			
				/* !!!!!!!!!!!! Footer Styles !!!!!!!!!!!! */
			
				#footer {
				width:900px;
				background-image:url(images/footer.gif);
				background-repeat:no-repeat;
				height:119px;
				clear:both;
				margin:0 auto ;
				}
				
				.footerrepeat {
				width:100%;
				background-color:#efefe;
				background-repeat:x-repeat;
				height:119px;
				clear:both;
				}
				
/* !!!!!!!!!!!! Alt Media Styles !!!!!!!!!!!! */

/* It is neccesary to write different versions of your CSS document for different types of media such as print.css, mobile.css, and/or accessible.css. The following styles should be defined in a different stylesheet for the media you intend to use. These styles should make it easy to quickly turn on and off different assets if the HTML code has been implemented correctly. */

.altmod {
}
/* This class is for sytles that will need to display differently for different media */

.altnone {
}
/* This class is for sytles that will not display on different media */

.altfunc {
}
/* This class is for sytles of functional site assets such as navigation or forms that will display differently on different media or not at all */


/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#push {padding-bottom: 119px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -119px; /* negative value of footer height */
	height: 119px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {
		display: inline-block;;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Contact Form */

.form-field
{
	width: 100%;
	float: left;
	font-size:14px;
	color:#003366;
}


.required2 {
	color:#FF0000;
	font-size:.8em;
	}

form
{
	font-size: 14px;
	color: #CCCCCC;
	line-height: 30px;
}

input
{
	width: 150px;
	background-color: #EAEAEA;
	font-size: 12px;
	font-weight:bold;
	color: #003366;
	margin: 0;
	padding: 1px 0 0 1px;
	border: 1px solid #375D4C;
	float: left;
}
select
{
	width: 150px;
	background-color: #EAEAEA;
	font-size: 12px;
	font-weight:bold;
	color: #003366;
	margin: 0;
	padding: 1px 0 0 1px;
	border: 1px solid #375D4C;
	float: left;
}
textarea
{
	background-color: #EAEAEA;
	font-size: 12px;
	font-weight:bold;
	color: #003366;
	margin: 0;
	padding: 1px 0 0 1px;
	border: 1px solid #375D4C;
	float: left;
}
.button
{
	width: 80px;
	height: 22px;
	font-size: 12px;
	color: #fff;
	border: none;
	text-align: center;
	background: #003366 ;

}

.error {
padding-left: 20px;
color:#FF0000;
font-size: .8em;
}

.radios input {
width:10px;
border:none;
background-color:#fff;
}