
/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
#wrapper { width: 770px; border:1px solid #CC1559; border-top:5px solid #CC1559; margin: 0px auto; padding:0px;}

body {font-size: 12px; margin: 0px auto; padding: 0px; background-color:#FFFFCC; font-family:Verdana, Arial, Helvetica, sans-serif;  background-image:url(../images/bg.jpg);
  background-repeat:repeat;
  background-attachment:fixed;}
.page-container-1 {width: 770px; margin: 0px auto; padding: 0px; background-color:#ffffff;}
.page-container-2 {width: 770px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_2.gif) top left repeat-y; border: solid 0px rgb(100,100,100);}
.page-container-3 {width: 770px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_3.gif) top left repeat-y; border: solid 0px rgb(100,100,100);}

#header {
	width: 770px;
	height:175px;
	padding:0px;
	margin:0px;
}
/*----------------------------*/
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
#container-navigation {
	width: 770px;
	background-color: #CC1559;
	height: 22px;
	border-bottom: 1px solid #ffffff;
	clear:both;
	overflow:hidden;
	text-align:center;
}

ul#navigation {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

#navigation li {
	display:inline;
	list-style: none;
	height: 22px;
	clear:both;
	
}

#navigation li a {
	color: #ffffff;
	line-height: 22px;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 25px 6px 25px;
}

#navigation li a:hover {
	text-decoration: none;
	background-color: #FF5EAA;
	color:#FFFF00;
}
/*----------------------------*/
/* END - Navigation - Level 2 */
/*----------------------------*/

a{color:#CC1559; text-decoration:none; padding:3px; }
a:hover {background-color:#CC1559; text-decoration:none; color:#FFFF00; padding:3px; }

.img{
margin:5px 10px 5px 0px;
float:left;
border:0px solid #CC1559;
color:#ffffff;
}
.img_right{
margin:5px 10px 5px 0px;
float:right;
border:0px solid #CC1559;
color:#ffffff;
}

.content {float: left; width: 550px; margin: 0px; padding: 0px 0px 10px 20px; color: black;}
.content_full {width: 730px; margin:0 20px; color: black;}


/* Headings */
h1 {margin:10px 0px 0px 0px; padding:0px 2px 20px 10px;color: #CC1559; font-weight: bold; font-size:18px; background-image:url(../images/string.gif); background-repeat:repeat-x; background-position:bottom; }
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding: 10px; margin:0px; line-height: 1.7em;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}

/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 120%;}
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/*--------------------*/
/* 6.2 - Sidebar Area */
/*--------------------*/
.sidebar {overflow: hidden; float: right; width: 165px; margin-right: 5px; height:100%; padding:0px 10px 10px 10px; ; text-align: left;}
.sidebar_heading {margin-bottom: 5px; padding:3px; border: dotted 2px #FF5EAA; color:#FFFF00; background-color:#CC1559; font-weight: bold; font-size:12px; text-align:center;text-transform:uppercase;}
.sidebar p { font-size: 11px; padding:0px 0px 3px 0px; line-height:1.6em;}
.img_sidebar{ padding:2px; margin: 10px 0px 0px 15px;border:1px solid #CC1559;}
.sidebar a {color:#CC1559; text-decoration:none; padding:3px; }
.sidebar a:hover {background-color:#CC1559; text-decoration:none; color:#FFFF00; padding:3px; }


/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer { clear: both; width: 770px; height: 20px; padding-bottom:10px; margin-bottom:0px; border-top: solid 0px #FDF1FE; background-color: #CC1559; color: #000000;}
.footer p {margin: 0px; padding: 10px 10px 0px 0px; line-height: 1.3em; font-size: 10px; color:#ffffff; text-align:center; font-weight:normal;}



/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}
/*****************************/
/* Contact Form */
/*****************************/
#side_box_container {
	float:right;
	width:208px;
	height:auto;
	display:block;
	clear:both;
	position:relative;
	padding-top:10px;
}
.side_box {
	width:200px;
	height:auto;
	float:right;
	margin-left:0px;
	margin-bottom:25px;
	background-color:#ffffff;
	line-height:1.3;
	font-size:11px;
	border:1px solid #CC1559;
	display:block;
	clear:both;
	text-align:left;

	}
.side_box_pic{
	margin:0;
	padding:0;
	float:left;
	padding:0px 5px 5px 0px;
}
.side_box input {
	width:150px;
	margin:0px;
	padding:0px;
}
.side_box_inner {
	padding:5px 5px 5px 10px;
	}
.side_box h2 {
	text-align:center;
	width:auto;
	height:15px;
	background-color:#CC1559;
	color:#ffffff;
	padding:3px 3px 10px 0px;
	margin:0px;
	font-size: 15px;
	border-bottom: 0px solid #ffcd04;
	}
.combo {
background-color:#ffffff;
width:165px;
height:auto;
border:1px solid #CC1559;
font-size:11px;
margin-bottom:5px;
padding:0px;  
color:#CC1559;
cursor:pointer;
}

.button {
background-color:#cccccc;
border:0px solid #336699;
font-size:14px;
cursor:pointer;
padding:3px;

}
.field {
	background-color:#ffffff;
	width:175px;
	height:15px;
	border: solid 1px #CC1559;
	font-size:11px;
	margin-bottom:5px;
	
}
/* top info bar */

#attention {
	width:650px;
	height:auto;
	margin-left:-325px;
	margin-top:-90px;
	position:fixed;
	left: 50%;
	top: 50%;
	background-color:#FF5EAA;
	font-size:13px;
	text-align:center;
	z-index:999999;
	padding:0px;
	border:1px solid #000;
}
#attention p{
	padding:25px;
}
#attention a {
	color:#FFF;
}
*html #attention {
	position: absolute;
	}
#close {
	float:right;
	width:20px;
	height:18px;
	text-align:center;
	border:1px solid yellow;
	margin:5px;
}
#close:hover {
	cursor:pointer;
}


