/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jun 25, 2006)
Screen layout: */

/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
font:75%  Arial, Trebuchet MS, Georgia, Verdana, Tahoma, sans-serif;
background:#f4f4f4 url(../img/bg2.gif) top center repeat-y;
color:#303030;
}


#tags
{

clear:both;
margin:0 auto;
padding:10px 0 20px;
width:760px; margin-left:10px; margin-right:5px; padding:0; margin-top:10px; 	 border-top:4px solid #f0f0f0;;
}


#wrap {
background:#ffffff url(../img/bg_wrap2.gif) top right repeat-x;
color:#303030;
margin:auto auto;
width:1000px;
}

/***** Various tags *****/
a {
text-decoration:underline;
font-weight:bold;
color:#003366;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#ff9933;
background-color:inherit;
}

a img {
border:1;
}

#search {
margin:0 0px 5px 200px;

padding:0 10px;
}

/***** Header *****/
#header {
margin:0px 0 0;
padding:0;
height:45px;
}

#header h1 {
color:#505050;
background-color:inherit;
width:250px;
margin:0 0 10px;
font-size:2.2em;
float:left;
}

#header h1 a{
color:#505050;
background-color:inherit;
text-decoration:none;
}

#header p {
width:500px;
float:right;
text-align:center;
color:#505050;
margin:8px 0 0;
font-size:1.1em;
font-weight:bold;
line-height:1.3em;
background-color:inherit;
}

#frontphoto {
margin:0 0 20px 0;
border:0;
}

/***** Left sidebar *****/
#leftside {
position:relative;
clear:left;
float:left;
width:180px;
margin:5 5 0 5px;
padding:0;
}

#leftside h2,#leftside h3 {
color:#003366;
background-color:inherit;
font-size:1.3em;
margin:0 0 2px;
padding:0;
}

#leftside div.announce {
clear:left;
margin:10px 0 15px;
padding:7px 5px;
width:200px;
font-size:1.1em;
background-color:#cfe4fa;
color:#003366;
border-left:4px solid #cccccc;
line-height:1.5em;
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

/***** Main menu *****/
ul.avmenu {
width:200px;
margin:0 0 18px;
padding:0;
list-style:none;

float:left;
}

ul.avmenu li {
width:210px;
padding:0;
line-height:1.4em;
display:inline;
float:left;
}

ul.avmenu li a {
background-color:#cfe4fa;
color:#003366;

width:180px;
float:left;
margin-bottom:5px;
margin-left:10px;
padding:5px 1px 5px 5px;
border-left:4px solid #cccccc;
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#728dac;
border-left:4px solid #ff9933;
color:#ffffff; font-weight:bold;
}

ul.avmenu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:1.0em;
width:125px;
}

ul.avmenu ul a {
padding:3px 1px 3px 5px;
width:165px;
}

ul.avmenu ul ul {
width:113px;
}

ul.avmenu ul ul a {
width:150px;
}

/***** Right sidebar *****/
#extras {
border:1px;
border-style:dotted;
float:right;

width:200px;
margin:10px 10px 10px 10px;
padding:10px;
line-height:1.4em;
background-color:#FFFFFF;
filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
}

#extras p,#extras ul {
font-size:0.9em;
margin:0 0 16px;
padding:0;
}

#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:0 0 10px;
padding:0;
}

/***** Main content *****/
#content {
margin:0px 0px 0px 200px;
/*border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;*/

padding:15px;
background: #ffffff url(../img/bg_sfuma.png) top center repeat-x;
line-height:1.6em;
letter-spacing: 0.04em;

}

#contentwide {
margin:0 0 10px 150px;
border-left:0px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
}

#content h2,#contentwide h2 {
font-size:1.8em;
color:#003366;
margin:0 0 5px;
line-height:1.2em
}

#content h3,#contentwide h3 {
font-size:1.6em;
margin:0 0 5px;
font-size-adjust:inherit;
color:#5880ad;
line-height:1.2em
}

#content h4,#contentwide h4 {
font-size:1.2em;
margin:0 0 5px;
font-size-adjust:inherit;
color:#5880ad;
line-height:1.2em
}


#content h5,#contentwide h5 {
font-size:0.8em;
color:#666666;
margin:0 0 5px;
}


#content img,#contentwide img {
padding:4px;
display:inline;
/*background:#cccccc;*/
color:#303030;
border:0px solid #f0f0f0;
}
#content hr { color: #fff; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; margin:1px; }


#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/
#footer {
clear:both;
margin:2px auto;
padding:8px;
border-top:0px solid #f0f0f0;
width:980px;
text-align:center;
color:#000000;
background-image:url(../img/bg_footer.jpg);
font-size:0.9em;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;

}
#footer hr { color: #f0f0f0; background: transparent ;  border: 1px dotted #003366; border-style: none none dotted; }
#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}






/*********************************************** FORMS ******************************************/


#container {
	padding:20px;
}

/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(./img/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(./img/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(./img/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(./img/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(./img/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(./img/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(./img/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(./img/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(./img/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(./img/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}