/*#############################################################
Name: Beautiful DayDate: 2006-11-12Description: A soft and bright two-column template.Author: Viktor Persson
URL: http://templates.arcsin.se   Feel free to use and modify but please provide credits.
#############################################################*/
/* Firefox Scrollbar issue workaround */
html { min-height: 100.1%; margin-bottom: 1px; }
/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {color: #963;}
a:hover {color: #C60;}
body {
	background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;
	color: #444;
	font: normal 65% Tahoma,sans-serif;
}

p,code {padding-bottom: 1.2em;}
ul {padding-top: 0.5em;padding-bottom:1em;}

li {list-style: none;font: normal 1.1em "Lucida Sans Unicode",sans-serif;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	color:#2B4C7F;
	margin-bottom: 4px;
}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 900px;
}

/* header */
.top {
	background: url(img/clouds.gif) repeat-x;
	padding: 20px 10px 0;
}

/* title */
.header {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 900px;
	}
.header .left, .header .right {
	background: #ffffff;
	color:#2B4C7F;
	height: 150px;	
}
.header .right {
	background: #ffffff url(img/header.jpg) no-repeat;
	width: 685px;
}
.header .left {
	overflow: auto;
	width: 205px;
}
.header .right p {font: normal 1.2em "Trebuchet MS",sans-serif;text-align:right;padding: 0px 16px;}
.header .right h2 {padding: 10px 16px; font: normal 1.6em "Trebuchet MS",sans-serif;text-align:right;}
.header a {color: #2B4C7F;}
.header a:hover {color: #C60;}

/* navigation */
.navigation {	
	background: #D9E1E5 url(img/nav.gif);
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;
}
.navigation a {
	background: #D9E1E5 url(img/nav.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}

/* main */
.main {
	border-top: 4px solid #FFF;
	background: url(img/bgmain.gif) repeat-y;
}

/* content */
.content {
	float: right;
	margin: 10px 0;
	padding: 0 16px;
	width: 650px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 20px;
	line-height: 20px;
}

.content h2 {
	font: normal 1.4em Tahoma,sans-serif;
	margin-bottom: 4px;
	color:#2B4C7F;
}
.content p {font: normal 1.1em "Lucida Sans Unicode",sans-serif;}
/*.content p {font-family: 1.2em "Trebuchet MS",Tahoma,sans-serif;
padding-bottom: 1.2em;}*/

/* form elements */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

* html .threepxfix{
margin-left: 3px;
}

.dottedline { 
	margin: 0px 10px 10px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
}
img.body {
  margin: 5px 0px 10px 10px; 
border: 1px solid; color:#9A9A9A;
padding:1px;  
}
img.float-right {
  margin: 5px 0px 10px 10px; 
border: 1px solid; color:#9A9A9A;
padding:1px;  
  float: right;
}
img.float-left {
  margin: 5px 10px 10px 0px;
  border: 1px solid; color:#9A9A9A;
padding:1px;  
  float: left;
}
img.noborder_float_left {
border: 0px;
  margin: 2px 2px 0px 0px;
  float: left;
}
img.noborder_float_right {
border: 0px;
  margin: 20px 5px 0px 0px;
  float: right;
}
img.noborder {
border: 0px;
margin: 5px 5px 5px 5px; 
float:right; }

.float-right {
  margin: 5px 0px 10px 10px; 
border: 1px solid; color:#9A9A9A;
padding:1px;  
  float: right;
}
.google {
  margin: 5px 10px 10px 2px;
  border: 1px solid; color:#9A9A9A;
padding:1px;  
}
/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 25px;
	text-align: center;
	padding:2px;
}
.footer a,.footer a:hover {color: #FFF;}

/*LEFT MENU*/
/* sub navigation */
.sidenav {
	float: left;
	width: 200px;
}

.glossymenu{
margin: 5px;
padding: 0;
width: 190px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(img/glossyback.gif) repeat-x bottom left;
font: bold 14px tahoma, Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(img/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid; border-color:#494018;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

#hero {
	background: url(img/header.jpg) no-repeat;
	height: 150px;
	width: 685px;
	float:right;
	text-align:right;
	}
#hero #overlay {
	position: relative;
	margin-top:118px;
	width: 685px;
	}		
#hero #overlay p {
	padding: 5px 10px 5px 5px;
	color: #fff;
	font: italic 150% "Trebuchet MS",sans-serif;
	background: url(img/half.png) repeat-x;
	
	}
.sidenav  p {font: normal 1.2em "Trebuchet MS",sans-serif;padding: 2px 0 0 5px;}
.sidenav h2 {padding: 5px 0 0 5px; font: normal 1.6em "Trebuchet MS",sans-serif;}
#hero a {color: #white;}
#hero visited {color: #white;}
#hero active {color: #white;}
#hero a:hover {color: #C60;}
.frame {
	border: 0px solid #ced2d5;
	background: #e9edf0;

	}
p.newsdate {font: normal 0.9em;color:#8D8B8D;}

.mceContentBody { background-image: none; color: #000; font: normal 15px} /*TinyMCE*/
.mceContentBody a:link, .mceContentBody a:visited   { color: #fff !important;    text-decoration: underline; } /* FF requires a important here */
.mceContentBody a:hover, .mceContentBody a:active   { color: #99d9e8 !important; text-decoration: none; } /* FF requires a important here */