/* Projects content containers
By: Iman Muttardy 
All your base are belong to me. 
*/

/*half page 
.halfpage{
clear:both;
}
.halfpage .onehalf {
width: 45%; 
border-right: 1px dotted #CCC;
float: left;
margin-right: 10px;
}
.halfpage div{
padding: 5px 10px 10px 0px;
}
*/
						/* begin content formats: 3 col, 2 col */
.container, .cont, .rounded {
clear: both;
margin: 0 auto;
text-align: center;
padding: 10px 0px 10px 5px;
height: 100%;
overflow: hidden;
}

.container .one, .container .extra, .cont .one, .cont .extra  {
text-align: left;
float: left;
/*width: 200px;*/
width: 190px;
padding: 0px 10px 0px 10px;
padding-bottom: 1001em;     /* X + padding-bottom */
margin-bottom: -1000em;     /* X */
height: 100%;
}
/*
.container > .one, .container > .extra {
width: 200px;
}*/
.container .one {
background-image: url(images/cols-bg-gray-dot.gif);
background-position: right;
background-repeat: repeat-y;
}
.container .extra {
padding-bottom: 0px;
margin-bottom: 0px;
}


												/*two col */
.col1 {
width: 200px;
text-align: left;
float: left;
padding-bottom: 1001em;     /* X + padding-bottom */
margin-bottom: -1000em;     /* X */
}
.col2 {
width: 440px;
float: left;
padding: 0px 0px 10px 10px;
text-align: left;
}

.container .col1 {
background-image: url(images/cols-bg-gray-dot.gif);
background-position: right;
background-repeat: repeat-y;
padding-right: 10px;
padding-left: 5px;
width: 190px;
}
/*to be used by itself*/
.half, .onehalf{
float: left; 
/*width: 325px; */
width: 285px;
text-align: left;
word-wrap: break-word;
overflow:visible;
}
.cont .onehalf {
margin-left: 15px; 
}

.container .half {
background-image: url(images/cols-bg-gray-dot.gif);
background-position: right;
background-repeat: repeat-y;
padding-right: 10px;
padding-left: 5px;
padding-bottom: 1001em;     /* X + padding-bottom */
margin-bottom: -1000em;     /* X */
/*width: 315px;*/
width: 310px;
}

.container .onehalf {
padding-right: 5px;
padding-left: 10px;
/*width: 315px;*/
width: 305px;
}

.rounded .half, .rounded .onehalf {
/*
padding-bottom: 1001em;     /* X + padding-bottom */
/*margin-bottom: -1000em;     /* X */
}

.rounded .half {
background-image: url(images/right-white-bottom.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color:#003300;
}

.rounded .onehalf {
background-image: url(images/left-white-bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
background-color:#FF6600;
}
												/* column blocks */
.top {
background-color:#FFFFFF;
background-image:url(images/bucket_gradient.gif);
background-repeat:no-repeat;
background-position:left;
vertical-align: middle;
padding: 5px 5px 5px 5px;
font-weight: bold;
border-top: 1px solid #dadbdc;
border-left: 1px solid #dadbdc;
border-right: 1px solid #666;
}

.middish {
border-left: 1px solid #dadbdc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 0px 10px 15px 10px;
}

legend {
color: #333333;
background-color:#FFFFFF;
color:#04365c;
font-weight:bold;
padding: 2px 2px 2px 2px;
/*
border-top: 1px solid #dadbdc;
border-left: 1px solid #dadbdc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;*/
}
fieldset {
border-top: 1px solid #dadbdc;
border-left: 1px solid #dadbdc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}

.middish li{
list-style-position: inside;
}

.middish ul li {
list-style-position:outside;
}

p .block {
padding-left: 5px;
color: #0e508d;
}
.clearpad{
clear: all;
padding: 10px 10px 10px 10px;
}
.clearall {
clear: all;
}
/*round boxes */
/*beige/light gray */
.l-rbroundbox { background-color: #dadbdc;
/*margin: 1em auto;*/
color: #04365c; }
/*top Left is corner */
.l-rbtop { background: url(images/left-white-top.gif) no-repeat top left; }
.l-rbbot { background: url(images/right-white-bottom.gif) no-repeat bottom right; }
.r-rbtop { background: url(images/right-white-top.gif) no-repeat top right; }
.r-rbbot { background: url(images/left-white-bottom.gif) no-repeat bottom left; } 

/* height and width stuff, width not really nessisary. */
.l-rbtop, .l-rbbot, .r-rbtop, .r-rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.l-rbcontent{
padding: 0px 10px 0px 10px;
}

.hround {
text-align: left;
font-weight: bold;
font-size: 14px;
line-height: 10px;
padding-left: 5px;
margin-top: 10px;
color: #04365c;
text-transform: uppercase; 
}

/*end round boxes /////////////////////*/
/*Text styles */
h1, h2, h3, h4 {
color:#04365c;
}

.hx {
background-image:url(images/bg-header-col-green.jpg);
background-position:bottom;
background-repeat:repeat-x;
color: #0e508d;
font-weight:bold;
font-size:16px;
}

.pageheader {
color:#04365c;
text-align: center; 
font-weight: bold;
font-size: 24px;
}

.centered {
text-align: center;
margin: 0 auto; 
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.leftpad {
text-align: left; padding-left: 10px;
}