/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.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.code-sucks.com
	  
*/

/* Body Tags */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(http://www.civilrightsfoundation.org/images/ccrffaded.jpg);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position : center center;
}

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

#onecolumn { 
 color: #000044;
 border: 0px solid #ffffff;
 background: #ffffff;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 height: 500px;
 width: 870px;
}
#leftcolumn { 
 color: #ffffff;
 border: 1px solid #044;
 background: #000044;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 height: 500px;
 width: 160px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #000044;
 border: 1px solid #044;
 background: #ffffff;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 height: 500px;
 width: 718px;
 display: inline;
 position: relative;
 background-image: url(http://www.civilrightsfoundation.org/images/ccrffaded.jpg);
 background-repeat: no-repeat;
 background-position : center center;

}

/* Body Links */

a:link {color:#000044; text-decoration: none;}       /* unvisited link */
a:visited {color:#000044; text-decoration: none;}   /* visited link */
a:hover {color:#FF0000; text-decoration: none;}    /* mouse over link */
a:active {color:#000044; text-decoration: none;}  /* selected link */

a.linkText {color : #ffffff; text-decoration : none;}
a.linkText:link {color : #ffffff;}
a.linkText:visited {color : #ffffff;}
a.linkText:hover {color : #ff0000;}


/* Vertical Text */

.vertical-text {position:relative;}

.vertical-text .word1 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:5em;
  position:absolute;
  right:200px;
  left:160px;
  top:360px;
}

.vertical-text .word2 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1em;
  position:absolute;
  right:0px;
  left:30px;
  top:92.5px;
}

.vertical-text .word3 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1em;
  position:absolute;
  right:0px;
  left:30px;
  top:62.5px;
}

.vertical-text .word4 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1em;
  position:absolute;
  right:0px;
  left:30px;
  top:20px;
}

.vertical-text .Contact {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1.125em;
  position:absolute;
  right:0px;
  left:140px;
  top:60px;
}

.vertical-text .Media {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1.125em;
  position:absolute;
  right:0px;
  left:140px;
  top:108px;
}

.vertical-text .Donation {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1.125em;
  position:absolute;
  right:0px;
  left:140px;
  top:172px;
}

.vertical-text .Projects {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1.125em;
  position:absolute;
  right:0px;
  left:140px;
  top:232px;
}

.vertical-text .About {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1.125em;
  position:absolute;
  right:0px;
  left:140px;
  top:278px;
}

.vertical-text .MediaImages {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  font-size:1.5em;
  position:absolute;
  right:0px;
  left:52px;
  top:-612px;
}

/* Vertical Text Link */

a.linkText {color : #ffffff; text-decoration : none;}
a.linkText:link {color : #ffffff;}
a.linkText:visited {color : #ffffff;}
a.linkText:hover {color : #ff0000;}

/* List: list 3 styles */
/* Source: http://codeasily.com/css/style-ordered-list  */

#list3 {
	font: normal tahoma, verdana, sans-serif;
	color: #666;
}
#list3 p {
	font: normal tahoma, verdana, sans-serif;
	color: #000;
	border-left: solid 1px #999;
        margin:0;
        line-height:1.5em;
 	padding: 0 0 1em 1em;
        text-align: justify;
}

/* List: list 3 styles */
/* */
#newsbox {margin-right: 0.5em;}
#newsbox h3 {text-align: left; line-height: 1em;
  margin: 2.5em 0 0 -1px; border-bottom: 1px dotted gray;}
#newsbox ul {margin: 1px 0 0; padding: 1.25em 0 0 0;}
#newsbox li {padding: 0 0 1.5em; list-style: none;}
#newsbox h4 {font-size: 1em; letter-spacing: -1px; color: #446;
  margin: 0 33% 0 0; padding: 0 0 0 0.75em;
  border-left: 1.25em solid #ABC;}
#newsbox h5 {margin: -1.33em 0 0 0; padding: 0; color: #667;
  border-bottom: 1px dotted silver;
  font-size: smaller; font-weight: normal; font-style: italic;
  text-align: right;}
#newsbox p {margin: 0.25em 0 0 2em; padding-left: 1px;}


/* Images */
/* Source: http://www.w3schools.com/CSS/css_image_gallery.asp

div.img
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }

/* More */
.more {text-align:right;}
.more a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000044; font-weight:bold;}
.more_left {text-align:left;}
.more_left a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000044; font-weight:bold;}

/* Left More */
.lmore {text-align:left;}
.lmore a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000044; font-weight:bold;}
.lmore_left {text-align:left;}
.lmore_left a{background:url(http://www.civilrightsfoundation.org/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000044; font-weight:bold;}

/* Tags */
p.blockedtext {text-align: justify;}
table.center {margin-left:auto; margin-right:auto;}
.indented {padding-left: 10pt; padding-right: 10pt; text-align: justify;}
.headerstyle {clear:left; display:block; margin:20px 0 10px 0; padding:5px 0 5px 8px; color:#000044; text-decoration:none;}
.headerstyle-red {clear:left; display:block; margin:20px 0 10px 0; padding:5px 0 5px 8px; color:#ff0000; text-decoration:none;}

/* Colors */
.red {color:#ff0000;}
.blue {color:#3d6f92;}
.gold {color:#ffcc00;}
.gray {color:#868686;}
.black {color:#000000;}
.maroon {color:#991F00;}
.orange {color:#ff6600;}
.green {color:#009900;}
.white {color:#ffffff;}
.darkblue {color:#000044;}

/* Center */
.center
{ 
text-align: center;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}