/*
Original design: andreas01 (v3.0 - Apr 24, 2008) - See website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas01/
Further ammendments supported by L Cvurk, see Solicija website
*/

/* Main body */
body { background:#f4f4f4 url("../img/bg.gif") top center repeat-y; color:#404040; 
	   font: 75%, Verdana, Arial, sans-serif, Tahoma; margin:0 auto; padding:0; }
#wrap { background:#fff; color:#404040; margin:0 auto; width:800px; }

/* Basic tags */
/* Original shade of orange was originally EF6B00 then changed to FC7323, trying to match Pantone 021 */
a { color: #397097; font-weight:700; text-decoration:none; }
a:hover { color: #fc7323; text-decoration:underline; }
a img { border:0; }

/*top right+left bottom */
p { margin:0 0 1.4em; font: normal; }

h1 { font: normal 3.0em Arial;  font-weight: 700; clear: both; margin: 0 0 15px; width: 400px; }
h2 { font: normal 1.6em Arial;  font-weight: 500; color: #3D3C3B; margin: 0 0 15px; width: 400px; }
h3 { font: normal 1.4em Arial;  font-weight: 500; color: #3D3C3B; margin: 0 0 15px; width: 400px; }
h4 { font: normal 1.2em Arial;  font-weight: 600; color: #3D3C3B; margin: 0 0 15px; width: 400px; }
 
/* Header */
#header { height:45px; margin:10px 0 0; padding:0; }
#header h1 { color: #505050; float:left; font-size: 2em; 
	         margin:0 0 10px; width: 370px;}
#header h1 a { color:#505050; text-decoration:none; }
#header p { float: right; font-weight: 700; line-height: 1.3em; margin: 8px 0 0; 
	        text-align: center; width:350px;}
	
#top { float: right; text-align: right; margin-right: 8px; margin-top: 8px; height: 20px; }
#top a { color: #808080; margin: 0px 0px 0px 13px; background: #fff url("../img/toparrow.png") no-repeat center left; 
	     padding: 0px 0px 0px 12px; }
	
#logobox { float: left; height: 78px; width: 400px; margin-left: 8px; margin-top: 8px; position: absolute}
#logoimage { float: left; }

/* Original shade of orange was originally EF6B00 then changed to FC7323 */
#logotext { float: left; margin-left: 5px; margin-top: 3px; }

#slogan { float: left; margin-left: 5px; margin-top: 2px; }

#frontphoto { border:0; position: static; left: 0pt; margin:78px 0 10px; }

/* menu bar */
/* Original float over file was menu.gif */
/* Previous shade of orange was originally EF6B00 then FC7323 */
#menu { height: 52px; background: #ccecff; margin-top: 10px }
	#menu ul { padding: 0px 0px 0px 13px; margin: 0px 0px 0px 0px; }
	#menu ul li { display: inline; height: 52px; float: left; list-style: none; position: relative; }
	#menu li a { float: left; width: 86px;text-align: center; margin: 0px 0px 0px 0px; 
				 font-weight: bold; font-size: 0.8em; padding: 16px 0px 26px 0px; color: #006699; }
	#menu li a:hover { color: #fc7323; top; text-decoration: underline; }
	#menu li a.current { color: #ffffff; background: url('../img/PRL%20Menu%20Angled%20Button.png') no-repeat center top; }

/* submenu */	
#menu li ul { padding: 0px 5px 0px 5px; margin: 0px 0px 0px 0px; display: none; position: absolute; left: 0px; 
		top: 48px; background: #ccecff; }
	#menu li:hover ul { width: 86px; display: block; }
	#menu li li { list-style: none; display: list-item; }
	#menu li li a { float: left; width: 86px; text-align: center; margin: 0px 2px 0px 0px; 
					font-weight: bold; font-size: 0.8em; padding: 16px 0px 26px 0px; color: #006699; }
	#menu li li a:hover { color: #ffffff; background: url('../img/PRL%20Menu%20Angled%20Button.png') no-repeat center top; }

/*Right sidebar */
#rightside { float:right ; line-height:1.4em; margin:20px 0px 0px 0px; padding:0px; width:175px; }
#rightside ul { margin:0 0 0px 0px; padding:0; }
#rightside p { margin: 2px 4px 2px 10px; font-size: 0.95em;	line-height: 1.4em; }

#rightside li { line-height:1.2em; list-style:none; margin:0 0 6px 0px; padding:0; }
#rightside ul ul { margin:6px 0 0 0px; padding:0; }
#rightside ul ul li { margin:0 0 4px 0px; }
#rightside ul ul li a { font-weight:400; }
#rightside h2 { color:#505050; font-size:1.2em; margin:0 0 8px 0px; padding:0; width: 160px }
#rightside h3 { color:#505050; font-size:1.2em; margin:0 0 8px 4px; padding:0; width: 160px }

/* Main menu */
#rightside ul.avmenu { display:block; list-style:none; margin:0 0 18px 0; padding:0; width:175px; }
#rightside ul.avmenu li { display:inline; line-height:1.4em; padding:0px; width:175px; }
#rightside ul.avmenu li a { background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; 
							float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; 
							text-decoration:none; width:170px; }
							
#rightside ul.avmenu li a:hover,#rightside ul.avmenu li a.current { background-color:#eaeaea; 
							border-left:4px solid #286ea0; color:#505050; }
#rightside ul.avmenu ul { font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:165px; }
#rightside ul.avmenu ul a { font-weight:400; padding:3px 1px 3px 5px; width:155px; }
#rightside ul.avmenu ul ul { width:153px; }
#rightside ul.avmenu ul ul a { width:140px; }

/* Main content */
#content      { border-left: 1px solid #e0e0e0; line-height: 1.5em; margin:0px 0px 5px 0px;    
				padding:0 0 0 10px; border-right:1px solid #e0e0e0; }
#contentwide  { border-left: 1px solid #e0e0e0; line-height: 1.5em; margin:0px 0px 5px 0px;
    			padding:0 0 0 10px; }
#contentwide2 {	border-right: 1px solid #e0e0e0; line-height: 1.5em; margin: 20px 0px 5px 0px;
				padding: 0px 5px 0px 5px;	width: 585px;	float: left; }

#content h2, #contentwide h2, #contentwide2 h2 { font-size:1.8em; margin:0 0 10px; }
#content h3, #contentwide h3, #contentwide2 h3 { font-size:1.6em; margin:0 0 8px; }
#content img, #contentwide img, #contentwide2 img { background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;}
#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol { margin:0 0 16px 20px; padding:0;}
#content li, #contentwide li, #contentwide2 li { margin:0; padding:0 0 0 5px; }
#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}

/* Footer */
#footer { background:#ccecff; border-top:2px solid #e0e0e0; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; 
		  width:800px; line-height:1.5em; font-size:0.9em;}
#footer p { margin:0; padding:0; }
#footer a { background-color: #ccecff; color: gray; font-weight:400; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer span { font-size:1.2em; }

/* Contact Table layout */
#table    { border: solid #000 3px; width: 300px; }
#table td { border: solid #000 1px; }
#table th { text-align: center; font-weight: bold; color: #3D3C3B; }
#table tr { height: 30px }

.contacttoprow   {  font-style: italic;  text-align: center; }
.contactleftcol  {  padding: 5px 0px 5px 10px; font-weight: bold;  text-align: left;  width: 100px;  }
.contactrightcol {  padding: 5px 0px 5px 10px; color: #000000;  text-align: left;  width: 250px }

/* Additional classes */
.texttop a { margin: 0px 0px 0px 520px; color: #808080; background: #fff url("../img/uparrow.png") 
		     no-repeat center left; padding: 0px 0px 0px 12px; }
.texttop a:hover { color: #fc7323; top; text-decoration: underline; }

.indentcentre { padding-left: 50pt;   padding-right: 50pt;  }
.indentleft1 { padding-left: 20pt; }
.indentleft2 { padding-left: 30pt; }
.indentleft2bullet { padding-left: 35pt; list-style-type: disc; }
.left { float:left; margin:3px 10px 2px 0; }
.right { float:right; margin:2px 0 2px 10px; }
.textright { text-align:right; margin:5px 0; }
.center { text-align:center; }
.small { font-size:0.8em; }
.bold { font-weight:700; }
.timestamp { font-size:1.2em; margin:-5px 0 15px 10px; }
.timestamp a { font-weight:400; }
.announce {	background-color: #ccecff; border-left: 4px solid #ccc;	clear: left; color: #505050;
	font-size: 0.95em; line-height: 1.5em;	margin: 0px 0 10px 0px;	padding: 7px 0px 4px 0px;
	width: 170px; }
.announce p { margin:5px 0 0 0; padding:0px 0 4px 0px; }
.linklogo { background-color:#ccecff; border-left:4px solid #ccc; clear:left; color:#505050; 
			font-size:0.95em; line-height:1.5em; margin:0px 0 10px 0px; padding:7px 0px 4px 0px; 
			width:170px; }
.linklogo p { margin:5px 0 0 0; padding:0px 0 4px 0px; }
.postinfo { background-color:#f4f4f4; border-left:4px solid #ccc; color:#606060; font-size:0.9em; 
			line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px; }
.clearing { clear:left; margin:0; padding:0; visibility:hidden; }
.hide { display:none; }