@import 'reset.css';
/* -------------------------------------------------------------------------- Basic Structure */

body {	
	background:url(../images/bg_stripe.gif) repeat-x;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:900px;
	margin:0 auto;
}

#header {
	height:94px;
}

#banner {
	height:250px;
	background:#380101;
}

#banner img {
	float:left;
}

/* for understanding browsers */
#contentArea  {
	background:#fff;
	background:url(../images/bg.gif) repeat-x;
	min-height:200px; 
	height:auto;
	padding-top:30px;
	

}

/* for Internet Explorer */
/*\*/
* html #contentArea  {
height: 200px;
}
/**/



#footer{
	clear:both;
	height:50px;
	background:#380101;
	
	
	
}

#footer p {
	font-size:85%;
	color:#886767;
	padding:20px 20px; 
}

#copyright {
	float:left;
	width:400px;
}
	
#footerLinks {
	float:right;
	width:300px;
	text-align:right;
}

#credits {
	font-size:85%;
	color:#886767;
	padding:5px 20px; 
}

	
/* -------------------------------------------------------------------------- Basic Tags  */

img#logo {
	float:left;
}


#wrapper2 {
	text-align:right;
	width:700px;
	float:right;
}

#wrapper2 p {
	padding-top:10px;
	padding-bottom:10px;
}

#nav ul {
	margin-top:5px;
	float:right;
}


#nav ul li {
	float:left;
}

#nav a {
	float:left;
	border-right:#FFFFFF 1px solid;
	
	color:#333333;
	text-decoration:none;
	display:block;
	padding:13px 15px;	
	background:url(../images/nav_bg.gif) repeat-x;
}

#nav a:hover {
	background:url(../images/nav_bg_hover.gif) repeat-x;
}

.navActive {
	border-bottom:5px solid #00FF99;
}

h2 {
	margin-top:10px;
	display:block;
}

/* -------------------------------------------------------------------------- Content Area*/

#subNav {
	float:left;
	width:235px;
	left:35px;
	position:relative;
	
}

#content {
	width:550px;
	float:left;
	left:35px;
	position:relative;
}


#contentFull {
	width:650px;
	float:left;
}


#contentArea h1 {
	font-size:150%;
	padding-bottom:.5em;
	font-weight:bold;
}


#contentArea h2 {
	font-size:130%;
	padding:.2em 0;
	font-weight:bold;
	color:#380101;
}

#contentArea h6 {
	padding:.2em;
	background:#886767;
	color:#fff;
	width:68px;
	
	
}

#content p {
	line-height:150%;
	color:#333333;
	padding-bottom:1em;
}

p.news {
	line-height:130%;
	color:#333333;
	padding-bottom:1em;
}



#content-layout1-1 p{
	line-height:150%;
	color:#333333;
	padding-bottom:1em;
}

#content-layout1-1 {
	float:left;
	width:550px;
	position:relative;
	left:270px;
	
}


#content-layout2-1 {
	float:left;
	width:400px;
}

#content-layout2-2 {
	float:left;
	width:400px;
	margin-left:30px;
}
	
#subNav a {
	width:180px;
	background:#666666;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:5px 10px;
	border-bottom:#FFFFFF 1px solid;
}

#subNav a:hover {
	background:#CCCCCC;
	color:#fff;
	
}	

#subNav .active2 {
	background:#380101;
	color:#fff;
}


#subNav ul ul li {
	background:#FF9900;
	width:140px;
	color:#FFFFFF;

}
	

#subNav ul ul a {
	background:#CCCCCC;
	color:#333333;
	border:none;
	border-left:10px solid #FF9900;
	width:170px;
}
	
#subNav ul ul a:hover {
	background:#666666;
	color:#fff;
	border:none;
	border-left:10px solid #380101;
	width:170px;
}

#subNav .active3 {
	background:#FF9900;
	color:#fff;
	border-left:10px solid #380101;
}


a {
	color:#380101;
}

a:hover {
	color:#886767;
}

	
address span {
	display:block;
	line-height:140%;
	font-style:normal;
	color:#333333;
}

.bold {
	font-weight:bold;
}
	

/* -------------------------------------------------------------------------- contact form 










#submit {
	border:none;
	margin-left:5.5em;
	cursor:pointer;
}


*/





/* -------------------------------------------------------------------------- contact form  */





form.contact {
	background:url(../images/bg.gif) repeat-x;
	padding:15px 25px 15px;
	margin-top:30px;
	margin-bottom:20px;
	border:#CCCCCC 1px solid;
}

form.registration {
	padding:15px 25px 15px;
	margin-bottom:20px;
}

label.error {
	color:#FF0000;
}


form.registration  label {
	float:left;
	width:95px;
	margin-right:.5em;
	text-align:right;
	padding-top:1px;
}


.regHeader {
	margin-bottom:10px;
	
}

.formHeader {
	margin-left:100px;
	margin-bottom: 1em;
}

label {
	float:left;
	width:95px;
	margin-right:.5em;
	text-align:right;
	padding-top:1px;
}

textarea {
	overflow:auto;
}

form li {  
	padding-bottom: 1em;
}

input#submit {
	position:relative;
	left:100px;
}

	
#contentArea p.error {
	color:#FF0000;
	margin-left:100px;
	padding:3px 0;
}

.table1 {
	margin-bottom:20px;

}

caption {
	background:#990000;
	color:#FFFFFF;
	padding:5px;
	border:1px solid #FFFFFF;
}
tr {
	background:#CCCCCC;

}

ol {
	margin-left:22px;
}

th {
	background:#999999;
	color:#FFFFFF;
}
td,th {
	padding:5px;
	border:1px solid #FFFFFF;
}
td.col1 {
	width:28%;
}

h2#register {
	background:url(../images/24-tag-pencil.png) no-repeat;
	width:120px;
	margin:10px 0;
	padding-left:35px;
	color:#FF3300;
	margin-top:30px;
}

h2#register a{
	color:#FF3300;
	
	}
	
.top-margin {
	margin-top:10px;
}

form span {
	color:#FF0000;
}

.left-margin3 {
	margin-left:30px;
}

span.bold {
	font-weight:bold;
}


#relatedLinks {
	margin-bottom:2em;
}

#content-layout1-1 .relatedLinks li{
	font-size:100%;
	line-height:120%;
	list-style:url(../images/8-em-cross.png);
	margin-left:1.3em;

}

#content .check li{
	font-size:100%;
	line-height:120%;
	list-style:url(../images/8-em-check.png);
	margin-left:1.3em;

}

#content .check {
	margin-bottom:2em;

}
	
/* -------------------------------------------------------------------------- contact form  */

.column01 {
	float:left;
	width:280px;
	left:10px;
	position:relative;
}

.column01 img {
	padding-bottom:10px;

}

.column02 {
	float:left;
	width:280px;
	left:30px;
	position:relative;
	margin-bottom:20px;
}

#atif {
	padding-bottom:10px;
}

.column03 {
	float:right;
	width:280px;
	right:10px;
	position:relative;
}