﻿/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */

/* Color Legend 
font-family: 'Abel', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Mate SC', serif;
font-family: 'Bilbo', cursive;

*/


/* Reset */
html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color:white;
	}

ol, ul { list-style: none; }


/* Global */
html 	{	}

body		{  background-image:url('../images/plan_background.gif');	
			background-repeat:repeat; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif; 
						font-weight: bold; color:white }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */
p           	{ margin: 5px 0 0 0; color :white;
					font-size: 12px;
					line-height: 150%;
					text-align: center;}
td           	{ padding: 0 0 0 5px; color :white;
					font-size: 12px;
					text-align:left;
					vertical-align:middle}
					
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           	{   }
a:link			{ color: #0099CC;  } <!-- from #00f -->
a:visited		{ color: #0f0;  }
a:active		{ color: #000;  }
a:focus			{ color: #666;  }
a:hover     	{ color: #f00;  }

blockquote  	{ color:white; font-size:12px; }

strong      	{ font-weight: bold; }
em		     	{ font-style: italic; }

/* Images */

/* Lists */
ul          	{  }
ol          	{ list-style-type:decimal; }

ul li		    { color:white; font-size:12px; }
ol li	     	{ color:white; font-size:12px; }

/* Tables */
#sample-table        				{ width:100%; margin:20px 0px; }

#sample-table tr					{	}
#sample-table .odd					{ background-color:#eee; }
#sample-table .even					{ background-color:#fff; }

#sample-table th          			{ font-weight: bold; }
#sample-table thead, #sample-table th   { background-color:#FFE0C1;  }

#sample-table tbody					{   }

#sample-table th, #sample-table td		{ padding:5px; border:1px #ccc solid; font-size:12px; 	}
#sample-table .tfooter				{ background-color:#ccc; text-align:center; font-style:italic; }

#sample-table caption     			{ background-color: #FFE0C1; text-align:center;
										padding:15px; font-size:14px; font-weight:bold;
										border:1px #ccc solid; }
#sample-table tfoot td				{ text-align:center; font-size:10px; font-style:italic; 
										padding:5px; background-color:#FFE0C1;}

/* Miscellaneous */
sup, sub    		{ line-height: 0; }

abbr, acronym  		{ border-bottom: 1px dotted #666; }
del         		{ background:#FFCECE; color:#f00; }

code, pre			{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
						font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; }


/* Containers */

#wrapper 			{ width:980px; margin:0 auto;  background-color: #000000; color:white }

#header 			{ min-width: 600px; }

#logo 				{ margin: 10px 0px 10px 10px; float: left; width: 200px;}

#company 			{ padding: 40px 0px 0px 0px; width: 600px; color:white }
#company p 			{ color:white; font-size:24px; font-weight:bold; text-align: left;}

#location 			{ padding: 20px 40px 5px 0px;float:right; color :white }
#location p 		{ color:white; font-size:12px; text-align:left;}

#topnav				{ clear:both; margin:0px 0px 20px 0px;}
#topnav ul			{ border-top:1px red solid; padding :10px 0px 10px 0px; }
#topnav ul li		{ display:inline; margin-left:20px;}
#topnav ul li a		{ font-weight:bold; font-size:12px; }
#topnav a:link		{ color:#fff;}
#topnav a:visited	{ color:#fff;}
#topnav a:active	{ color:#fff;}
#topnav a:hover		{ color:#BF6000;}
#topnav a:focus		{ color:#BF6000;}

#container 			{ clear: both;	min-width: 600px;}

#left_col 			{ float: left;	width: 200px; }
#left_col img		{ padding:20px  }

#leftnav			{ clear:both; margin:0px 0px 20px 0px;}
#leftnav ul li		{ margin-left:20px;	 padding:10px 0px 10px 0px;}
#leftnav ul li a	{ font-weight:bold; font-size:12px;}
#leftnav a:link		{ color:#fff;}
#leftnav a:visited	{ color:#fff;}
#leftnav a:active	{ color:#fff;}
#leftnav a:hover	{ color:#BF6000;}
#leftnav a:focus	{ color:#BF6000;}

#content 			{margin: 30px 0px 30px 200px; padding-left: 50px; padding-right:50px;}
#content0 			{margin: 30px 0px 30px 30px; padding-left: 50px; padding-right:50px;}
						
#content p, #content0 p
		 			{ text-align:left}

#content h1, #content0 h1
					{ font-size:32px; font-weight:bold; margin:10px 0px 20px 0px; color:white;}
#content h2, #content0 h2
					{ font-size:24px; font-weight:bold; margin:20px 0px 20px 0px; color:white;}
#content h3, #content0 h3
					{ font-size:16px; font-weight:bold; margin:10px 0px 20px 0px; color:white;}
					
#my-list			{  }
#my-list ul li 		{ padding:10px 0 5px 0;}
#my-list ul li a	{ font-size:20px;}
#my-list ul ul li	{ font-size:16px; padding: 0 0 0 10px;}


#footer 			{ clear:both; padding:15px 0px;	border-top:1px #333 dotted; }
#footer a			{ font-size:11px; font-weight:bold; text-align:center; display:block;}

/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; margin:20px;	}

label 	{ float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;	}
	
submit	{ background:none; 	}

input 	{ width: 280px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; }
		
input:focus, textarea:focus	{ background-color:#BFEBFF; }

textarea {	width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; }

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

.submit { width:90px; height:25px; margin-left:160px; font-size:12px; }

.br		{ clear: left; 	}

.clear	{ clear:both; }


/* Miscellaneous  */

.my-bullets { list-style-type: circle;}
.my-bullets2 { list-style-type: circle; margin-left: 30px;}

.my-item	{font-size: 12px; line-height: 150%; margin-bottom: 10px}

.solidborder {
	border-style: solid;
	border-width: 1px;
}


.indent30 {margin-left: 30px;}

.centered-image	{display: block;
  margin-left: auto;
  margin-right: auto;  }

.bottom-25		{ margin-bottom:25px; }

.copyright-text	{ font-size:90%; font-style:italic; color:#333; }
.footer-text		{ font-size:14px; font-weight:bold; color:#333; text-align:center;
					padding-bottom:5px; margin-bottom:5px;  }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle			{ font-size:14px; font-style:italic; color:#333; }

.float-right		{ float:right; margin:5px 0 8px 10px; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.backlink		{ border-top:1px #00A6D6 solid}

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert 	{ background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
	
.notice			{ background: #fff6bf; color: #514721; border-color: #ffd324; }
	
.success   		{ background: #e6efc2; color: #264409; border-color: #c6d880; }
	
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
	
.error a 	{ color: #8a1f11; }
.alert a 	{ color: #8a1f11; }
	
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a		{ color: #205791; }
