@charset "UTF-8";
/* CSS Document */

/* ==================================================================

 *  v2.1, by Faruk Ates - www.kurafire.net
 
 *  Addendum by Robert Nyman - www.robertnyman.com 
 
 *  Addition by Christian Montoya - www.christianmontoya.net
   
 * ================================================================== */

/* ==================================================================
   Neutralize styling: 
   Elements we want to clean out entirely
   ================================================================== */
   
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	}

img { 
	border:0; 
	}

/* ==================================================================
   Neutralize styling: 
   Elements with a vertical margin
   ================================================================== */
   
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
	}

/* ==================================================================
   Apply left margin:
   Only to the few elements that need it 
   ================================================================== */

li, dd, blockquote {
	margin-left: 1em;
	}

/* ==================================================================
   Miscellaneous conveniences
   ================================================================== */

form label {
	cursor: pointer;
	}
fieldset {
	border: none;
	}

input, select, textarea {
	font-size: 100%;
	font-family: inherit;
	}
	
	
/* ==================================================================
[ Primary Nav ]
* ================================================================== */

#topnav {
	position: absolute;
	right: 13px;
	top: 160px;
	padding: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	z-index: 3;
}

.sub #topnav {
	top: 164px;
}

#topnav li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	position: relative;
	border-left: 1px solid #fff;
	background:none;
}

#topnav a:link, #topnav a:visited {
	text-decoration: none;
	padding: 2px 10px 1px 10px;
	display:block;
	color: #fff;
	font-size: 11px;
}

#topnav a:hover {
	text-decoration: none;
	background: #0507a2;
}
	
#topnav li.firstchild {
	border-left: none;
}

html { 
	font-size:100.01%; 
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:76%;
	margin: 30px 0 20px 0;
	color: #5e278b;
	background: #9e5f98;
	text-align:center;
	}

p { 
	margin: 0 0 1em 0;
	line-height: 1.75em;
	}

strong {
	font-weight:bold;
	}


/* ==================================================================
 * Headings
 * ================================================================== */

h1 {
	color: #0507a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;  
	margin:0 0 .5em 0;
	font-weight:normal;
	text-transform: uppercase;
	}

h2 {
	color: #62a27f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;  
	margin:0 0 .3em 0;
	font-weight:normal;
	}

h3 {
	color: #663366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;  
	margin:0;
	}

h4 { 
	color: #000; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 100%;  
	margin:0;
	}

h5 { 
	color: #000; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 100%;  
	margin:0 ;
	}

h6 { 
	color: #000; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 100%;  
	margin:0;
	}

/* ==================================================================
 * Lists
 * ================================================================== */


ul {
	padding:1em 0 .5em 0;
	}

ul li {
	background:url("images/bullet_list.gif") no-repeat 0 .3em;
	margin:0;
	padding:0 0 .8em 1.3em;
	line-height: 1.4em;
	list-style-type: none;
	}



/* ==================================================================
 * Links
 * ================================================================== */

a:link, a:visited, a:active {
	color: #3e42df;
	text-decoration:underline;
	}

a:hover {
	color: #3e42df;
	text-decoration: none;
	}


/* ==================================================================
 * Misc
 * ================================================================== */

img.right {
	float: right;
	margin: 0 0 15px 15px;
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.inline {
	display:inline;
	margin-bottom:-4px;
	margin-left:5px;
	}

.clear {
	clear: both;
	}
	
.rule {
	border-bottom:1px dotted #9e5f98;
	margin:0 0 15px 0;
	clear: both;
	}


/* ==================================================================
 * Layout
 * ================================================================== */

#container_outer {
	width:955px;
	margin: 0 auto;
	padding-left: 21px;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
	}

#container_inner {
	width: 955px;
	margin:0;
	position: relative;
	float: left;
	padding: 0;
	background:url(images/bg_content_repeat.gif) left top repeat-y #c9e8ea;
	}

#masthead {
	width: 955px;
	position: relative;
	height: 209px;
	background: url(images/masthead_home.jpg) left top no-repeat;
	}
	
#search {
	position: absolute;
	right: 20px;
	top: -20px;
	white-space:nowrap;
}
	#search img {margin: 0 0 0 10px; vertical-align:middle}
	
#logo {
	position: absolute;
	left: 302px;
	top: 32px;
	z-index: 4;
	background: url(images/logo.jpg) left top no-repeat;
	width: 500px;
	height: 137px;
	}
	
#animation {
	position: absolute;
	left: 3px;
	top: 0px;
	z-index: 2;
}


/* ==================================================================
 * Content
 * ================================================================== */

#main_body {
	float: left;
	clear: both;
	width: 955px;
	position: relative;
	min-height: 560px;
	background: url(images/bg_main_body.gif) left bottom repeat-x;
	padding-bottom: 50px;
	}
	
	*html #main_body {height: 560px;}

	/*Defaults For the Main Body Divs*/
		#silk_bottom {
			position: absolute;
			z-index: 5;
			left: -20px;
			bottom: -80px;
		}
		
		#content {float: left;}
			
		#copyright {
			position: absolute;
			right: 20px;
			bottom: 15px;
			color: #fca432;
			font-size: .9em;
		}
		

	
	/* End Defaults For the Main Body Divs*/
	
	/*Defaults For Subpages*/
	
	.sub {background: url(images/bg_sub_bottom.gif) center bottom no-repeat #9e5f98;}
	
	.sub #topnav { top: 161px;}
	
	.sub #container_inner { background: url(images/bg_repeat_sub.gif) left top repeat-y;}
	
	.sub #masthead {background: url(images/masthead_sub.jpg) left top no-repeat; height: 196px;}
	
	.sub #search { top: 20px}
	
	.sub #silk_bottom {
			position: absolute;
			z-index: 5;
			left: -20px;
			bottom: -45px;
		}
	.sub #main_body {
		background: url(images/bg_footer_sub.gif) left bottom repeat-x;
	}
	
	.sub #footer {
		height: 225px;
	}
	
	.sub #copyright { top: 20px}
	
	.sub h2 { font-size: 120%; color: #993399; text-transform: uppercase;}
	
	/*END Defaults For Subpages*/
	
	
	/*Styles For Template 1 - HOME PAGE*/
		
		.template1 {
			background: url(images/bg_footer_home.jpg) center bottom no-repeat #9e5f98;
		}
		
		.template1 #content {
			margin: 25px 0 0 495px;
			float: left;
			display:inline;
			width: 425px;
			}
			
		.template1 #footer {
			height: 300px;
		}
		
	
	/* END Styles For Template 1*/
	
	
/* ==================================================================
 * Forms
 * ================================================================== */


select {
	color:#000;
	background-color:#fff;
	}
	
 
/* ==================================================================
 * Footer
 * ================================================================== */

#footer { clear: both; position: relative;}
#copyright {
	position: absolute;
	left: 502px;
	top: -20px;
	padding: 25px 0 0 0;
	/*background: url(images/img_copyright.gif) left top no-repeat;*/
	color: #fff;
}
#copyright a { color: #fff;}
