/************************************************************************
*
*	 Basic Styles
*
************************************************************************/
HTML
{
    margin: 0px auto;
    width: 100%;

    font-family: Gothic;
    height: 100%;
    text-align: center;
}
FORM {
	HEIGHT: 100%;
	margin: 0px auto;	
}
BODY
{
    margin: 0;
	padding:0px;
	background: #E0DEDE;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0C345A;
}

.MainDiv
{
	width:917px;
	vertical-align:top;
	position:absolute;
	top:20px;
	left:50%;
	margin: 0px 0px 0px -459px;
}
.MainTable
{
	
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1
{
	color: #0097AC;
	font-size: 16px;
}

h2 {
	font-size: 14px;
	color: #0C355B;
}

h3 {
	font-size: 12px;
	color: #0C355B;
}

p, blockquote, ul, ol {
	line-height: 18px;
	text-align: justify;
}

blockquote {
	padding-left: 20px;
	background: url(images/img05.gif) repeat-y;
}

a 
{
	color: #fff;
	border:none;
}

a:hover {
	text-decoration: underline;
}
a img
{
	border:none;
}

.TABLEMAXHEIGHT {
}

.TableHeader
{
    background-color: #EEF415;
    color:#000000;
    font-weight:bold ;
}

.ErrorString
{
    color:#FF0000;
    font-weight: bold ;
}

.SmallText
{
    font-size:8pt;
}

/************************************************************************
*
*	default.aspx
*
************************************************************************/

/***  Header  ***/

.HeaderColumnStyle 
{
	padding-top:8px;
	width: 917px;
	text-align:left;
	background: #fff url(images/header.jpg) no-repeat top left;
}
#Logo
{
	padding-left:10px;
	padding-top: 3px;
	margin: 0px;
	font: 26px bold Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#000;
}
#Logo a
{
	margin:0px;
	color:#fff;
	border:none;
}
#Logo a img
{
	border:none;
}
#BrandingArea
{
	margin:0px 0px 0px 370px;
	padding:0px 0px 0px 0px;
}
#Flash
{
	margin:0px 0px 0px 350px;
	padding:0px 0px 0px 0px;
}
/*** LeftColumn ***/

.LeftColumnStyle 
{
	text-align:left;
	vertical-align: top;
	padding-left:10px;
	padding-bottom:5px;
	background: #FFFFFF ;
	/*border-right:2px solid #EFEFEF;*/
}

/*** ContentColumn ***/

.ContentColumnStyle 
{
	vertical-align: top;
	text-align:left;
	width: 640px;
	padding: 10px 20px 10px 20px;
	background: #FFF url(images/bgContentColumn.gif) no-repeat top left;
}
.ContentColumnStyle A{
	text-decoration: underline;
	color: #0C345A;
}
.ContentColumnStyle A:hover
{
	text-decoration:none;
}
/***  RightColumn  ***/

.RightColumnStyle 
{
	vertical-align: top;
	background: #FFFFFF ;
}

/***  Footer  ***/

.FooterColumnStyle {
	padding: 30px 0px 20px 0px;
	background: #E0DEDE url(images/footer.jpg) no-repeat top left;
	text-align: center;
	color: #0c355b;
}

/************************************************************************
*
*	LoginPage
*
************************************************************************/
.LoginPage
{
    /*height: 100%;*/
    padding: auto auto auto auto;
}

.LoginPageTable
{
    background-color: #FFFFFF;
    border: solid 1px #524c32;
    /*margin: auto auto auto auto;*/
}

/************************************************************************
*
*	Top Menu
*
************************************************************************/
/*The css class of menu itself*/
.TopMenuMainCSS
{

}


/*Set the paddings and margins for static part of menu*/
.TopMenuCSS
{
	width: 902PX;
	height: 30px;
	margin-left:7px;
	margin-bottom:2px;
	background: transparent url(images/bgTopMenu.jpg) no-repeat top left;
	color: #EFEFEF;
	padding:0px;
	text-align:center;
	vertical-align:top;

}
#grayline
{
	margin-left:7px;
}

/*Static Item style*/
.TopMenuStaticItem
{
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	
}	
.TopMenuStaticItem td a:hover
{
	text-decoration:none;
	color: #C0D0D5;
}

/*Static Item style*/
.TopMenuStaticItem td
{ 
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
}

/*Static item Selected*/
.TopMenuStaticSelectedItem
{
	color: #C0D0D5;
}

/*Static item Hover*/
.TopMenuStaticHoverItem
{  

}

/*Popup position*/
.TopMenuDynamic
{
	background:transparent;
	margin-top: 5px;
	margin-left:0px;
}

/*Popup Item style*/
.TopMenuDynamicItem
{
	width:160px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px #fff solid;
	background: #028295;
	display: block;
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #D8D8D8;
	
}

.TopMenuDynamicItem table
{
	
}

.TopMenuDynamicItem div, table, tr
{
	
	
}

.TopMenuDynamicItem td
{
	text-align:center;
	background-color: #028295;
}

/*Popup selected item*/
.TopMenuDynamicSelectedItem
{
}

.TopMenuDynamicSelectedItem td
{
}

/*Popup hover item*/
.TopMenuDynamicHoverItem, .TopMenuDynamicHoverItem td
{
    color: #FFFFFF;    
}

/****************************************************************************
*
*	Side menu (Left Column)
*
****************************************************************************/
.SideMenuCSS
{
	margin: 0px; 

}

/*Static Item style*/
.SideMenuStaticItem
{
	COLOR: #EFEFEF; 
	font: bold 12px  Verdana, Arial; 
	text-decoration:underline;
	width: 260px;
}

/*Static Item style*/
.SideMenuStaticItem td
{
	border-bottom: 1px #fff solid;
	background: #028295 url(images/arrow.gif) no-repeat top left;
	text-align:left;
	padding: 10px 10px 10px 35px;
}

/*Static item Selected*/
.SideMenuStaticSelectedItem
{
	COLOR: #fff; 
	font: bold 12px  Verdana, Arial; 
	TEXT-DECORATION: underline;
}

/*Static item Hover*/
.SideMenuStaticHoverItem
{
    text-decoration:underline;
}

/*Popup position*/
.SideMenuDynamic
{
	display:none;
	margin-top: 5px;
}

/*Popup Item style*/
.SideMenuDynamicItem
{
	display:none;
	FONT-SIZE: 12px; 
	COLOR: #F49500; 
	FONT-FAMILY:  Verdana, Arial,; 
	TEXT-DECORATION: none;
	width: 150px;
	margin-top: 3px;
	border-bottom: 1px dotted #FFA415;
	padding-left: 0px;  
	padding-bottom: 5px; 
	padding-top: 5px;
}

/*Popup selected item*/
.SideMenuDynamicSelectedItem
{
}

/*Popup hover item*/
.SideMenuDynamicHoverItem
{
    text-decoration: underline;
}
.SideMenuSeparateItem
{
	
	width: 215px;
	background: #028295 url(images/arrow1.gif) no-repeat top left;
	text-align:left;
	padding: 5px 10px 10px 35px;
	border-bottom: 1px #fff solid;
	
}
.SideMenuSeparateItem a
{
	COLOR: #EFEFEF; 
	font: bold 12px  Verdana, Arial; 
	text-decoration:none;
}
.SideMenuSeparateItem a:hover
{
	text-decoration: underline;
}
/****************************************************************************
*
*	FormBuilder
*
****************************************************************************/

.FormBuilder
{
	border-top: 1px #fff solid;
	background: #EFEFEF;
	width: 260px;
}

.FormBuilder td
{
	color: #0C345A;
	font: 12px Verdana, Arial;
	padding-top: 3px;
	padding-bottom:3px;
    text-align:left;
    vertical-align: top;

}

.FormBuilder_Item
{
}

.FormBuilder_LeftCoulmn
{
	color: #0C345A;
	font: 12px Verdana, Arial;
	padding: 3px 5px 3px 10px;
	width: 125px;
}

.FormBuilder_RightCoulmn
{
}
 
.FormBuilder_CenterCoulmn
{
		padding: 1px 10px 1px 5px;
}
.FormBuilderSubmitButton{
  border-bottom:1px #fff solid;
  padding:5px 0px;
    background:#EFEFEF;
    text-align:center;
    margin:0px;
}
/****************************************************************************
*
*	Image Gallery
*
****************************************************************************/
.page {
    /*border: 1px solid black;*/
}

.breadcrumbs {
    font-size: 11px;
    font-weight: bold;
    background-color: #DCDCDC;
    padding: 3px;
}

.menu {
    background-color: #DCDCDC;
}

.footer {
    font-size: 11px;
}

.error {
    color: red;
    font-weight: bold;
    cursor: pointer;
}


/* 2 ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

#admin-albums, #admin-photos {
	background-image: url(../../images/photogallery/body-repeat.gif);
	position: relative;
	/*width: 686px;*/
	padding: 0px 10px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

/* 2.2 ALBUMS PAGE */

#albums {
	background-image: url(../../images/photogallery/body-repeat-photo.gif);
	padding: 0px 10px;
	padding-bottom: 40px;
	/*width: 686px;*/
}

.view {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*width: 750;*/
    margin-bottom: 20px;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
    margin-top: 20px;
}

.item {
	padding: 10px 10px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {
	background-image: url(../../images/photogallery/body-repeat-photo.gif);
	padding: 0;
	/*width: 760px;*/
}

.buttonbar {
	background-image: url(../../images/photogallery/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	/*width: 744px;*/
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(../../images/photogallery/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}


/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}


/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(../../images/photogallery/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(../../images/photogallery/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(../../images/photogallery/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(../../images/photogallery/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(../../images/photogallery/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(../../images/photogallery/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(../../images/photogallery/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(../../images/photogallery/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}


/* Photo Border for the Album Page */

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(../../images/photogallery/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(../../images/photogallery/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(../../images/photogallery/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(../../images/photogallery/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(../../images/photogallery/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(../../images/photogallery/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(../../images/photogallery/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(../../images/photogallery/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(../../images/photogallery/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(../../images/photogallery/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(../../images/photogallery/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(../../images/photogallery/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
/**********************************************************************
*
*	Blog
*
************************************************************************/
/* -------------------------- */
/* Page Sections              */
/* -------------------------- */

.page
{
    width: 100%;
    margin: auto;
}
.main
{
    width: 430px;
    float: left;
    text-align: left;
}
.sidebar
{
    width: 130px;
    float: right;
    background: #eee;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

/* -------------------------- */
/* Posts                      */
/* -------------------------- */

.post
{
    border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
}
.postDate
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    color: #336699;
    background: #eee;
}
.postTitle
{
    font-weight: bold;
    font-size: 12pt;
    color: #c60;
    padding-top: 10px;
    padding-bottom: 10px;
}
.postMessage
{
    padding-bottom: 5px;
}
.postFooter
{
    color: #a8a8a8;
    font-size: 7pt;
    font-family: Verdana , Trebuchet, Arial, Verdana;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* -------------------------- */
/* Comments                   */
/* -------------------------- */

.comment
{
    border-bottom: dotted 1px #ccc;
    background: #f5f5f5;
    margin-bottom: 10px;
}
.commentMessage
{
    font-size: 8pt;
    padding: 10px 4px 10px 4px;
}
.commentMessage BLOCKQUOTE
{
    font-size: 8pt;
    padding: 5px 5px 5px 5px;
    margin: 10px 5px 0px 10px;
    border: 1px dashed #ccc;
    background-color: #fff;
}
.commentFooter
{
    color: #a8a8a8;
    font-size: 7pt;
    font-family: Verdana , Trebuchet, Arial, Verdana;
    text-transform: uppercase;
    letter-spacing: .1em;
}

/* -------------------------- */
/* Trackbacks                 */
/* -------------------------- */

.trackback
{
    font-size: 7pt;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}

/* -------------------------- */
/* Sidebar                    */
/* -------------------------- */

.sidebarHeading
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
    margin: 0px 0 10px 0;
    color: #999;
    border-top: dotted 1px #ccc;
}
.sidebarText
{
    padding-bottom: 10px;
}

/* -------------------------- */
/* Profile                    */
/* -------------------------- */

.profile
{
    font-size: 7pt;
    margin-top: 10px;
    padding-bottom: 10px;
}
.profile A
{
    font-family: Arial, Verdana;
    text-transform: uppercase;
}

/* -------------------------- */
/* Various Forms              */
/* -------------------------- */

.forms
{
    font-size: 7pt;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border: solid 1px #ccc;
}
.formsHeader
{
    font-family: Arial, Verdana;
    font-size: 12pt;
    font-weight: bold;
    padding: 0px 2px 2px 2px;
    color: #336699;
}
.formsError
{
    color: red;
    font-weight: bold;
}
.formsValid
{
    color: green;
    font-weight: bold;
}
.formsLabel
{
    font-size: 8pt;
    color: #888888;
    margin-top: 2px;
    margin-bottom: 2px;
}

/*******************************************************
*
* Search control 
*
*********************************************************/
/*Main search division tag*/
.SearchDiv
{
	width:230px;
}

/*textbox in search control*/
.SearchTextBox
{
	height:12px;
	
}

/*Search button*/
.SearchButton
{
	line-height:20px;
	position:relative;
	left:-5px;
	background: transparent url(images/search.gif) repeat-x;
	height:20px;
	width:60px;
	border: 1px solid #EBEBEB;
	border-bottom-color: #DDDDDD;
	color:#0097AC;
	text-transform: lowercase;
	font: 12px;
	
}
.SearchButton:hover
{
	cursor:hand;
	color: #0C345A;
}
/*******************************************************
*
* Search Result control 
*
*********************************************************/
/*Content for the whole control*/
.SearchResultMain
{
	padding-top: 10px;
}

/*Textbox for search result*/
.SearchResultTextBox
{
}

/*search button*/
.SearchResultButton
{
}

/*Search results container*/
.SearchResultList
{
	padding-top: 20px;	
	padding-bottom: 20px;	
}

/*search results found string*/
.SearchResultsFound
{
}

/*search results item container*/
.SearchResultItemContainer
{
	padding-top: 10px;
	padding-bottom: 10px;	
}

/*search results item header*/
.SearchResultItemHeader, .SearchResultItemHeader A
{
	color: #000000;
}

/*the content of search result item*/
.SearchResultItemDescription
{
}

/* -------------------------- */
/* Miscellaneous              */
/* -------------------------- */

.button
{
    font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    cursor: hand;
    border: solid 1px #808080;
    background: url(images/buttonback.gif) center;
    padding: 1px 1px 1px 1px;
}
.highlight
{
    color: #000000;
    background-color: #ffff66;
}

#grayline1
{
	height:42px;
	background: transparent url(images/gl1.gif) repeat-x;
	border-bottom: 1px solid #EFEFEF;
}
.GrayBox
{
	background: #EFEFEF;
	padding: 10px;
}
.GrayBox img
{
	margin: 0px 5px 0px 5px;
}
#ClickHereBlock
{
	padding-top:3px;
	background: transparent url(images/bgClickHere.gif) no-repeat;
	width: 260px;
	height: 40px;
	color:#fff;
	text-align:center;
}
#ClickHereBlock a
{
	font: bold 14px Verdana, Arial;
	color:fff;
	text-decoration:none;
}
#ClickHereBlock a:hover
{
	text-decoration:underline;
}
#EmailHeader
{
	font: bold 14px Verdana, Arial;
	color: #028295;
	margin: 7px 0px 5px 10px;
}

/*-----------------------------------------------------------*/

.ArticleLayoutHeadline
{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #0097AC;
}
.ArticleLayoutSource
{
	text-align:right;
	color: #0097AC;
	font: 14px normal Verdana, Arial, Helvetica, sans-serif;
}
.SingleHeadlineWrapper
{
	padding: 10px 0px 0px;
}
.ArticleHeadline
{
	font: bold 14px Verdana, Arial;
}
.ArticleHeadline a
{
	font: bold 14px Verdana, Arial;
	text-decoration: none;
}
.ArticleHeadline a:hover
{
	text-decoration: underline;
}