/* top elements */
* { margin: 0; padding: 0; }
 
body 
{
	margin: 0; padding: 0;
	font: 71%/1.5em  Verdana, Arial, Sans-serif;
	background: url(headerbg.png) repeat-x;
	color: #666666;	
	text-align: center;		
}

/* links */
a {
	background: inherit;
	color: #003399;
    text-decoration: underline;
}
a:hover 
{
	background: inherit;
	color: #ff0000;
	text-decoration: underline;
}

/* headers */
h1, h2, h3, h4, h5 {
	font: bold 1em Verdana, Arial, Sans-serif;
	color: #003399;
	margin: 10px 0 15px 0;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.55em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.0em; }

#main h1, #rightbar h1 {
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #f2f2f2; 	
}	

p
{
	margin: 10px 0 15px 0;
}

ul, ol {
	margin: 10px 20px;
	padding: 0 15px;	
}


/* images */
img {
	border: none
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: none
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #3182C0;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #3182C0;  
	font-weight: bold; 
}

/* form elements */
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input 
{
	padding: 4px;
	border:1px solid #eee;
	font: normal 1em/1.5em Verdana, Arial, Sans-serif;
	color:#777;
}

input[type="Text"]
{
    width:350px;   
}

textarea {
	width:350px;
	height:70px;
	padding:4px;
	font: normal 1em/1.5em Verdana, Arial, Sans-serif;
	border:1px solid #eee;

	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Verdana, Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
	vertical-align: top;
}
form.searchform input.button {
	width: 55px;
	vertical-align: top;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  vertical-align:top
  
}

table th
{
  padding: 6px 5px;
  text-align: left;
  vertical-align:top;
  color: #003399;
  font-weight:bold;
  
}

/*****************/
/*    Layout     */
/*****************/
#wrap {
	margin: 0 auto;
    width: 850px;  	
	text-align: left;		
	background: #FFF;	
}
#content-wrap {
	clear:both;
    margin: 0px 0 0 0;
    padding:0;
	width: 850px;
	min-height: 500px;	
}

/* header */
#header {
	position: relative;
	height: 80px;	
}

#header .userDetails {
	position: absolute;
	top: 75px; right: 2px;
	color: white;
	width: 275px;
}
#header a {
	color: white	
}


/* main column */
#main.WithSideBar {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 70%;	
}

#main.NoSideBar {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 70%;	
}

/* rightbar */
#rightbar 
{
	margin-top: 10px;    
	float: right;
	width: 25%;
	padding: 0;			
}

/* footer */
#footer {
	clear: both;
	background: black url(footerbg.png) repeat-x left top;
	border-top: 1px solid #F2F2F2;
	text-align: center;	
	height: 50px;
	padding-top: 20px	
}

/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear { clear: both; }
.block { display: block; }
.hide  { display: none; }	
.blue  {	color: #3791D7; }


/* SuckerFish CSS Navigation Bar */
#nav {
    background:#1240ab;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#nav, #nav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:0;
    margin:0;
    width:100%;
    }
#nav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px;
    }
#nav li {
    float:left;
    padding:0;
    }
#nav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:181px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#nav li li {
    width:179px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#nav li li a {
    padding:4px 10px;
    width:160px;
    font-size:12px;
    color:#ffffff;
    }
#nav li ul ul {
    margin:-21px 0 0 150px;
    }
#nav li li:hover {
    background:#ff0000;
    }
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {
    color:#ffffff;
    }
#nav li:hover a, #nav li.sfhover a {
    color:#ffffff;
    }
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {
    color:#ffffff;
    }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left:-999em;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left:auto;
    background:#000000;
    }
#nav li:hover, #nav li.sfhover {
    background:#ff0000;
    }

/* Error indictors */
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* Paging */
.pager 
{
	margin:8px 3px;
	padding:3px;
	text-align:center;
}

.pager .disabled 
{
	color:white;
	background-color:white;
}

.pager .current 
{
	background-color:black;
	border:1px solid #009;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
}

/* Gallerific jQuery Image Gallery */

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls 	
{
    float: right ;
}
div.nav-controls {
	float: left;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}

div.caption {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	   display:none;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}

div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}