﻿* {margin:0;padding:0;}

html 
{
	font-size: 100%; /* IE hack */ 
}

body
{
	font-family: Arial,Verdana, Sans-Serif; 
	font-size: 1em; 
	min-width: 980px; 
	color:#00539A;
	background: url(images/watermark.gif) fixed no-repeat bottom right;
}
#wrapper{text-align:left;width:980px; margin: 10px auto 0px auto;}
#header{float:left; width:980px; height:130px;}
#footer{clear:both; font-size: 0.8em;}
#login-wrapper{text-align:left;width:300px; margin: 10px auto 0px auto;background:#fff;margin-top:100px;}
#login-container {float:left;width:300px;overflow:hidden;}

/*master page divs*/
.master-full{float:left;width:980px;overflow:hidden;}
.master-half-left{float:left;width:460px;overflow:hidden;}
.master-half-right{float:right;width:460px;overflow:hidden;}
.master-content-left{float:left;width:720px;overflow:hidden;}
.master-content-right{float:right;width:720px;overflow:hidden;}
.master-content-centre{float:left; margin:0px 0px 0px 20px; width:460px; overflow:hidden;}

/*page divs*/
.main-full{float:left;width:720px;overflow:hidden;position:relative;}
.main-half-left{float:left;width:350px;overflow:hidden;position:relative;}
.main-half-right{float:right;width:350px;overflow:hidden;position:relative;}
.main-content-left{float:left;width:460px;overflow:hidden;position:relative;}
.main-content-right{float:right;width:460px;overflow:hidden;position:relative;}
.main-content-centre{float:left;width:220px; overflow:hidden;position:relative;}

/*menu divs*/
.master-menu-left{float:left;width:240px;overflow:hidden;}
.master-menu-right{float:right;width:240px;overflow:hidden;}
.menu-left{float:left;width:220px;overflow:hidden;}
.menu-right{float:right;width:220px;overflow:hidden;}

a {font-weight: bold; color:#00539A; text-decoration: none;/*border-bottom: dotted 1px;*/}

.link {text-align: center; text-transform: uppercase; background-color: #ECBC3A;}
.link a {padding: 0.25em 0.25em 0.25em 0.25em; color: #FFF;}

h1{font-size:3em;padding-top:20px; padding-bottom:10px;}
h2{font-size:2em;letter-spacing:1px; padding-top:20px; padding-bottom:10px;}
h4{font-size:1.3em; color: #000; line-height: 1.7em;}
h5{font-size:1.1em; color: #000; line-height: 1.7em;}
h1,h2,h3,h4,h5{text-transform:uppercase;padding:5px 0;letter-spacing:1px;}

.post{background:url(images/line.gif) no-repeat 0 100%;}
.postentry{font-size:12px;line-height:1.8em;padding:0 5px;}

.clear{clear:both;}

input,textarea,select
{
	font-family: 'Trebuchet MS',Arial;
	border:1px solid #00539A;
	background:#fff;
}

/*input[type=text]{height:1.5em;}*/

img{border:0 none;margin:0;padding:0;}

.alignleft {float:left; margin: 0px 20px 0px 0px;}
.alignright {float:right; margin: 0px 0px 0px 20px;}
.aligncenter {display: block; margin: 0px auto 0px auto;}

.floatleft {float:left;	padding: 0.25em 0.25em 0.25em 0.25em;}
.floatright {float:right;	padding: 0.25em 0.25em 0.25em 0.25em;}

.intro{font-weight:bold;}
.highlight{font-weight:bold; color: #000;}
.calendar_button{cursor:pointer; vertical-align:middle;}
.validator {background-color: #FFFFCC; }
label {  
	float: left;  
	width: 150px;  
	margin: 0 1em 0.5em 0;
	font-weight: bold;
}

li{ list-style-position:outside; } 

p
{	
	padding: 0px 0px 5px 0px;
	clear:left;
	line-height: 1.4em;
}
th { padding: 2px 2px 2px 2px;}
td { padding: 0px 1px 0px 1px; }
.desc {font-weight:bold; color: #02BCE5;}

.page-container
{
	padding: 1em 1em 1em 1em;
	color: #FFF;
	overflow: auto;
}
.title-container
{
	padding: 0.25em 0.25em 0.25em 0.25em;
	color: #FFF;
	overflow: auto;
}

/*article*/
.image-container
{
	border: solid 1px #02BCE5;
	padding: 0.25em 0.25em 0.25em 0.25em;
}
.image-container-selected 
{
	border: solid 1px #02BCE5;
	background-color: #E5E5E5;
	padding: 0.25em 0.25em 0.25em 0.25em;
}

div.summary-section
{
	font-size: 0.8em;
	color: #000;
}
/* textsize*/
div.textsize 
{
	 height: 40px; 
	 margin: 0px;
	 padding: 0px 0px 0px 10px;
}

/*Search Box*/
.searchbox
{
	 border: 0px none; /*we do not need any border*/
	 width: 200px;
}
div.search 
{
	 background: url(images/search_bg.png) no-repeat top left;
	 height: 40px;
	 width: 234px;
	 margin: 0px;
	 padding: 5px 0px 0px 10px; /*without padding, the text will start from upper-left corner*/
}

.scroller, .info
{
	color: #000;
}

/*image text wrap*/

.image-wrap-left { float:left; margin-right: 1em; }
.image-wrap-right { float:right; margin-left: 1em; }

/*ERROR CONTROL*/
div#error_container {float:left; width:980px; border: solid 1px #FF3333; background-color:#FFFFFF; width:100%; margin: 10px 0 10px 0;}
div#error_title {float:left; height:20px; width:100%; color: #FFFFFF; font-weight: bold; background-color: #FF3333; padding: 0px 0px 0px 0px}
div#error_container .error_message, .alert {color: #FF3333;}

/*gradient underline*/
div.gradient{background: url(images/gradient.png) top right repeat-y;}

/*gradient background*/
.sectionheader
{
	border: solid 1px #EAEAEA;
	padding: 7px 0 8px 10px;
	margin: 0;
	background: url(images/gradient.png) top right repeat-y;
}
	
