html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 100%;
	color: #ccc;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/*end of reset----------*/

body {
margin: 0 auto;
background: url('../images/back-11.png') repeat-x bottom #333366;
}


/*this is the top wrap*/
#top {
margin: 0 auto;
height: 480px;
width: 1007px;
background: url('../bg/topbg.png') no-repeat;
}

#top #imgcon {
position: relative;
left: -132px;
}

#top #imgcon img {
position: absolute;
}

/*top head----------*/
#top ul {
float: right;
width: 700px;
height: auto;
margin: 30px 0;
}

#top ul li#first {
font-size: 3.5em;
text-transform: uppercase;
color: #000;
font-family: "Big Caslon";
}

#top ul li#second {
font-size: 2.7em;
color: #000;
padding-left:80px;
font-family: "Big Caslon";
}

#top ul li#third {
margin-top: 40px;
}

#top ul li#third, #top ul li#fourth, #top ul li#fifth, #top ul li#sixth, #top ul li#seventh {
font-size: 2.6em;
text-align: left;
padding-top: 5px;
padding-left:50px;
color: #000;
}
/*-----------------navigation-------------*/
#nav {
width: 1007px;
margin: 0 auto;
}

#nav ul#top_nav {
-moz-box-shadow: 3px 3px 19px rgba(0,0,0,.8);
box-shadow: 3px 3px 19px rgba(0,0,0,.8);
-webkit-box-shadow: 3px 3px 19px rgba(0,0,0,.8);
height: 50px;
width: 997px;
margin: 0 auto;
}

#nav ul#bottom_nav {
-moz-box-shadow: 3px 3px 19px rgba(0,0,0,.8);
box-shadow: 3px 3px 19px rgba(0,0,0,.8);
-webkit-box-shadow: 3px 3px 19px rgba(0,0,0,.8);
height: 50px;
width: 831px;
margin: 0 auto;
}

#nav ul li {
float: left;
}

#nav ul li a {
display: block;
font-size: 14px;
padding: 18px 0 0 0;
border-left: 1px solid #ccc;
width: 165px;
height: 32px;
text-align: center;
font-weight: bold;
/*fall-back*/
background: none #fff;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(270deg, #fff, #ccc);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#cccccccc);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#cccccccc)";
border-top: 1px solid #e4e4e4;
}


#nav ul a.leftedge {
-moz-border-radius: .5em 0 0 .5em;
-webkit-border-radius: .5em 0 0 .5em;
border-radius: .5em 0 0 .5em;
}
#nav ul a.rightedge {
-moz-border-radius: 0 .5em .5em 0;
-webkit-border-radius: 0 .5em .5em 0;
border-radius:  0 .5em .5em 0;
}

#nav ul li a:link, #nav ul li a:visited {
color: #666;
/*fall-back*/
background: none #fff;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(270deg, #fff, #ccc);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#cccccccc);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#cccccccc)";
border-top: 1px solid #e4e4e4;
}

#nav ul li a:hover, #nav ul li a.selected{
color: #666;
/*fall-back*/
background: none #fff;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(270deg, #ccc, #fff);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccccc, endColorstr=#FFFFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccccc, endColorstr=#FFFFFFFF)";
border-top: 1px solid #e4e4e4;
}

ol {
padding-left: 20px;
}

ol li {
font-size: 1em;
font-family: helvetica, serif, arial;
}


/*this is for the main wrap*/
#wrap {
margin: 0 auto;
width: 1007px;
height: auto;
border: 1px solid #333366;
min-height: 650px;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
}

#pic {
width: 330px;
height: 650px;
float: left;
margin-left: 20px;
margin-top: 20px;
border: 1px solid #ccc;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
background: none #e4e4e4;
}

#pic div.picholder {
width: 310px;
height: 275px;
margin: 10px auto;
text-align: center;
overflow: hidden;
}

#gallery, #gallery2 {
width: 310px;
height: 240px;
margin: 0 auto;
text-align: center;
background: none #336699;
}

#gallery div, #gallery2 div {
width: 310px;
height: 240px;
margin: 0 auto;
text-align: center;
background: none #336699;
}

#pic div.picfooter {
text-align: center;
clear: both;
border: 1px solid #333366;
height: 30px;
line-height: 30px;
background: url('../bg/capbg.png') no-repeat;
-moz-border-radius: 0 0 1em 1em;
-webkit-border-radius: 0 0 1em 1em;
border-radius: 0 0 1em 1em;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#666699), to(#333366));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(270deg, #666699, #333366);
}

#pic div.picfooter p, #pic div.dirholder p a {
color: #fff;
font-size: 18px;
}

#pic div.dirholder {
line-height: 60px;
text-align: center;
width: 310px;
height: 60px;
margin: 10px auto;
border: 1px solid #ccc;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
background: url('../bg/dirbg.png') no-repeat;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#666699), to(#333366));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(270deg, #666699, #333366);
}

#body {
width: 500px;
height: auto;
margin: 30px;
margin-left: 400px;
min-height: 700px;
}

#body p {
text-align: justify;
font-family: helvetica, serif, arial;
font-size: 16px;
font-style: italic;
color: #cccccc;
margin-top: 10px;
margin-bottom: 30px;
}

h3 {
color: #006699;
}

h1, h2 {
color: #000000;
text-align: center;
font-size: 1.6em;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
background-color: #ccc;
margin: 20px 0;
background: url('../bg/bg.jpg') repeat-x;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(270deg, #fff, #ccc);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#cccccccc);
/* For Internet Explorer 8 */
}

#footer {
background: url('../images/footer.png') no-repeat;
margin: 0 auto;
width: 1000px;
height: 42px;
margin-top: 40px;
}

#footer a {
color: #ccc;
}

#footer p {
color: #cccccc;
text-align: center;
font-size: 12px;
line-height: 20px;
}

#footer p.copy {
position: relative;
bottom: 50px;
}

.imgleft {
float: left;
padding-right: 20px;
}


/*spanish english versions css*/
#version {
margin: 10px auto;
width: 950px;
height: 65px;
}

div.btn {
width: 140px;
height: 50px;
line-height: 50px;
color: #000;
font-size: 1.2em;
font-weight: bold;
border: 1px solid #000;
text-align: center;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
background: url('../bg/btnbg.jpg') repeat-x;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#99ffff), to(#66ccff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(270deg, #99ffff, #66ccff);
}

#spanish {
width: 140px;
float: right;
margin: 10px 200px 0px 0px;
}

#spanish img{
border: none;
}

a:focus {
outline: none;
}

object {
outline: none;
}

a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}

li p {
color: #fff;
}

a:hover {
color: #000;
text-decoration: none;
}

.message {
float: left;
font-size: 24px;
font-style: italic;
color: #fff;
}

#wrap #pic p.preregister {
width: auto;
font-size: 18px;
color: #cccccc;
z-index: 99;
}

.none {
list-style-type: none;
}

#body ul li {
list-style-type: circle;
color: #cccccc;
font-size: 18px;
}

label {
color: #cccccc;
}


#feedback {
margin: 0 auto;
width: 800px;
height: 100%;
font-size: 16px;
border: thin solid #ffffff;
text-align: center;
}

.clearfix {
width: 100%;
height: 1px;
clear: both;
}

/*----------form error handeling----------*/
#signup label.error {
font-size: 0.8em;
color: #f00;
display: block;
}

#signup input.error, #signup select.error {
background: #ffa9b8;
border: 1px solid red;
}

#signup textarea.error, #signup select.error {
background: #ffa9b8;
border: 1px solid red;
}

/*----------------modal box message cookie--------------*/
#modal {
width: 700px;
height: 150px;
padding: 20px 20px 0 20px;
color: #fff;
font-size: 1.3em;
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background: none no-repeat center #333;
-moz-border-radius: 1.6em;
-webkit-border-radius: 1.6em;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;	
text-align: center;
}

/* close button positioned on upper right corner */
#simplemodal-container a.modalCloseImg {
background-image:url(../bg/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
cursor:pointer;
}

#clearmsg {
width: 1000px;
clear: both;
margin: 0 auto;
padding: 5px;
font-size: 1.3em;
color: #e4e4e4;
display: none;
}

#footer img {
position: absolute;
margin-left: 300px;
}