/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-two-column
{
    margin-top : 3px;
    margin-left : auto;
    margin-right : auto;
    padding : 15px;
    width : 728px;
    border : 1px solid rgb(129 , 129 , 129);
    background : url("images/bg-content-side.png") repeat-y right;
    position : relative;
    height : auto;
}
#content-main-two-column
{
    width : 540px;
    float : left;
}
#content-side-two-column
{
    float : right;
    width : 160px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-three-column
{
    margin-top : 3px;
    margin-left : auto;
    margin-right : auto;
    padding : 15px;
    width : 728px;
    border : 1px solid rgb(129 , 129 , 129);
    background : url("images/bg-three-column-main.png") repeat-y;
    position : relative;
}
#content-main-three-column
{
    width : 355px;
    float : left;
    margin-left : 25px;
    height : 127px;
}
#content-side2-three-column, #content-side1-three-column
{
    width : 160px;
    font-size : 0.9em;
}
#content-side2-three-column
{
    float : right;
}
#content-side1-three-column
{
    float : left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#three-column-container
{
    background : url("images/bg-three-column-home.png") repeat-y;
    padding : 0;
    margin : 20px 0 10px 0;
}
#three-column-side1
{
    float : left;
    width : 240;
    margin : 0 20px 0 0;
}
#three-column-side2
{
    float : right;
    width : 240;
    margin : 0 20px 0 0;
}
#three-column-middle
{
    width : 240;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    css-master

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body
{
    margin : 0px;
    background-color : rgb(102 , 153 , 255);
    font-family : Verdana , Arial , Helvetica , sans-serif;
    font-size : 0.7em;
    line-height : 1.4em;
    color : rgb(102 , 102 , 102);
}
p
{
    margin : 10px 0;
}
p.no-padding-no-margin
{
    padding : 0;
    margin : 0;
}
hr
{
    color : rgb(229 , 229 , 229);
    background-color : rgb(229 , 229 , 229);
    height : 1px;
    border : 0;
    margin : 15px 0;
}
blockquote
{
    padding : 0 0 0 12px;
    margin : 12px 0 0 0;
    background : url("images/bg-quote.png") no-repeat;
}
blockquote p
{
    margin : 2px 0;
}
cite
{
    font-size : 0.85em;
    margin : 0;
    padding : 0 0 0 6px;
}
fieldset
{
    padding : 15px;
}
legend
{
    color : rgb(51 , 51 , 51);
    padding : 5px 3px 10px 3px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6
{
    font-size : 1.8em;
    font-family : Tahoma , Arial , Helvetica , sans-serif;
    line-height : 1.1em;
    margin : 5px 0;
}
h1
{
    margin-bottom : 0;
}
h1, h2
{
    margin-top : 0px;
}
h2
{
    font-size : 1.3em;
}
h3
{
    font-size : 1.1em;
}
h3.small
{
    font-size : 1.2em;
}
h4
{
    font-size : 1.1em;
}
h5
{
    font-size : 1.1em;
}
h6
{
    font-size : 1em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link
{
    color : blue;
    text-decoration : none;
}
a:visited
{
    color : rgb(152 , 0 , 0);
    text-decoration : none;
}
a:hover
{
    text-decoration : none;
    Color : red;
}
a:active
{
    color : rgb(152 , 0 , 0);
}
#content-side-two-column a:link, #content-side2-three-column a:link, #content-side1-three-column a:link, #content-side-two-column a:visited, #content-side2-three-column a:visited, #content-side1-three-column a:visited
{
    text-decoration : none;
}
#content-side-two-column a:hover, #content-side2-three-column a:hover, #content-side1-three-column a:hover
{
    text-decoration : underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#top-information
{
    height : 4.5em;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 3px;
    color : rgb(153 , 153 , 153);
    font-size : 0.85em;
    position : relative;
    width : 760px;
}
#logo
{
    position : relative;
    text-align : left;
    top : auto;
    font-size : xx-large;
    font-family : Georgia , "Times New Roman" , Times , serif;
    height : auto;
    padding : 0.1em 0 0.2em 0;
    font-variant : normal;
}
.tablelogo
{
    width : 100%;
    border : 1px solid rgb(192 , 192 , 192);
}
#logo a
{
    color : rgb(204 , 0 , 0);
    text-decoration : none;
}
#top-information-home
{
    text-align : right;
    border-bottom : 1px dashed rgb(202 , 202 , 202);
    position : absolute;
    top : 0;
    right : 25.5%;
    height : 2em;
    width : 15%;
    padding : 0 1.5% 0 0;
}
#top-information-phone
{
    text-align : center;
    border-left : 1px dashed rgb(202 , 202 , 202);
    position : absolute;
    top : 0;
    left : 75%;
    height : 100%;
    padding : 0 0 0 2%;
    color : rgb(255 , 0 , 0);
}
#top-information-link
{
    text-align : center;
    border-left : 1px dashed rgb(202 , 202 , 202);
    position : absolute;
    top : 0;
    right : 0;
    height : 2em;
    width : 8.5%;
    padding : 0 0 0 1.5%;
}
#heading
{
    text-align : left;
    font-size : 1.4em;
    font-weight : bold;
}
#subheading
{
    font-size : 1.1em;
    font-weight : bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav-main
{
    background : rgb(96 , 143 , 200) url("images/bg-nav.jpg") no-repeat;
    margin-left : auto;
    margin-right : auto;
    width : 760px;
    height : auto;
    padding : 0.8em 0 1em 20px;
    position : relative;
    font-weight : bold;
}
#nav-main div
{
    background : rgb(75 , 108 , 181) url("images/bg-nav-side.jpg") top right no-repeat;
    position : absolute;
    top : 0;
    right : 0;
    left:   0;
    padding : 0.8em 0 1em 0;
}
#nav-main ul
{
    margin : 0;
    padding : 0 20% 0 0;
}
#nav-main li
{
    display : inline;
    list-style : none;
    padding : 0 1em 0 0;
    background : none;
}
#nav-main a:link, #nav-main a:visited
{
    color : rgb(255 , 255 , 255);
    text-decoration : none;
}
#nav-main a:hover
{
    color : rgb(212 , 231 , 248);
    text-decoration : underline;
}
#nav-main a:active
{
    color : rgb(255 , 255 , 255);
}
#nav-main li.current a:link, #nav-main li.current a:visited
{
    text-decoration : underline;
}
#nav-main li.current a:hover
{
    color : rgb(212 , 231 , 248);
    text-decoration : underline;
}
#nav-main li.current a:active
{
    color : rgb(255 , 255 , 255);
}
/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link, #nav-main a.StaticSelectedStyle:visited
{
    color : rgb(212 , 231 , 248);
    text-decoration : underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POSTER PHOTO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Content-container
{
    margin-top : 3px;
    margin-left : auto;
    margin-right : auto;
    width : 760px;
    position : relative;
}
#poster-photo-container
{
    margin-top : 3px;
    margin-left : auto;
    margin-right : auto;
    width : 760px;
    background : rgb(96 , 143 , 200);
    position : relative;
}
.poster-photo-image
{
    border-right : 3px solid rgb(255 , 255 , 255);
    display : block;
}
#feature-area-home
{
    position : absolute;
    top : 0;
    right : 0;
    width : 21%;
    text-align : center;
    padding : 2%;
    color : rgb(255 , 255 , 255);
    font-size : 1.2em;
    font-weight : bold;
    line-height : 160%;
}
#feature-area-home a:link, #feature-area-home a:visited
{
    color : rgb(220 , 242 , 247);
    text-decoration : underline;
}
#feature-area-home a:hover
{
    text-decoration : none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagetitle
{
    margin-top : 2px;
    margin-left : auto;
    margin-right : auto;
    width : 720px;
    background : rgb(96 , 143 , 200);
    position : relative;
    color : rgb(213 , 232 , 255);
    font-size : large;
    padding : 0.5em 20px 0.7em 20px;
}
#pagetitle a:link, #pagetitle a:visited
{
    color : rgb(255 , 255 , 255);
    text-decoration : none;
}
#pagetitle a:hover
{
    color : rgb(212 , 231 , 248);
    text-decoration : none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.TreeView
{
    border-bottom : 1px dotted rgb(178 , 178 , 178) ! important;
}
.TreeView div
{
    margin-left : 5px;
}
.TreeView table
{
    border-top : 1px dotted rgb(178 , 178 , 178) ! important;
}
.TreeView div table
{
    border-bottom : none ! important;
    border-top : none ! important;
}
.TreeView table td
{
    padding : 2px 0;
}
.LeafNodesStyle
{
}
.RootNodeStyle
{
}
/* ALL ELEMENTS */
.NodeStyle
{
}
.ParentNodeStyle
{
    background : yellow;
}
a.SelectedNodeStyle
{
    background : rgb(229 , 229 , 229);
    display : block;
    padding : 2px 0 2px 3px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul
{
    margin : 0;
    padding : 0;
}
li
{
    list-style : none;
    background : url("images/list-bullet-02.gif") no-repeat 0 0.8em;
    padding : 0.2em 0 0.2em 1em;
    margin-left : 0.4em;
}
ul.list-of-links
{
    border-bottom : 1px dotted rgb(178 , 178 , 178);
}
#content-side1-three-column ul.list-of-links, #content-side2-three-column ul.list-of-links
{
    margin : 0 0 30px 0px;
}
ul.list-of-links li
{
    border-top : 1px dotted rgb(178 , 178 , 178);
    background-image : url("images/list-bullet-01-link.gif");
}
ul.list-of-links li.current
{
    background-color : rgb(229 , 229 , 229);
}
ul.no-lines, ul.no-lines li
{
    border : none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE FEATURE AREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.feature-area
{
    background-color : rgb(103 , 153 , 209);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img
{
    border : none;
}
.photo-border
{
    border : 1px solid rgb(206 , 206 , 206);
    padding : 4px;
    background : rgb(217 , 217 , 217) url("images/bg-photo.png") top repeat-x;
    margin-bottom : 5px;
    display : block;
}
.photo-float-left
{
    float : left;
    margin-right : 10px;
}
.image-border-none
{
    border : none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer
{
    width : 760px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
    margin-top : 10px;
    padding-bottom : 22px;
    color : black;
    Background-image : url("images/bg-nav.jpg");
}
#footer div
{
    width : 726px;
    margin-right : auto;
    margin-left : auto;
    text-align : center;
    margin-top : 10px;
    padding-bottom : 22px;
    color : rgb(200 , 159 , 61);
}
#footer a:link, #footer a:visited
{
    color : blue;
    text-decoration : none;
}
#footer a:hover
{
    color : red;
    text-decoration : none;
}
#footer a:active
{
    color : rgb(255 , 255 , 255);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer-sub
{
    margin-top : 1em;
    margin-left : auto;
    margin-right : auto;
    width : 740px;
    text-align : center;
    padding : 0.1em 0 2em 0;
    position : relative;
    font-size : 0.8em;
    color : rgb(153 , 153 , 153);
}
#footer-sub ul
{
    margin : 0;
    padding : 0;
}
#footer-sub li
{
    display : inline;
    list-style : none;
    padding : 0 1em 0 0;
    background : none;
}
#footer-sub a:link, #footer-sub a:visited
{
    text-decoration : underline;
    color : rgb(153 , 153 , 153);
}
#footer-sub a:hover
{
    color : rgb(102 , 102 , 102);
    text-decoration : none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.news-date
{
    font-size : 0.9em;
    font-style : italic;
    color : rgb(164 , 164 , 164);
}
.arrow
{
    vertical-align : middle;
}
input.button-big
{
    font-weight : bold;
    padding : 0.7em 1.5em;
    font-size : 1.1em;
    vertical-align : bottom;
}
input.button-small
{
    font-weight : normal;
    padding : 0.4em 1em;
    font-size : 0.8em;
    vertical-align : bottom;
}
.clear
{
    clear : both;
}
.none
{
    display : none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	catering page Datalist

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header
{
    font-size : 1em;
    font-weight : bold;
    font-family : Verdana;
    color : Black;
    background-color : Gray;
    text-align : center;
}
.RowStyle
{
    /* font-family: Arial, Helvetica, sans-serif;*/
font-family : verdana , tahoma , helvetica;
    font-size : 9px;
    font-weight : normal;
    color : rgb(2 , 85 , 199);
    background-color : rgb(240 , 248 , 255);
    border-right-width : 0px;
    border-right-style : none;
    border-right-color : rgb(255 , 255 , 255);
    text-align : right;
    padding-left : 3px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : rgb(255 , 255 , 255);
    padding-right : 3px;
}
.HeaderStyle
{
    /* font-family: Arial, Helvetica, sans-serif;*/
font-family : verdana , tahoma , helvetica;
    font-size : 9px;
    font-weight : normal;
    color : rgb(2 , 85 , 199);
    background-color : rgb(240 , 248 , 255);
    border-right-width : 0px;
    border-right-style : none;
    border-right-color : rgb(255 , 255 , 255);
    text-align : right;
    padding-left : 3px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : rgb(255 , 255 , 255);
    padding-right : 3px;
}
.AlternatingRowStyle
{
    /* font-family: Arial, Helvetica, sans-serif;*/
font-family : verdana , tahoma , helvetica;
    font-size : 9px;
    font-weight : normal;
    color : rgb(2 , 85 , 199);
    border-right-width : 0px;
    border-right-style : none;
    border-right-color : rgb(255 , 255 , 255);
    text-align : right;
    padding-left : 3px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : rgb(255 , 255 , 255);
    padding-right : 3px;
    background-color : rgb(240 , 248 , 255);
}
