﻿
/* ---- CSS
Title: Diabetic Charitable Services
Author: Steven Waters, Rapid Technology Solutions (swaters@rapidts.com) 
Date: Novemeber 2008 
Source: Blueprint CSS Framework 0.8, Copyright (c) 2007-Present., http://blueprintcss.org
---- */

.donateButton
{
  padding:10px  0 10px  0;
  text-align:center;
}

html,body{
margin:0;
padding:0
}

body
{
background:#193092;	
background-image:url('../Images/bg_repeatx.png');
background-position:top left;
background-repeat:repeat-x;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

#header {
margin:0;
background: #fff;
background-image:url('../Images/top_corners.png');
background-position:top left;
background-repeat:no-repeat;
color: #79B30B;
width:900px;
height:170px;
}

#navigationContainer{
background:#E6E6E6;
background-image:url('../Images/nav_repeatx.png');
background-position:top left;
background-repeat:repeat-x;
width:864px;
height:43px;
margin-left:10px;
padding:0 0 0 5px;
border:1px #ccc solid;
}

#extra{
background:#FF8539;
}

#footer{
background: #fff;
color: #333;
height:20px;
}

#footer p{font-size:9pt;padding:0 0 0 20px;}

#container{
background:#fff;
margin:0 auto;
text-align:left;	
width:900px;
padding:0 0 20px 0;
background-image:url('../Images/bottom_corners.png');
background-position:bottom left;
background-repeat:no-repeat;
}

#mainContent, .events, .links{
float:left;
width:600px;
padding:0 0 0 10px;
}



.events table{
margin:10px 0 0 0;
border:1px #ccc solid;
padding:0;	
}

.events tbody tr td{
padding:5px 0 5px 0;	
	
}


.events tbody tr td:first-child{
width:180px;
font-size:1.0em;

}


.events tbody tr th{
background:#191970;
color:#ccc;
padding:10px 0 10px 10px;	
}
    

.sideContent{
float:right;
width:231px;
margin:23px 20px 0 0;
border:1px #ccc solid;
}

.sideContent{
background:#efefef;	
}

#footer{
clear:both;
width:100%;
background:#fff;
}

#navigationContainer ul#navList{
margin:0;
padding:10px 0 0 0;
width:700px;
}

#navigationContainer ul#navList li a
{
font-size:11pt; 
font-weight:bold;
border-right:2px #ccc solid; 
color:#333;
padding:5px 10px 5px 5px;
text-decoration:none;
}

#navigationContainer ul#navList li a:hover{
color:#000;
text-decoration:underline;
}

ul#navList li
{
display: inline;
list-style-type : none;
padding-right: 5px;
}

img.logo{float:left; border:0; padding:10px;}

/* typography.css */

h1, h2, h3, h4, h5, h6{
font-weight:normal;
color:#fff; 
}

h1{
padding:65px 0 0 10px;
color:#333;
}

h2{
display:block;
background:#30318F;
background-image:url('../Images/h2_repeatx.png');
background-position:top left;
background-repeat:repeat-x;
font-size:20pt;
padding:10px 10px 10px 10px;
height:35px;
}

.sideContent h3{
display:block;
background:#383884;
background-image:url('../Images/h3_norepeat.png');
background-position:top left;
background-repeat:no-repeat;
font-size:15pt;
height:30px;
padding:8px 0 10px 45px;
margin:0;
color:#ccc;
}

.links h3, .events h3{color:#333;}

.events h3{font-size:16pt;}

h4 {font-size:13pt;color:#333;font-weight:bold;padding:0 0 0 10px;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {font-size:11pt; padding:0 0 0 5px;}

.sideContent p{font-size:10pt;padding:10px;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}

p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

#mainContent p{padding:0 0 0 10px;}

/* forms.css */

label {font-weight:bold;font-size:11pt;}
.risks input{display:block;float:left;margin:3px 0 0 10px;}
.risks label{width:150px;display:block;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}

legend {font-weight:bold;font-size:1.2em;}

input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}

input.text, input.title {width:300px;padding:5px;}

input.title {font-size:1.5em;}

textarea {width:390px;height:250px;padding:5px;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}

.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}

.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}

.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}

.error a {color:#8a1f11;}

.notice a {color:#514721;}

.success a {color:#264409;}

.padding-fix{color:blue;}

.buttons{padding:0; margin:0;}

/* Lists*/

ul#servicesList, ul#contactList{
margin:-15px 0 0 0;
padding:0 0 20px 10px;
width:200px;
}

ul#servicesList li, ul.linksList li, ul#contactList li{
list-style-type:none;
padding:5px 0 10px 0;
font-size:11pt;
border-bottom:1px #333 solid;
}



ul.eventsList,ul.linksList{
margin:0;
padding:0;
width:300px;
}

ul.linksList{
width:400px;
}

ul.eventsList li,ul.linksList li{
list-style-type:none;
padding:5px 0 10px 0;
font-size:11pt;
border-bottom:1px #ccc solid;
}

/*Links*/
a:link{
color:#333;	
text-decoration:none;
border-bottom:1px #333 dotted;
}

a:active
{
color:#666;
border-bottom:#666;

}

a:hover{
color:#666;
border-bottom:1px #666 dotted;
}

a:visited{
color:#4F4F4F;	
text-decoration:none;
border-bottom:1px #4F4F4F dotted;
}

#navigationContainer ul#navList li a
{
border-bottom:0;
}