/********************************************************************
 * openWYSIWYG stylesheet file Copyright (c) 2006 openWebWare.com
 * Contact us at devs@openwebware.com
 * This copyright notice MUST stay intact for use.
 *
 * $Id: wysiwyg.css,v 1.2 2007/01/29 19:19:49 xhaggi Exp $
 ********************************************************************/

/* Toolbar */
.toolbar1   { height: 26px; background-image: url(icons/background_silver.jpg); }
/*.toolbar1   { height: 26px; background-color: #F4F4F4; border-bottom:1px solid #C9C9C9; }*/

/* Command Buttons */
.buttonEditor     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonEditorOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }

/* Table Textarea */
.tableTextareaEditor { border: 1px solid #808080; }
.iframeText { background-color: #FFFFFF; }

/* Status Bar */
.wysiwyg-statusbar {font-family: Arial; font-size: 9px; background-color: #EEEEEE;}
a.wysiwyg-statusbar {font-family: Arial; font-size: 9px; color: #000000; text-decoration:none;}
a.wysiwyg-statusbar:hover {font-family: Arial; font-size: 9px; color: #000000; text-decoration:underline;}

/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px;}
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}

/* Context Menu */
.wysiwyg-context-menu-div { background-color:#F4F4F4; border: 1px solid #C9C9C9; width:170px; }
.wysiwyg-context-menu { font-family: Arial; font-size:11px; color:#000000; width:100%;}
.wysiwyg-context-menu .icon {background-color:#EEEEEE;}
.wysiwyg-context-menu .disabled { font-family: Arial; font-size:11px; color:#999999; text-decoration:none; padding-left: 3px; }
.wysiwyg-context-menu a { font-family: Arial; font-size:11px; color:#000000; text-decoration:none; padding-left: 3px;}
.wysiwyg-context-menu .mouseover {background-color: #EEEEEE;}


/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.wysiwyg-color-picker-table  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.wysiwyg-color-picker-div    { font-size: 1px; height:12px; width:12px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }


/** BASIC */


body {
	font-family: Helvetica, Arial, sans-serif;
	color: #004784;
}

a:link {
	color: #666666
}

a:hover {
	text-decoration: none;
}




html, body {
	display: block; 
	height: 100%;
}



#morebutton{
	margin: -25px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	width:100px;
	float: right;
	text-align: right;
	}



img.moreimage{
	vertical-align:text-bottom;
	border: none;
	margin:0px 0px 0px 10px ;
}


body {
	padding: 0px;
	background: #000080 url(images/homepage01.jpg) repeat-x left top;
	font-size: 11px;
	color: #000080;
	text-align:center; /* for IE */
    margin:0 auto; /* for the rest */


}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}


h2.smaller {
	font-size: 12px;
	text-transform: uppercase;
	margin: -3px  0px 0px 0px;
}


h2 {
	font-size: 14px;
}

h2.bigger {
	font-size: 16px;
	text-transform: uppercase;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-transform: uppercase;
}

p{
	font-size: 11px;
}

p.quicklinks{
	font-size: 10px;
}
	
ol, ul {
	margin-top: 0px;
}

.img1 {
	float: left;
	margin: 4px 15px 0px 0px;
	border: 1px solid #666666;
}

.hr1 {
	clear: both;
	margin: 15px 0px 10px 0px;
	border: 1px outset #000080;
}

.hr1 hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	width: 1200px;
	height: 100%;
	min-height: 100%;
	margin: 0px auto;
	padding: 15px 30px 15px 30px;
	background-color: #FFFFFF;
    display:inline-table;
    text-align:left;
    }

.body #wrapper {
	height: 100%;
}


#logo {
	float: left;
	width: 110px;
	margin: 0px;
	}



.clear {
content: "."; 
display: block; 
height: 0;
overflow:hidden;
clear: both; 
visibility: hidden;


} 

/** HEADER */

.SiteHeading
{
    font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
    float:right;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 30px;
	color:#0000ff;
}

.SiteSubHeading
{
    float:right;
	margin:0px 0px 0px 0px;	
	padding: 0px;
	font-size: 16px; 
	font-family: Helvetica, Arial, sans-serif;
	font-style:italic;
	clear:right;
	width:500px;
	text-align:right;
	color:#5b9bd5;
    }


	

#header {
	margin-bottom: 10px;
}

#header h1 
{
    float:left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	font-size: 30px;

}

#header h2 
{
    float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
}

#contact
{
	width:230px;
	float: right;
	font-size: 12px;
	text-align: right;
}

#phone{
	margin: -12px 0px 0px 0px;
	}

#email{
	margin: 0px 0px 0px 0px;
	}


#imagesheader{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width:300px;
	}

#imagesheader2{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width:300px;
	}
	
#imagesheader3{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width:300px;
	}
	

/** MAIN-MENU */

#main-menu 
{
    float: left;
	margin: 2px  0px 0px 0px;
	background-color:#5b9bd5;
	text-transform: uppercase;
	width:1200px;
	border: solid 1px black;
}

#main-menu ul {
	height: 20px;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	list-style: none;
}




#main-menu li {
	display: inline;
}

#main-menu a {
	padding: 0px 8px 0px 8px;
	text-decoration: none;
	font-weight:normal;
	font-size:14px;
	color: #000000;
}

#main-menu .first a {
	background: none;
	border-left: none;
}

#main-menu .first a:hover {
	color: #FFFFFF;
}


#main-menu .other a {
	background: none;
	border-left: solid 2px black;	
}

#main-menu .other a:hover {
	color: #FFFFFF;
}

#main-menu ul {
}

/** CONTENT */

#content {
}

#left {
	float: left;
	width: 680px;
}

#right {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px;
}



/** Zone */

#headingzone 
{
	float: left;
	width: 680px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 5px;
}




/** 2 Zone Layout */

#onecolumnzone {
	margin: -15px  0px 0px 0px;
	float: left;
	width: 680px;
	text-align: justify ;
	vertical-align: top;
}

#onecolumnzone.edit {
	margin: 10px  0px 0px 0px;
	float: left;
	width: 680px;
	text-align: justify ;
	vertical-align: top;
}


/** 2 Zone Layout */

#twocolumnzone 
{
	margin: -15px  0px 0px 0px;
	float: left;
	width: 330px;
	text-align: justify ;
	vertical-align: top;
}

#twocolumnzone_rest 
{
	margin: -15px  0px 0px 20px;
	float: left;
	width: 330px;
	text-align: justify ;
	vertical-align: top;
}


#twocolumnzone.edit
{
    margin: 10px 0px 0px 0px;
    float: left;
    width: 330px;
    text-align: justify;
    vertical-align: top;
}

#twocolumnzone_rest.edit
{
	margin: 10px  0px 0px 20px;
	float: left;
	width: 330px;
	text-align: justify ;
	vertical-align: top;
}




/** 3 Zone Layout */


#threecolumnzone
{
    margin: -15px 0px 0px 0px;
    float: left;
    width: 213px;
    text-align: justify;
    vertical-align: top;
}

#threecolumnzone_rest {
	margin: -15px  0px 0px 20px;
	float: left;
	width: 213px;
	text-align: justify ;
	vertical-align: top;
}

#threecolumnzone.edit{
	margin: 10px  0px 0px 0px;
	float: left;
	width: 213px;
	text-align: justify ;
	vertical-align: top;
}

#threecolumnzone_rest.edit{
	margin: 10px  0px 0px 20px;
	float: left;
	width: 213px;
	text-align: justify ;
	vertical-align: top;
}







/** FOOTER */

#footer {
	clear: both;
	padding: 5px 0px 0px 0px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#footer li {
	display: inline;
}

#footer a {
	padding: 0px 5px 0px 10px;
	background: transparent url(images/homepage04.gif) no-repeat left center;
}

#footer  .first a {
	background: none;
}

#footer p {
	text-align: center;
	font-size: 9px;
}

#copyright p {
	text-align: center;
	font-size: 10px;	
	}



/** Edit */



#edit
{
    border-style: solid dashed dashed dashed;
    border-width: 1px;
    border-color: #CCCCCC #808080 #808080 #808080;
    background-color: #EFEFEF;
    margin: 0px 0px 0px 0px;
    padding: 0px -10px 0px 0px;
    height: 30px;
    text-align:center ;
}

#save
{
    border: 1px solid #CCCCCC;
    background-color :#EFEFEF;
    margin :0px 0px 0px 0px;
    padding: 0px -10px 0px 0px; 
    height:30px;
}

a.button
{
    padding: 2px 0px 7px 0px;
    background-color: #dcdcdc;
    border: 2px outset #C0C0C0;
    color: #000000;
    text-decoration: none;
    display:inline-block;
    width: 100px;
    height: 12px;
    text-align: center;
    margin: 3px auto;
    font-size:10px;
    font-weight:normal;
}

a.buttonright
{
    padding: 2px 0px 7px 0px;
    background-color: #dcdcdc;
    border: 2px outset #C0C0C0;
    color: #000000;
    text-decoration: none;
    display: block;
    width: 100px;
    height: 12px;
    text-align: center;
    float:right;
}

#boxaround
{
    border: 1px dashed #808080;
    padding: 0px 3px 100px 3px;
    background-color: #DFEFFF;
}

#boxaround.header
{
    border: 1px dashed #808080;
    padding: 0px 3px 0px 3px;
}


.modalBackground { 
	filter:alpha(opacity=20); 
	opacity:0.7px; 
	margin: 0px ;
	padding: 0px;
	background: #000080 url(images/homepage01.jpg) repeat-x left top;
	font-size: 11px;
	color: #000080;
	
	} 
	
.notmodalBackground { 
	margin: 0px ;
	padding: 0px;
	background: #000080 url(images/homepage01.jpg) repeat-x left top;
	font-size: 11px;
	color: #000080;
	
	} 
	
#editmenu {
	margin: 10px  0px 10px 0px;
	float: left;
	width: 686px;
	border: 2px solid #000000;
	background-color: #CCCCCC;
}

#editmenuheader {
	float: left;
	width: 200px;
}
   
#editmenuheader p {
	font-size: 14px;
	color:#000000;
	padding: 0px  0px 0px 10px;
} 
#editmenusave {
	float: right;
	width: 200px;
	padding-right:10px;
}
    
#login
{
    
    float: left;
    width: 100%;
    height: 100%;
}

#loginbox
{
    margin-left: auto;
    margin-right : auto;
    border: 1px solid #000000;
    width: 320px;
    height: 150px;

}

#loginboxheader
{
   margin-left: auto;
   margin-right: auto;
   margin-top: 100px;   
   border: 1px solid #000080;
   width: 320px;
   height: 14px;
   background-color:#000080; 
   text-align:center;
   padding:2px 0px 0px 0px;
   text-transform: uppercase;
   color:#FFFFFF;
   font-weight:bold ;

} 

#logintextbox
{
    float:left;
    margin:30px 0px 0px 10px;
    width:150px;

}

#loginlabel
{
    float:left;
    margin:30px 0px 0px 30px;
    width:80px; 

}

#logintextbox.password
{
    margin:10px 0px 0px 10px;
    width:150px;
}

#loginlabel.password
{
    margin:10px 0px 0px 30px;
    width:80px; 

}

#loginbutton
{
    text-align:center ;
    margin:10px auto;
    width:320px;
}

#loginerror
{
   float:left;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;  
   text-align:center;
   width:320px;
}


#admintoolbar
{
    margin:10px 0px 0px 0px;


}


/** Add Page */


#addpage
{
    margin-left: auto;
    margin-right : auto;
    border: 1px solid #000000;
    width: 500px;
    height: 350px;

}

#addpageboxheader
{
   margin-left: auto;
   margin-right: auto;
   margin-top: 30px;   
   border: 1px solid #000080;
   width: 500px;
   height: 14px;
   background-color:#000080; 
   text-align:center;
   padding:2px 0px 0px 0px;
   text-transform: uppercase;
   color:#FFFFFF;
   font-weight:bold ;

} 


#addpagefirstbox
{
    float:left;
    margin:30px 0px 0px 10px;
    width:250px;

}

#addpagefirstlabel
{
    float:left;
    margin:30px 0px 0px 30px;
    width:150px; 

}

#addpagebox
{
    float:left;
    margin:10px 0px 0px 10px;
    width:250px;

}

#addpagelabel
{
    float:left;
    margin:10px 0px 0px 30px;
    width:150px; 

}

#addpagebutton
{
    float:left;
    text-align:center ;
    margin:100px auto;
    width:500px;
}

#addpageimage
{
    float:left;
    margin:10px 0px 0px 10px;
    width:250px;
    padding-left :180px;
}

/* Setting Page */


#settingpage
{
    margin-left: auto;
    margin-right : auto;
    border: 1px solid #000000;
    width: 650px;
    height: 100%;

}


#settingpageboxheader
{
   margin-left: auto;
   margin-right: auto;
   margin-top: 30px;   
   border: 1px solid #000080;
   width: 650px;
   height: 14px;
   background-color:#000080; 
   text-align:center;
   padding:2px 0px 0px 0px;
   text-transform: uppercase;
   color:#FFFFFF;
   font-weight:bold ;

}