/*----- [ fresh theme ] */

/*------[ main ]---------------------*/

body { background: #f5f6f9; font-size: 80%; font-family: "trebuchet ms", arial, helvetica, sunsans-regular, sans-serif; color:#000; padding:20px; margin:0px; text-align:center; }
img { padding:2px; background-color:white; border:1px solid #ccc; }
div.cleared { clear:both; height:1px; }
hr { height: 1px; background-color: #ccc; border: 0; }
acronym, .help { border-bottom: 1px solid #999; cursor:help; }

/*------[ tables ]---------------------*/

table { margin-top:10px;margin-bottom:10px; }
th { background-color: #eee; text-align:left; }
th { font-size:1.0em; }
td { font-size:1.0em; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; vertical-align:top; }
tt { font-size: 1.2em; }

/*------[ forms ]-------------------*/

form {
	background:#fff;
	padding:1em;
	border:1px solid #eee;
}

fieldset div {
	margin:0.3em 0;
	clear:both;
}
form {
	margin:1em;
	
}
label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}
legend {
	color:#0b77b7;
	font-size:1.2em;
}
legend span {
	width:10em;
	text-align:right;
}
input {
	padding:0.15em;
	width:40em;
	border:1px solid #ddd;
	background:#f1f1f1;
	font:0.95em arial, sans-serif;
}

.refresh {
	padding:0.15em;
	width:128px;
	border:1px solid #ddd;
	background:beige;
	font: 1.1em arial, sans-serif;
	font-weight:bold;
}

.yellowinput {
	padding:0.15em;
	width:50em;
	border:1px solid #ddd;
	background:beige;
	font: 1.1em arial, sans-serif;
	font-weight:bold;
}

.redbtn{
	padding:0.15em;
	width:40em;
	border:1px solid #ddd;
	background:black;
	color:white;
	font: 0.95em arial, sans-serif;
}

.bluebtn{
	padding:0.15em;
	width:40em;
	border:1px solid #ddd;
	background:blue;
	color:white;
	font: 0.95em arial, sans-serif;
}

.greenbtn{
	padding:0.15em;
	width:40em;
	border:1px solid #ddd;
	background:green;
	color:white;
	font: 0.95em arial, sans-serif;
}

textarea {
	padding:0.15em;
	width:40em;
	border:1px solid #ddd;
	background:#f1f1f1;
	font: 0.95em arial, sans-serif;
}


fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}

/*------[ links ]---------------------*/

:link                       { color: #039; } 
:visited                    { color: purple; } 
:link:hover, :visited:hover { color: #333; } 
:link:active, :link:active  { color: #000; }

#main a:link                       { color: #039; } 
#main a:visited                    { color: #636; } 
#main a:link:hover, :visited:hover { color: #999; } 
#main a:link:active, :link:active  { color: #000; }

#left a:link                       { color: #039; } 
#left a:visited                    { color: #636; } 
#left a:link:hover, :visited:hover { color: #999; } 
#left a:link:active, :link:active  { color: #000; }

#right a:link                       { color: #039; } 
#right a:visited                    { color: #636; } 
#right a:link:hover, :visited:hover { color: #999; } 
#right a:link:active, :link:active  { color: #000; }

#main2 a:link                       { color: #039; } 
#main2 a:visited                    { color: #636; } 
#main2 a:link:hover, :visited:hover { color: #999; } 
#main2 a:link:active, :link:active  { color: #000; }

/*------[ typography ]---------------------*/

p, h1, h2, h3, h4, h5, h6 { margin: 0px;padding:5px; }
h1, h2, h3, h4, h5, h6 { color:#000; }
h1 { font-size: 2.0em;font-weight: normal; }
h2 { font-size: 1.7em;font-weight: normal; }
h3 { font-size: 1.4em;font-weight: normal; }
h4 { font-size: 1.2em;font-weight: bold; }
h5 { font-size: 1.0em;font-weight: bold; }
h6 { font-size: 0.8em;font-weight: bold; }

/*------[ ids ]---------------------*/

#wrapper { background-image: url(page_bg.jpg);background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 820px; padding-right: 20px; padding-left: 20px; text-align:left; }
#footer { background-image: url(page_bg.jpg);background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 820px; padding-right: 20px; padding-left: 20px; text-align:left; }

#bottomimg { margin-right: auto; margin-left: auto; width: 860px; background-image: url(page_footer.jpg); background-repeat: no-repeat; height: 30px; }
#headerimg { margin-right: auto; margin-left: auto; width: 860px; background-image: url(page_header.jpg); background-repeat: no-repeat; height: 30px; background-position: 0px 10px; }

#content        { background-image: url(background.png); background-repeat: repeat-y; background-position: right; border-bottom:10px solid #fff; clear: both; /* add this rule */ }
#content2       { background-image: url(../css/background.png); background-repeat: repeat-y; background-position: right; border-bottom:10px solid #fff; clear: both; /* add this rule */ }
#content_nobg   { clear: both; /* add this rule */ }

#title      { background-image: url(v1.jpg); text-align:left; height:102px; padding:20px; }
#title h1   { color: #fff; font-size: 2.5em; font-weight: normal; border-bottom:1px solid #fff; letter-spacing:5px; }
#title a    { text-decoration:none; color:#fff; }
#title a:active, a:hover, a:visited    { color:#fff; }

#footer p { background-color:#eee; clear:both; text-align:right; font-size:0.8em; text-transform:uppercase; color:#888; }
#footer a { color: #306090; text-decoration: none; }
#footer a:hover { color:#000; }

#main         { background-color:#f5f6f9; padding:15px; border-bottom:10px solid #fff; clear:both; }
#main2        { background-color:#f5f6f9; padding:15px; border-bottom:10px solid #fff; clear:both; margin-top:10px; }
#left         { width: 60%; float:left; clear:both; margin-bottom:10px; }
#right        { width: 35%; float:right; padding:10px; }
#main p       { text-align:justify; }

.ctr { text-align:center; }
.sub { color:#fff; text-transform: uppercase; font-size:0.9em; margin-left:5px; }

img.left { float: left; margin-right:5px; clear: left; }
img.right { float: right; clear: both; }
		
/*hide from ie-mac\*/
* html #navcontainer li {
    height: 1px;
    }
/* end hack */
 
/* \*/
* html #navcontainer a {
    height: 1px;
    }
/*  */ 

/*------[ courtesty of http://css.maxdesign.com.au/listamatic2/vertical14.htm ]----------*/

#navcontainer ul { margin: 0px; padding: 0px; list-style-type: none; }
#navcontainer li { margin: 0px; padding: 0px; line-height: 20px; }
#navcontainer ul li a { display: block; padding-left: 10px; background-color: #e0e9e9; font-size: 1.2em; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; }
#navcontainer ul li a:link, #navcontainer ul li a:visited { color: #000; text-decoration: none; }
#navcontainer ul li a:hover { background-color: #edf2f2; color: #999; }
#navcontainer ul ul li a { display: block; padding-left: 40px; background-color: #f1f1f1; font-size: 1.0em; }
#navcontainer ul ul li a:link, #navcontainer ul ul li a:visited { color: #000; text-decoration: none; }
#navcontainer ul ul li a:hover { background-color: #eee; color: #999; }
/* selected states */
#navcontainer ul li a#current { font-weight: bold; color: #000; background-color: #ccc; }
#navcontainer ul ul li a#subcurrent { font-weight: bold; color: #000; background-color: #e7e7e7; }
/*hide from ie-mac\*/
* html #navcontainer li { height: 1px; }
/* end hack */
/* \*/
* html #navcontainer a { height: 1px; }
/*  */

/*------[ calendar ]----------*/

.cal              { border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#eaeaea; text-align:center; }
.cal1             { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; background-color:#ccc; text-align:center; }
.cal2             { background-color:#fff; text-align:center; }
.caltab           { margin-top:4px; }
.caltab a:visited { color:#000; }
.cb               { background-color:#f1f1f1; border:1px solid #5f9ea0; padding:10px; text-align:center; }
.cb_txt           { border:1px solid #5f9ea0; background-color:#fff; color:#5f9ea0; font-size:0.9em; }

/*------[ navigation ]----------*/

#navigation    { clear:both; }
#navigation ul { float:left; width:100%; margin:0; padding:0; list-style:none; background:#93ad93; margin-bottom: 10px; border-top:1px solid #ccc; }
#navigation li { display:inline; margin:0; padding:0; }

#navigation a  { 
	display:block; float:left; 
	width:auto; 
	margin:0; 
	padding:0 5px; 
	border-right:1px solid #688c68; 
	border-bottom:none; 
	border-left:1px solid #ccc; 
	color:#fff; 
	background:#93ad93; 
	font:bold 0.9em/2.5 "trebuchet ms",helvetica,arial,geneva,sans-serif; 
	text-transform:uppercase; 
	text-decoration:none; 
	letter-spacing:1px;
}
#navigation a:hover,
#navigation a:focus,
#navigation a:active {background:#b1beb4; color: #eee; }
#navigation .active a {background:#fff; color:#000; }
#navigation .active a:focus {background:#f1f1g1; }



#navigation_sub    { clear:both; }
#navigation_sub ul { float:left; width:100%; margin:0; padding:0; list-style:none; background:#e0e9e9; margin-bottom: 10px; }
#navigation_sub li { display:inline; margin:0; padding:0; }

#navigation_sub a  { 
	display:block; float:left; 
	width:auto; 
	margin:0; 
	padding:0 16px; 
	border-right:1px solid #ccc; 
	border-bottom:none; 
	border-left:1px solid #eee; 
	color:#000; 
	background:#e0e9e9; 
	font:0.8em/2.0 "trebuchet ms",helvetica,arial,geneva,sans-serif; 
	text-transform:uppercase; 
	text-decoration:none; 
	letter-spacing:1px;
}
#navigation_sub a:hover,
#navigation_sub a:focus,
#navigation_sub a:active {background:#eeeeee; color: #999; }
#navigation_sub .active a {background:#ccc; }
#navigation_sub .active a:focus {background:#f1f1g1; }