/*/////////  Main CSS Version 1.0 //////////*/
* {min-height:1px;}

body {
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
	background-color: #f1f1f1;
	margin:	0;
	padding: 0;
	color: #000000;
	border: 0; 
	background: #f1f1f1 url('/img/bg.gif') 0 0 repeat-x; 
	_text-align:center;
	}

a { 
	color: #cccccc; 
	_cursor: hand; 
	}

li p { 
	margin: 0px;
	list-style: disc;
}
	
a:hover, a:visited  { color: #666; _cursor: hand; }

a.cal	{ color: #000; }
a.cal span {display: none;}
a:hover.cal span { 
	display: block; 
	position: absolute;  
	width: 350px; 
	padding: 5px; 
	margin: 10px; 
	z-index: 100; 
	color: #000; 
	background: #ffff99; 
	border: 1px solid #000; 
	font: 10px Verdana, sans-serif; 
	text-align: center; 
	text-decoration: none; 
	text-align: left; 
	}
	
h1, h2, h3, h4, h5 { border: 0; margin: 15px 0 10px 0; padding: 0; font-weight: bold; }
h1 { font-size: 200%; line-height: 120%; font-family: "georgia",serif; font-weight: bold; text-align: center; margin-left: auto; margin-right: auto; }
h1 a { text-decoration: none; text-align: center; margin-left: auto; margin-right: auto; }
h1#logo  {font-size: 480%; }
h2 { font-size: 180%; line-height: 100%; font-family: "georgia",serif; font-weight: normal; }
h3 { font-size: 120%; line-height: 100%; font-weight: bold; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }


/* lists */
ul, ol, dl { display: block; border: 0; margin: 15px 0 15px 40px; padding: 0; list-style: disc; }
ol {list-style-type: decimal}
ol ol {list-style-type: upper-roman}
ol ol ol {list-style-type: lower-alpha}
ol ol ol ol {list-style-type: lower-greek}
ul ul, ul ol, ol ol, ol ul { margin: 0 0 0 20px; }
li { display: list-item; border: 0; margin: 0; padding: 0; _height: 1px;}


acronym {
	border-bottom:1px dotted black;
	cursor: help;
}

pre {
	margin-top: 2px;
	margin-bottom: 2px;
	overflow:auto;
	width:100%
}

hr { 
	display: block; 
	height: 1px; 
	margin: 10px 0; 
	padding: 0; 
	background: #CCC; 
	border: 0 solid #CCC; 
	color: #CCC; 
	}

a, img, span { border: 0; margin: 0; padding: 0; }
strong, .strong { font-weight: bold; }
.linked-day a { color: #6600ff; _cursor: hand; }
img { behavior: url("pngbehavior.htc"); }
p { border: 0; margin: 15px 0; padding: 0; }
div { display: block; border: 0; margin: 0; padding: 0; }


/* Floating */
.f-left { float: left; }
.f-right { float: right; }


/* Text align */
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.va-middle { vertical-align: middle; }
.clear { clear: both; }

.box { min-height: 1px; _height: 1px; }
.box:after { content: "."; display: block; line-height: 0px; font-size: 0px; visibility: hidden; clear: both; }
.box a { text-decoration:underline; _cursor: hand;}
.box a:hover { color:#000; text-decoration:underline; _cursor: hand;}


.noscreen { display: none; }
.space  { line-height:  1.5; }
br { clear: all; }


#main {
	width:762px; 
	margin:50px auto 0 auto; 
	_text-align:left;
	}


/*////////  Begin Header  /////////*/
#header {
	position:relative; 
	width:762px; 
	height:175px; 
	margin:0; 
	padding:0; 
	background:#cccccc url('/img/header.jpg') 0 0 no-repeat; 
	color:#FFF;
	}

#header #logo { 
	position: relative; 
	top: 55px; 
	margin: 0; 
	padding: 0; 
	width: 762px; 
	}

#header #logo a { color: #FFF;  text-decoration: none; _cursor: hand; }
#header #logo a:hover { color: #ccc; text-decoration: none; }
//#header h1 { font-weight: bold; font-size: 30px; padding: 0px; margin: 0px; }
p#subtext { padding: 0px; margin: 0px; }
/*////////  End Header  /////////*/


/* Main Menu & SideBar  This could be removed*/
#tabs { background: #53879F; margin: 0 0px; padding: 10px 0 10px 0; _height: 1px; }
#tabs { background: #333 url('/img/menu.jpg') 0 0 repeat-y; width: 762px; margin: 0 0px; padding: 10px 0 10px 0; _height: 1px; }
#tabs ul { margin: 0 10px; padding: 0; list-style: none; }
#tabs ul li { margin: 0 5px 0 0; padding: 0; float: left; color: #666; }
#tabs ul li  a { color: #9999ff; _cursor: hand; }
#tabs ul li  a:hover { color: #cccccc; _cursor: hand; }
#tabs ul li  a:visited { color: #ccccff; }


.menu { min-height: 1px; _height: 1px; list-style: none; }
.menu:after { content: "."; display: block; line-height: 0px; font-size: 0px; visibility: hidden; clear: both; }
.menu a { text-decoration:underline; _cursor: hand;}
.menu a:hover { color:#000; text-decoration:underline; _cursor: hand;}


/* Strip */
#strip { position: relative; clear: both; padding: 3px 20px 10px 20px; color: #666699; }
#strip p { margin: 0; }
#strip a { color: #666699; }
#strip a:hover { color: #9999ff; }
#strip #breadcrumbs {width:520px; margin:0; padding:0;}


/* Page (2 columns) */
#page-in { min-height: 1px; padding: 10px 0; background: url('/img/bg_page_in.jpg') 0 0 repeat-y; _height: 1px; }


/* Content */
#content { float: left; width: 480px; _width: 500px; margin: 0; padding: 0 0 0 20px;}
#content a { border-bottom: 1px dashed #3333CC; color: #3333CC; text-decoration: none; }
#content a:hover { color: #FFFFFF; background: #154ead; }
#content .node h2 {	font-size: 180%; line-height: 100%; font-family: "georgia",serif; font-weight: normal; }
#content .node h2 a { font-size: 18px; border-bottom: 0px; font-weight: normal; text-transform: capitalize; }

#mission { padding: 12px; background-color: #f9f9f9; }
.title { border-bottom: 1px solid #154ead; font-weight: normal; margin-top: 5px; margin-bottom: 5px; font-size: 150%; height: 30px; text-transform: capitalize; }
div.dashboard-panel-head { background-color: #154ead; color: #FFFFFF; font-weight: bold; }
.links { text-align: right; border-top: 1px solid #154ead; }
h2.title {display: none; }

  
/* Right column Need to work on centering this */
#col { float: right; width: 250px; margin: 5px; margin-left: 5px; padding: 0; background: #cccccc 0 0 repeat-y; text-align: center; }
#col-in { padding: 10px 10px; background: #cccccc 0 0 no-repeat; }
//#col-in { padding: 0px 10px 20px 10px; background: #cccccc 0 0 no-repeat; }
#col h3 { padding: 13px 15px 14px 15px; margin: 0 -10px 15px -10px; background: #666666 0 0 repeat-y; color:#333333; text-align: center; text-shadow: 1px 1px 3px #fff;}
#col table { margin-left: auto; margin-right: auto; }
//#col table { margin-left: auto; margin-right: auto; width: 200px; font-size: 10px; }
#col table caption  { color: #666; font-weight: bold; font-size: 12px; }
caption { font-size: 120%; display: table-caption; color: #000000; caption-side: top; border:1px solid #333; padding: 5px; margin-bottom: 10px; background-color: #eee; }



/* Footer */
#footer { position: relative; clear: both; width: 762px; height: 58px; margin-bottom: 50px; background: #53879F url('/img/footer.jpg') 0 0 no-repeat; color: #000; font-weight: bold; font-size: 90%; margin-top: -1px; }
#footer a { color: #000; }
#footer a:hover { color: #000; }
#footer p { position: absolute; top: 20px; margin: 0; }
#footer p#copyright { position: relative; margin-right: auto; margin-left: auto; text-align: center; }


/* Forms */
form	{
//	top: 0px
	border: 0px;
	font-size: 10px; 
	width: 250px;
}

#reg_event fieldset legend {
	display: block;
	border: 0px;
	}

#reg_event fieldset label, input {
	width: 250px;
	border: 0px;
	clear: both;
	}
	
legend	{
	display: none;
	font-size: 15px;
	border: 0px;
}

form label, input	{
	display: block;   /* block floats the label to the left column, set a width */
	float: left; 
	font-weight: bold;
//	width: 100px;
	line-height: 10px;
}

form label { 
	float: left; 
	text-align: right; 
	width: 50px; 
	display: none;
}

form#req_form	{
	border: 0px;
	font-size: 100%; 
	width: 400px;
	max-width: 400px;
}

form#req_form legend	{
	display: block;
	margin-bottom: 15px;
	margin-left: 160px;
	font-size: 140%;
	text-decoration: underline;
	color: #666;
	border: 0px;
}

form#req_form label, input, select, textarea {
	display: block;   /* block floats the label to the left column, set a width */
	float: left; 
	font-weight: bold;
	width: 700px;
	font-size: 120%;
}

form#req_form fieldset label { 
	float: left; 
	width: 150px; 
	display: block;
	margin: 0px;
	margin-right: 400px;
}

form#req_form fieldset input	{
	color: #000;
	background-color:	#ffffff;
	border: 1px solid #ccc;
	float: left;
	margin: 20px;
	margin-left: 160px;
	margin-top: -15px;
	clear: all;
}

form#req_form fieldset select	{
	color: #000;
	background-color:	#ffffff;
	border: 1px solid #ccc;
	float: left;
	margin: 20px;
	margin-left: 160px;
	margin-top: -15px;
	clear: all;
	width: 250px;
	}

form#req_form fieldset textarea	{
	color: #000;
	background-color:	#ffffff;
	border: 1px solid #ccc;
	float: left;
	margin: 20px;
	margin-left: 160px;
	margin-top: -15px;
	clear: all;
	}

form#req_form fieldset span	{
	color: #000;
	float: left;
	margin: 20px;
	margin-left: 160px;
	margin-top: -15px;
	clear: all;
	}

input	{
	color: #000;
	background-color:	#ffffff;
	border: 1px solid #ccc;
	display: block;
	width: 100px;
	float: left;
	margin: 1px;
	margin-left: 3px;
}

input:focus {
	background-color: #FFEAD7;
	border-color: #FF9933; 
	margin: 1px;
}

input.btn	{
	color: #000;
	border: 1px outset #d7b9c9;
	float: left; 
	text-align: center; 
	width: 50px;
	margin: 1px;
	margin-left: 110px;
	margin-top: -20px;
}

textarea	{
	color: #781351;
	background-color:	#ffffff;
	border: 1px solid #781351;
	display: block;
//	width: 155px;
	float: left;
	font-size: 120%;
	}

fieldset	{
	border: 0px; 
	}

select	{
	color: #781351;
	background: #ffffff;
	border: 1px solid #781351;
	display: block;
	width: 155px;
	float: left;
	}

.content form input.form-text	{ float: right; text-align: left; color: #000; background: #fff; border: 1px solid #ccc; }
.content form ul { margin: 10px; padding: 0; list-style: none; }
.content form ul li { margin: 0 10px 0 0; padding: 0; float: left; color: #blue; list-style: none; }
.content form ul li a { color: blue; }
.content form ul li a:hover { color: #9999ff; }

form div .node-form { width: 640px; _width: 660px; margin: 5px; float: left; text-align: left; clear: all; position: relative; }
form div .node-form input.form-text { width: 420px; _width: 430px; margin: 5px; float: left; text-align: left; clear: all; position: relative;  background: #fff; clear: both; }
form div .node-form fieldset.menu-item-form { width: 420px; _width: 430px; margin: 5px; float: left; clear: both; }
form div .node-form textarea.form-text { width: 640px; _width: 660px; margin: 5px; float: left; text-align: left; clear: all; position: relative;  background: #fff; clear: both; }
form div .node-form label { clear: both;}

.required	{
	font-size: larger;
	color: #333333;
	font-weight: bold;	
	}

.error   {
	color: #B42E33;
	font: 11px verdana, tahoma, arial, "times new roman";
	font-weight: bold;
	}	

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}
/* #########################  */
#container { width:762px; margin:50px auto 0 auto; _text-align:left; }
.code { color: #000000; background-color: #F0F0F0; border-left: medium double #154ead; font-size: 10pt; font-family: "Courier New", Courier, mono; margin: 10px; padding-left: 1em; }
blockquote { border-top: 1px solid #154ead; border-bottom: 1px solid #154ead; font-size: 10pt; margin: 10px; padding-left: 1em; }


/* #########################  */
#right ul { margin: 0px; padding: 0px; }
#right ul li { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
#right ul li a { margin: 0px; padding: 0px; text-transform: capitalize; display: block; }
#right ul li a:hover { color: #FFFFFF; background-color: #154ead; }
#right ul li a:link, #right ul li a:visited { margin: 0px; padding: 3px 3px 3px 10px; }
#right ul li li a:link, #right ul li li a:visited { margin: 0px; padding-left: 25px; }
#right ul li li li a:link, #right ul li li li a:visited { margin: 0px; padding-left: 40px; }
/* #########################  */

.hidden {
	width: 0px;
	display: none;
}

td	{
	padding: 5px;
}