/* Generic Selectors */
body
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #333333;
    background-color:#F9F9F9;
    /*padding: top, right, bottom, left. */
	padding: 10px 10px 0px 10px;
}

/* ol{  	margin:0;  }*/
ul 
{ 
	/*list-style:none;*/ 
	/*margin: 0;*/
    list-style:bullet;
    list-style-type: disc; 
} 

li
{
    line-height: 150%;
}

ul.navigation
{  	
    margin:0;  
}
li.navigation
{
    list-style-type: none;
    line-height: 125%;
	padding: 5px 0px 0px 0px;
	/*position:relative;left:-30px;*/
}

h1
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold;
    color: #000000;        
}

h2
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;  
    border-bottom: 1px solid #C6EC8C;
	padding: 1em 1em .5em 0em;
}

h3
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 1em 1em 1em 0em;
}

/**************** Pseudo Classes ************/
b, strong
{
	font-weight : bold ; 
	/*font-style : normal;*/
}

i, em
{	
	/*font-weight : normal;*/
	font-style : italic ; 
}

a:link
{
    color: #00CC00;
    text-decoration: underline;
    font-weight: bold;
}

li:link
{
    color: #00CC00;
    text-decoration: none;
    font-weight: bold;
}

a:visited
{
    color: #00CC00;
    text-decoration: underline;
    font-weight: bold;
}

li a:link
{
    color: #00CC00;
    text-decoration: none;
    font-weight: bold;
}

li a:visited
{
    color: #00CC00;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    color: rgb(0, 96, 255);
    padding-bottom: 5px;
    text-decoration: underline;
    font-weight: bold;
}

li a:hover
{
    /* display: block; */
    color: rgb(0, 96, 255);
    padding-bottom: 5px;
    font-weight: bold;
    /*border-bottom-width: 1px;*/
    /*border-bottom-style: solid;*/
    /*border-bottom-color: #C6EC8C; */
}

a:active
{
    color: rgb(0, 96, 255);
    font-weight: bold;        
}
/********************* ID's **********************/

#navigation_subheader
{
    color: #00CC00;
    font-weight: bold;
	padding: 25px 0px 0px 0px;
    text-decoration: underline;
}
#navigation
{
    position: absolute;
    z-index:10;
    width:155px;
    height: 600px;
    /* margin: 0; */
    margin-top: 55px;
    /*border-right: 10 px solid #C6EC8C;*/
    /*
    border-width: 1px;
    border-style: solid;
    border-color: #C6EC8C;  
    */   
    font-weight: normal;
}

#contentPane, #content
{
    position: absolute;
    z-index:15;
    padding: 0 0 0 0;/*top right bottom left*/
    margin-top: 60px;
    margin-left:160px;
    width:75%;
}

#headerPane
{
    color: #229911;
    position: absolute;
    height: 50px;
    /*width:90%;*/
    width:95%;
    font-weight: bold;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 40px;
    border-bottom: 4px solid #229911;    
}


.addEditButton, .editCategoryButton, .addCategoryButton, .updateHomePageButton, .sendFeedbackButton
{
	padding: 0em 0em 1em 0em;
}

/******************** Required ********************************/

#id_sequence, #id_link_Content_Markdown, #markdownTextArea, #id_link_Name, #id_feedback, #id_name, #id_welcome_Markdown, #id_date, #id_description_Markdown, #id_price, .required
{
	background-color:#FFFF33;
}

/********************Feedback Styles *************************/

.feedback
{
	margin: 10em;
}

/******************* Basic Form Classes / Styles *************/

#basicTable label
{
	float: right;
}

#basicTable textarea
{
	width: 45em;
	height: 15em;
}

#basicTable #id_name, #id_Welcome_Image, #id_heading, #id_sequence, #id_price
{
	width: 18em;
}

#basicTable select
{
	width: 18.5em;
	max-height: 88px;
	min-height: 24px;
}

/******************* Manage My Hompage **************************/

.manageMyMenuHeader{
	padding: 2em 0em .5em .25em;/*Top Right Bottom Left*/
}

/******************* Login Related Classes / Styles ****************/

.loginLabel
{
	float: right;
}

.loginTextFieldWidth
{
	width: 20em;
}

.loginButton
{
	width: 5em;
	float: right;
}

/*********************** Floating Image ********************************************/

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
/*See http://www.complexspiral.com/publications/containing-floats/  Used to get text to wrap around images, but respect next section.*/
div.clearer 
{
    clear: left; 
    line-height: 0; 
    height: 0;
}
/*********************** Centered Stuff ********************************************/
IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
    
TABLE.centered {
    margin-left: auto;
    margin-right: auto;
}

P.centered {
    text-align: center;
}

H2.centered {
    text-align: center;
}
DIV.centered_block {
    margin-left: auto;
    margin-right: auto;
    width: 45em
}


P.right_aligned {
    text-align: right;
}
/*************************FAQ Stuff*******************************************/

P.faq_question {
    font-weight: bold;
}
P.faq_answer {
	/*font-style : italic ; */
}
DIV.faq_question {
    font-weight: bold;
}
DIV.faq_answer {
	/*font-style : italic ; */
}
/*************************Help Stuff*******************************************/

P.help_question {
    font-weight: bold;
}
P.help_answer {
	/*font-style : italic ; */
}
DIV.help_question {
    font-weight: bold;
}
DIV.help_answer {
	/*font-style : italic ; */
}

/*************************other Stuff*******************************************/
TABLE.price_list {
    /*margin-left: auto;
    margin-right: auto;*/
}

TABLE.price_list TD
{
    text-align: center; 
	padding: 3px 15px 3px 6px; /*top right bottom left*/
}

TABLE.price_list TD.price_list_header
{
    text-align: left; 
	padding: 3px 3px 3px 3px;
}

TABLE.events TD
{
	padding: 1px 0px 1px 10px; /*top right bottom left*/
}
TABLE.events TD.date
{
    width:150px;
    text-align: center; 
    font-weight: bold;
	padding: 1px 3px 1px 1px;
}
DIV.gallery_image
{
    width:128px;
    height:150px;
    float: left; 
    /*margin-left: 0.5em; */
    padding: 5px 20px 5px 20px;

}
DIV.gallery_image_caption
{
    text-align: center;
}

TABLE.pricing TR.odd_row
{
    /*background-color:#F9F9F9;*/
    background-color:#EBEBEB;
}
TABLE.pricing TD,TH
{
    /*width:100px;*/
    text-align: center; 
    /*font-weight: bold;*/
	padding: 8px 1px 8px 1px; /*top right bottom left*/
}
TABLE.pricing TD.plan,TH.plan
{
    width:100px;
    text-align: center; 
    /*font-weight: bold;*/
	padding: 8px 1px 8px 1px;
}
TABLE.pricing TD.feature, TH.feature
{
    /*width:150px;*/
    text-align: left; 
    /*font-weight: bold;*/
	padding: 8px 15px 8px 6px; /*top right bottom left*/
}

/*************************Form Errors****************************************/
ul.errorlist {
    margin: 0;
    padding: 0;
}
.errorlist li {
    background-color: red;
    color: white;
    display: block;
    margin: 0 0 3px;
    padding: 4px 5px;
}

a.help
{
	/*margin: 10em;*/
	float: right;
}