@charset "UTF-8";
/* RUNGRANNYRUN.COM CSS Document */

/*** SITE COLORS  ***
RED: #FFFF00
BLUE: #0F288C
LIGHT BLUE: #C5E3EF
LIGHTER BLUE: #DDEFF7 */


body {
	margin:0 auto;
	background:#e9e9e9 url(../images/main-bg.jpg) top left repeat-x;
	font-family:Helvetica, sans-serif;
	}

.clear { clear:both;}
	
/*** TEXT  ***/

h1 {
	color:#0F288C;
	}
	
h2 {
	color:#d40208;
	}
	
h3 {
	color:#0F288C;
	margin:0;
	padding:5px 0 5px 0;
	}
		
h4 {
	color:#d40208;
	font-size:18px;
	font-weight:normal;
	padding:5px 0;
	margin:0;
	border-top:1px dotted #888;
	border-bottom:1px dotted #888;
	}
	
h4#light {
	color:#0F288C;
	font-size:18px;
	font-weight:200;
	display:block;
	padding:5px;
	margin:0;
	background:#FFFFFF;
	}
	
h5 {
	color:#d40208;
	font-size:14px;
	font-weight:normal;
	padding:5px 0 5px 0;
	margin:0 0 5px 0;
	border-top:1px dotted #888;
	border-bottom:1px dotted #888;
	line-height:20px;
	}
	
#whitetxt {
	color:#FFFFFF;
	}
	
p, ol, li {
	color:#363c54;
	font-size:12px;
	margin:0;
	padding:0;
	line-height:12pt;
	}
	
#red {
	color:#FF0000;
	}
	
.punderline {
	text-decoration:underline;
	}
	
a:link, a:active, a:visited {
	text-decoration:none;
	color:#0F288C;
	font-weight:bold;
	}
	
a:hover {
	text-decoration:underline;
	}	
	
blockquote {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:16pt;
	color:#0F288C;
	font-style:italic;
	font-weight:bold;
	width:236px;
	margin:0;
	padding:20px 5px 20px 5px;
	border:2px dotted #FFF;
	}
	
hr {
	color:#fff;
	padding:0;
	margin:5px 0 0 0;
	}
	
img {
	border:none;
	margin:0;
	}
	
ul li {
	list-style-image:url(../images/star.gif);
	}

.emailForm { padding:20px; margin:10px 0; display:block; width:430px; background: url(../images/form-bg.png) top left;}

.emailFormInput {
	background:#fff;
	border:1px solid #ccc;
	width:418px;
	padding:10px 5px;
	margin:5px 0 10px 0;
	color:#0F288C;
	font-weight:bold;
	}

input.emailFormInput:focus { border:1px solid #0F288C;}
.submitBtn {width:150px; height:40px; background:url(../images/submit-btn.jpg); border:none;}
	
/**** CONTAINERS ***/
/*.row {
		display:table-row;
	}
	
.row div {
		display:table-cell;
	}*/

#content {
	width:100%;
	margin:0;
	border:solid 5px #0F288C;
	padding:0;
	background:#FFFFFF;
	}
	
.maincontainer {
	width:800px;
	margin:0 auto;
	border-left:solid 1px #aaa;
	border-right:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	padding:0;
	display:block;
	background:#fff;
	}
	
#header {
	width:800px;
	margin:0;
	padding:0;
	text-align:center;
	}
	
#footer {
	width:800px;
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/footer-bg.jpg);
	float:left;
	}
	
.equal {
	width:800px;
	background:#fff url(../images/right-col-bg.gif) top right repeat-y;
	margin:0;
	padding:0;
	
	display:block;
	}
	
.one {
	width:470px;
	background:#FFFFFF url(../images/row-top-graphic.jpg) top left no-repeat;
	padding:20px;
	margin:0;
	float:left;
	display:inline;
	
	}
	
.two {
	width:250px;
	background:#C5E3EF;
	padding:20px 20px 5px 20px;
	float:left;
	margin:0;
	
	}
	
#lefttxt {
	width:425px;
	float:left;
	margin:20px 25px 20px 30px;
	}
	
#features {
	margin:0 0 15px 0;
	padding:0;
	width:100%;
	}
	
#featurelink {
	margin:0 10px 0 0;
	padding:13px 0 0 10px;
	
	background:url(../images/run-granny-run_09.jpg) no-repeat top left;
	width:240px;
	height:32px;
	font-size:10pt;
	font-weight:bold;
	
	width:240px;
	}
	
#footerlogos {
	margin:0;
	padding:0;
	}
	
#thumb {
	border:none;
	float:left;
	margin:8px 10px 0 0;
	}
	
#thumb a, #thumb a:visited, #thumb a:active {
	text-decoration:none;
	}
	
#thumb a:hover {
	text-decoration:underline;
	}
	
#textthumb {
	border:none;
	float:left;
	margin:0 10px 10px 0;
	}
	
#textthumbright {
	border:none;
	float:right;
	margin:0 0 10px 10px;
	}
	
#speechholder { background:#fff; padding:20px;
	width:750px;
	margin:10px auto;
	text-align:justify;
	}
	
#thankyou {
	text-align:center;
	width:500px;
	border:10px groove #FF0000;
	margin:30px auto;
	padding:20px; 
	background:#fff;
	}
	
/***  TIMELINE CONTAINERS AND STYLING  ***/
#eventholder {
	width:250px;
	margin: 0 0 15px 0;
	padding:0;
	border-bottom:1px solid #0F288C;
	}
	
#date {
	width:244px;
	margin:0;
	padding:3px;
	background:#6576b9 url(../images/date-bg.gif) repeat-x;
	border-top:3px solid #0F288C;
	color:#FFFFFF;
	
	}
	
#event {
	margin:0;
	padding:5px 3px 5px 3px;
	width:244px;
	background:#DDEFF7;
	}
	
#eventpic {
	margin:0;
	padding:0 0 5px 0;
	width:250px;
	}
	
/***  NAV  ***/

#nav {
	width:800px;
	background:#0f288c url(../images/nav-bg.jpg) bottom left repeat-x;
	margin:0;
	color:#FFFFFF;
	text-align:center;
	
	padding:10px 0;
	}
	
#nav a:link, #nav a:active, #nav a:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:12px;
	}
	
#nav a:hover {
	text-decoration:none;
	color:#C5E3EF;
	}
	
.navselected {
	text-decoration:none;
	color:#C5E3EF;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	}
#nav img { vertical-align:middle;}

#bottommenu {
	margin:0 auto;
	width:800px;
	text-align:center;
	font-size:7pt;
	padding:15px 0 15px 0;
	background:#FFFFFF;
	float:left;
	color:#0F288C;
	font-weight:normal;
	}
	
#bottommenu a:link, #bottommenu a:active, #bottommenu a:visited {
	color:#0F288C;
	text-decoration:none;
	font-weight:normal;
	}
	
#bottommenu a:hover {
	text-decoration:underline;
	}
	
	
/***  SUB NAV FOR MEDIA AND DORIS PAGES  ***/

#submenu ul{
	list-style-type:none;
	text-align:center;
	height:27px;
	font-weight:bold;
	margin:0;
	padding:0;
	
	}

#submenu ul li {
	display:block;
	float:left;
	margin:0 3px 0 0;
	height:27px;
	}

#submenu ul li a {
	display:block;
	float:left;
	color:#0F288C;
	background:none;
	line-height:30px;
	text-decoration:none;
	padding:0 5px 0 5px;
	height:27px;
	border:1px solid #0F288C;
	}

#submenu ul li a:hover {
	text-decoration:underline;
	}

#submenu ul li a.current {
	color:#d40208;
	background:none;
	border:1px solid #d40208;
	}
	
/*** SPEECH MENU ***/

#speechmenu {
	width:200px;
	margin:20px 10px 0 0;
	float:left;
	}
	
#speechmenu ul {
	background:#C5E3EF;
	margin:0;
	padding:0;
	}
	
#speechmenu li {
	margin:0;
	padding:3px 5px;
	color:#0F288C;
	list-style:none;
	border-bottom:2px solid #FFFFFF;
	display:block;
	text-align:left;
	}
	
	
#speechtext {
	margin:0;
	padding:0 0 0 10px;
	text-align:justify;
	float:left;
	width:527px;
	}
	
	
#inviteContainer { width:650px; background:#fff; padding:20px 30px; margin:20px auto; border:20px solid #091855; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#666;}
#inviteContainer h1 { font-size:70px; color:#C00; line-height:30px;}
#inviteContainer h2 { font-size:28px; color:#666; font-weight:normal; line-height:40px;}
#inviteContainer h3 { font-size:22px; color:#666; font-weight:normal;}
#inviteContainer h3 { font-size:18px; color:#666; font-weight:normal;}
#inviteContainer p { font-size:16px; color:#666; font-weight:normal; line-height:25px;}
.borderbottom { border-bottom:1px solid #ccc; padding:0 0 15px 0;}
.bordertop { border-top:1px solid #ccc; padding:15px 0  0;}