/*
      Created by Marco Somo	  
	  E-Mail: marco.somo@yahoo.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.cyberpopweb.com
	  
*/

* { padding: 0; margin: 0; }

#wrapper { 
 margin: auto;
 padding:20px;
 background-color:#CCCCCC;
 width: 923px;
 background-image:url(img/blue-green-bg.jpg);
 background-repeat:repeat-x;

}

#container{
 float: left;
 width: 918px;
 height:auto;
 color: #000;
 background:#FFFFFF;
 border: 1px solid #ccc;
 display:inline;

}
#header {
 color: #FFF;
 width: 920px;
 float: left;
 background-image:url(img/blue-bg.jpg);
 background-repeat:repeat-y;
 border: 1px solid #ccc;
 height: 155px;
}
#navigation {
 float: left;
 width: 920px;
 color: #FFF;
 background-image:url(img/blue-bg.jpg);
 background-repeat:no-repeat;
 padding-top: 3px;
 padding-bottom: 3px;
 border: 1px solid #ccc;
 }
 
 #navigation .navs{
 color:#FFFFFF; 
 font-size:12px; 
 line-height:15px;  
 width:120px;
 height: 20px;
}

#navigationMP{
 float: left;
 background:url(img/1736_main.jpg);
 background-repeat:no-repeat;
 background-color:#FFFFFF;
 width: 920px;
 height: 300px;
 color: #000;
 border: 1px solid #ccc;
}

#navigationIMG{
 float: left;
 width: 920px;
 height: 80px;
 color: #000;
 padding-top:5px;
 background:#FFFFFF;
 border: 1px solid #ccc;

}
#navigationIMG p{
 font-size:10px;
 line-height:10px;
 padding: 3px;
 padding-left:7px;
}
#fullcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 30px;
 height: 1000px;
 width: 860px;
 float: left;
}
#leftcolumnD{ 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 800px;
 width: 263px;
 float: left;
}
#contentD { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 800px;
 width: 325px;
 display: inline;
}
#rightcolumnD { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 800px;
 width: 263px;
 float: left;
}

#leftcolumnGH { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 600px;
 width: 262px;
 float: left;
}
#contentGH { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 600px;
 width: 325px;
 display: inline;
}
#rightcolumnGH { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 600px;
 width: 262px;
 float: left;
}

#leftcolumnGH7 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 700px;
 width: 262px;
 float: left;
}
#contentGH7 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 700px;
 width: 325px;
 display: inline;
}
#rightcolumnGH7 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 700px;
 width: 262px;
 float: left;
}

#leftcol { 
 color: #333;
 background: #FFF;
 padding: 10px;
 width: 265px;
 height:auto;
 float: left;
 display:inline;
}
#contentcol { 
 float: left;
 color: #333;
 background: #FFF;
 padding: 10px;
 padding-bottom:30px;
 height:auto;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 width: 325px;
 display: inline;
}
#rightcol { 
 color: #333;
 background: #FFF;
 padding: 10px;
 width:260px;
 height: auto;
 display:inline;

}


#leftcoldon { 
 color: #333;
 background: #FFF;
 padding: 10px;
 width: 228px;
 height:auto;
 float: left;
 display:inline;
}
#contentcoldon { 
 color: #333;
 background: #FFF;
 padding: 10px;
 padding-bottom:30px;
 height:auto;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 width: 350px;
 float: left;
 display: inline;;
}
#rightcoldon { 
 color: #333;
 background: #FFF;
 padding: 10px;
 width:260px;
 float:left;
 height: auto;
 display:inline;
}

 #leftshm { 
 color: #333;
 background: #FFF;
 padding: 10px;
 width: 255px;
 height:auto;
 float: left;
}

 #contentshm{
 float: left;
 color: #333;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 background: #FFF;
 height:auto;
 width: 335px;
 padding: 10px;
 display: inline;}

#rightshm{ 
 color: #333;
 background: #FFF;
 padding:10px;
 width:250px;
 height: auto;
 float:right;
 display:inline;
 
 }

#leftclx{ 
 color: #333;
 background: #FFF;
 padding: 10px;
 width: 220px;
 height:auto;
 float: left;
}
 #contentclx{
 float: left;
 color: #330;
 border-left: 1px solid #CCC;
 background: #FFF;
 height:auto;
 width: 640px;
 display: inline;}

#leftcolumnGH4 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 400px;
 width: 262px;
 float: left;
 display:block;
}
#contentGH4 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 padding:10px;
 margin: 0px 0px 0px 0px;
 height: 400px;
 width: 330px;
 display: inline;
}
#rightcolumnGH4 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 padding:10px;
 margin: 0px 0px 0px 0px;
 height: 400px;
 width: 262px;
 float:left;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 550px;
 width: 200px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 550px;
 width: 456px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 20px 0px 0px;
 padding: 10px;
 height: 550px;
 width: 200px;
 float: left;
}

#leftcolumnXX { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 1000px;
 width: 200px;
 float: left;
}
#contentXX { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1000px;
 width: 356px;
 display: inline;
}
#rightcolumnXX { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 20px 0px 0px;
 padding: 10px;
 height: 1000px;
 width: 300px;
 float: left;
}

#leftcolumnCU { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 700px;
 width: 200px;
 float: left;
}
#contentCU { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 700px;
 width: 355px;
 display: inline;

}
#rightcolumnCU { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 700px;
 width: 296px;
float:left;
}

#leftcolumnCL { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 800px;
 width: 200px;
 float: left;
}
#contentCL{ 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 800px;
 width: 676px;
 display: inline;
}
#rightcolumnCL { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 20px 0px 0px;
 padding: 10px;
 height: 800px;
 width: 453px;
 float: left;
}
#leftcolumnXII { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 550px;
 width: 201px;
 float: left;
}
#contentXII { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 550px;
 width: 350px;
 display: inline;
}
#rightcolumnXII { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 550px;
 width: 298px;
 float: left;
}

#leftcolumnDONATE { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 20px;
 padding: 10px;
 height: 750px;
 width: 200px;
 float: left;
 display:block;
}
#contentDONATE { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 750px;
 width: 352px;
 display: inline;
}
#rightcolumnDONATE { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 750px;
 width: 300px;
 float: left;
}
/*--begin search css --*/
div#searchbar {
	position: absolute;
	margin-left: 700px;
	margin-top:20px;
	z-index: 250;
	display:inline;
}


fieldset.search {
	border: none;
	width: 243px;
	margin: 0 auto;
	float:right;
	background: #222;
	position: absolute;
	margin-left: 700px;
	margin-top:20px;
	z-index: 250;
	display:inline;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 190px;
	height: 30px;
	padding: 8px 5px 0;
	background: #616161 url(search_bg.gif) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(search_bg.gif) no-repeat left -38px;
}
.search button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
	background: #fbc900 url(search_bg.gif) no-repeat bottom right;
}



/*--end search css --*/
/*--begin main page --*/
#leftcolumnP1 { 
 border-right: 1px solid #ccc;
 color: #333;
 background: #FFF;
 padding: 10px;
 width: 600px;
 height:auto;
 float: left;

}
#contentP1 { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 padding: 10px;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 height: 160px;
 width: 240px;
 display: inline;
}
#rightcolumnP1 { 
 color: #333;
 border: 1px solid #ccc;
 padding: 10px;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 height: 160px;
 width: 270px;
 float: left;
}
li #rightcolumnP1 {
line-height:25px;
}
/*-- end main page --*/
#footer { 
 width: 900px;
 color: #FFF;
 background-image:url(img/green-bg.jpg);
 background-repeat:no-repeat;
 
}

div#logoloc {
	position: absolute;
	margin-left: 0px;
	margin-top:0px;
	z-index: 500;
}

div#donateloc {
	position: absolute;
	margin-left: 260px;
	margin-top: 100px;
	z-index: 510;
}
div#exitloc{
    position: absolute;
	margin-left: 860px;
	margin-top: 125px;
	z-index: 520;
}

div#logotxt {
	position: absolute;
	margin-left: 140px;
	margin-top:15px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:28px;
	color:#FFF;
	z-index: 210;
}
div#hotlinetxt {
	position: absolute;
	margin-left:520px;
	margin-top:75px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#FFF;
	z-index: 220;
	display:inline;
}
div#numberstxt {
	position: absolute;
	margin-left:620px;
	margin-top:60px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#FFF;
	z-index: 230;
	text-decoration:none;
	display:inline;
}
div#lineloc {
	position: absolute;
	margin-left: 140px;
	margin-top:53px;
	z-index: 210;
    display:inline;
}
/* Form CSS Begin --*/
div#yesmail label {
	display:block;
	float:left;
	width:80px;
	margin-right:10px;
	text-align:right;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	color:#000;
	clear:both;
	padding-top:3px
}

div#yesmail input[type=text] {
	color:#333333;
	padding-left:5px;
	margin-bottom:4px;
}

div#yesmail .note {
	color:#333333;
	font-size:11px;
	line-height:12px;
	width:200px;
}

div#title {
	position: absolute;
	width: 677px;
	height: 74px;
	z-index: 99;
	left: 223px;
	top: 342px;
}

div#legal {
	position: absolute;
	width: 300px;
	margin-top: 710px;
	margin-left: 50px;
	color: #ffffff;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	z-index: 99
}
div#legal2 {
	position: absolute;
	width: 890px;
	margin-top: 20px;
	margin-left: 50px;
	color: #ffffff;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 13px;
	z-index: 99
}

div#form {
	position: absolute;
	width: 300px;
	margin-top: 0px;
	margin-left: 35px;
	z-index: 97
}
div#form2 {
	position: absolute;
	width: 300px;
	z-index: 97
}

div#text_box {
	position: absolute;
	width: 300px;
	margin-top: 0px;
	margin-left: 55px;
	z-index: 90;
	height: 230px;
}
/*-- Form CSS End --*/
/* static START */
ul {
margin-left:20px;
}

body,div,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,fieldset {
	margin:0;
	padding:0;

}
abbr[title], acronym[title] {
	border-bottom:thin dotted;
	cursor:help;
}
body {
	background:#BEC3C6 url(img/new/background_pattern.jpg);
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#003366 !important;
}
ul, li{	color:#003366 !important;}

p {
	font-size:12px;	
	color:#003366;
	line-height:16px;
}

#footer p{
	font-size:12px;	
	color:#FFFFFF;
	line-height:16px;
}

h1, h2, h3, h4, h5, h6 {
	
}


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight:100;
	color:#003366;
	
}
	
 h1 {
	 font-size:26px;
 }
 


img {
	border:0;
}
img.sided {
	background:#FFF;
	border:2px solid #CCC;
	padding:3px;
}
small {
	font-size:10px;
}
a:hover img.sided {
	border-color:#A6A6A6;
}
a {
	color:#2970A6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.wp-caption {
	background:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 0;
	margin-bottom:5px;
	text-align:center;
}
.wp-caption img {
	margin:0 5px;
}
.wp-caption-text {
text-align:left;
font-size:11px;
	padding:0 5px !important;
	padding:3px 5px 0;
}
*+html .wp-caption-text {
	padding:3px 5px 0 !important;
}
.post .content .wp-caption p {
	margin:0;
}
blockquote, pre {
	background:#F4F5F7;
	border:1px dashed #CCC;
	padding:8px;
	margin:5px 0;
}
.more-link {
	font-size:11px;
}
.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left {
	float:left;
	margin-right:10px;

}
.right {
	float:right;
	margin-left:10px;

}
.fixed, .clear {
	clear:both;
}

.jump {
	clear:both;
height:30px;
color:#FFF;
}
img.floatleftx {
float:left;
margin:10px 10px 10px 10px;
} 

.imgleft{
display:block;
width:670px;
height:140px;
} 

.imgleft p{
padding:5px;
font-size:13px;
}

div #imageA{
position:absolute;
padding-top:140px;
padding-left: 70px;
display:inline;
}

div #imageB{
position:absolute;
padding-top:127px;
padding-left: 250px;
height:200px;
width:200px;
}

div #imageC{
position:absolute;
padding-top:127px;
padding-left: 375px;
height:200px;
width:200px;
}

div #imageD{
position:absolute;
padding-top:127px;
padding-left: 520px;
height:200px;
width:200px;
}

div #imageE{
position:absolute;
padding-top:127px;
padding-left: 680px;
height:200px;
width:200px;
}

.boxout {
width:400px;
display:block;
}

.boxout p{
font-size:24px;

}

title .legalize{
font-size:14px;

}
.style1 {font-size: 12px}
.style2 {font-size: 10px}
.style3 {font-size: 16px}
.style4 {
	font-size: 17px;
	font-weight: bold;
}