/* GENERAL STYLES */
BODY {margin:0px; padding:0px; background:#000 url(../img/bg.gif) 0% 0% repeat-x scroll; text-align:left;  font-family:Arial, Helvetica, Sans-Serif;}

a:link {color:#075FD3; text-decoration:underline;}
a:visited {color:#075FD3; text-decoration:underline;}
a:hover {color:#FF0D9C; text-decoration:underline;}

a.foot:link {color:#fff; text-decoration:underline;}
a.foot:visited {color:#fff; text-decoration:underline;}
a.foot:hover {color:#FF0D9C; text-decoration:underline;}

/* Page Layout */
DIV#container {width:807px; margin:0px auto; padding:0px; text-align:left;}
DIV#pagebase {float:left; display:block; width:807px; height:auto; margin:0px; padding:0px; background:#5c95be; border-right:1px solid #fff; border-left:1px solid #fff;}
* html DIV#pagebase {height:400px;}
DIV#page {float:left; width:807px; height:auto; margin:0; padding:0px; background:transparent url(../img/boy_home.gif) 16px bottom no-repeat scroll;}
DIV#pagetwo {float:left; width:807px; height:auto; margin:0; padding:0px; background:transparent url(../img/footer02top.jpg) 0% 100% no-repeat scroll;}
DIV#pagethree {float:left; width:807px; height:auto; margin:0; padding:0px; background:transparent url(../img/footer03top.jpg) 0% 100% no-repeat scroll;}
DIV#pagefour {float:left; width:807px; height:auto; margin:0; padding:0px;}
DIV#banner {float:left; position:relative; width:807px; height:88px; margin:0px; padding:0px; background:transparent url(../img/100views.gif) 0% 0% no-repeat scroll;}
DIV#banner a {position: absolute; top:3px; left:11px; display:block; width:340px; height:80px; background:transparent url(../img/100views.gif) -11px -3px no-repeat scroll; padding:0; margin:0;}
DIV#banner a:hover {}
DIV#banner a h1#logo {display:none;}

DIV#search {float:left; display:inline; width:797px; height:28px; margin:0px 5px; padding:0; background-color:#F7E117;}
DIV#search h2 {float:left; display:inline; font:bold 14px/16px helvetica, arial; color:#000; margin:0; padding:3px 15px 0px 5px;}
DIV#search h2 a {background: transparent url(../img/arrowblue.gif) 100% 3px no-repeat scroll; margin:0; padding:0 12px 0 0;}
DIV#search h2 a:hover {background: transparent url(../img/arrowpink.gif) 100% 3px no-repeat scroll; margin:0; padding:0 12px 0 0;}
DIv#search h2 .loginOutBt{float: right;position: relative; top:-1px;}
DIV#search fieldset {float:left; display:inline; border:none; margin:0; padding:0px;}
DIV#search fieldset select {float:left; display:inline; height:18px; border:1px solid #8E8E8E; font:normal 11px/normal helvetica, arial; color:#000; margin:4px 0 0 0; padding:0px;}
DIV#search fieldset input.inputimage {float:left; display:inline; margin:4px 0 0 10px; padding:0px;}
DIV#left {float:left; display:inline; width:160px; height:auto; margin:0; padding:5px 0px; background-color:#0F2D5C; }

DIV#right {float:left; width:601px; min-height:450px; height:auto; border-top:5px solid #5C95BE; margin:0px;  background-color:#fff;}
* html DIV#right {height:400px;}

DIV#righthome {float:left; width:601px; min-height:450px; height:auto; border-top:5px solid #5C95BE; margin:0px;  background-color:#b0dcf8;}
* html DIV#righthome {height:400px;}


.document {float:left; width: 550px; }
.pullout {float:right; padding: 10px; margin: 0px 0px 20px 8px; width: 200px; background-color: #FED6F9;}

td.PictureComment {font-size: 12px; font-style:italic;}

DIV#hmcontent {float:left; width:601px; height:auto; margin:5px 0 0 0; padding:0px; background-color:#b0dcf8;}
*html DIV#hmcontent {margin:2px 0 0 0; padding:0 0 15px 0;}

DIV#content {float:left; clear: both; width:601px; margin:0px; padding:0px; background-color:#FFF;}

DIV#footer {float:left; clear: both; width:807px; height:90px; margin:0px; padding:0px ; background:#226E00 url(../img/footer01.jpg) no-repeat top scroll;}
DIV#footertwo {float:left; width:807px; height:90px; margin:0px; padding:0px ; background:#226E00 url(../img/footer02.jpg) no-repeat top scroll; }
DIV#footerthree {float:left; width:807px; height:90px; margin:0px; padding:0px ; background:#226E00 url(../img/footer03.jpg) no-repeat top scroll; }
DIV#footerfour {float:left; width:807px; height:90px; margin:0px; padding:0px ; background:#226E00 url(../img/footer04.jpg) no-repeat top scroll; }
DIV#footer ul,
DIV#footertwo ul,
DIV#footerthree ul,
DIV#footerfour ul {float:left; clear:both; font:normal 10px/16px helvetica, arial; color:#FFF; padding:70px 0 0 0; margin:0;}
DIV#footer ul li,
DIV#footertwo ul li,
DIV#footerthree ul li,
DIV#footerfour ul li {float:left; display:inline; list-style-type:none; padding:0 8px; margin:0 -3px 0 0;}
DIV#footer ul a:link, DIV#footer ul a:visited,
DIV#footertwo ul a:link, DIV#footertwo ul a:visited,
DIV#footerthree ul a:link, DIV#footerthree ul a:visited,
DIV#footerfour ul a:link, DIV#footerfour ul a:visited, {color:#FFF; text-decoration:underline;}
DIV#footer ul a:hover,
DIV#footertwo ul a:hover,
DIV#footerthree ul a:hover,
DIV#footerfour a:hover {color:#FF0; text-decoration:none;}


/* Gallery Pagination */
DIV.paginate {float:left; width:601px; height:auto; margin:0px; padding:0px; background-color:#F07018;}
DIV.paginate h2.gallerytitle {float:left; width:260px; font:bold 12px/normal helvetica, arial; color:#FFFFFF; margin:0px; padding:3px 0 3px 10px;}
DIV.paginate dl {float:left; display:block; width:180px; height:auto; text-align:center; margin:0px; padding:3px 10px 3px 0px;}
DIV#right>DIV.paginate dl {padding:0px 10px 0px 0px;}
DIV.paginate dl dt {display:inline; font:bold 12px/normal helvetica, arial; color:#FFFFFF; margin:0px; padding:}
DIV.paginate dl dd {display:inline; background:transparent url(../img/paginate_sep.gif) 0% 0% no-repeat scroll; font:bold 12px/normal helvetica, arial; color:#FFFFFF; margin:0px; padding:0px;}
DIV.paginate dl dd a.current:link,
DIV.paginate dl dd a.current:visited,
DIV.paginate dl dd a.current:hover {color:#F7E117; text-decoration:none;}
DIV.paginate dl dd a:link,
DIV.paginate dl dd a:visited {color:#FFFFFF; text-decoration:none; margin:0px; padding:0px 0px 0px 3px;}
DIV.paginate dl dd a:hover {color:#0E2C5B; text-decoration:none;}
DIV.paginate div.navigate {float:right; display:inline; width:110px; font:bold 12px/normal helvetica, arial; color:#FFFFFF; margin:0px; padding:3px 5px 3px 5px;}
DIV.paginate div.navigate a.prev {background:transparent url(../img/arrow_left.gif) 0% 4px no-repeat scroll; font-weight:bold;  margin:0; padding:0 0 0 8px; text-decoration:none;}
DIV.paginate div.navigate a.next {background:transparent url(../img/arrow_right.gif) 100% 4px no-repeat scroll; font-weight:bold; margin:0; padding:0 8px 0 0; text-decoration:none;}
DIV.paginate div.navigate a:link,
DIV.paginate div.navigate a:visited {color:#FFFFFF;}
DIV.paginate div.navigate a:hover {color:#0E2C5B;}



/* GalleryLanding */
DIV#gallerylanding {float:left; position:relative; width:570px; height:200px; text-align:center; padding:0px; margin:0px;}
DIV#gallerylanding h2 {font:bold 16px/18px helvetica, arial; color:#1D52A2; margin:20px 0 0 0; padding:0;}
DIV#gallerylanding ul {position:relative; width:601px; height:200px; padding:0px; margin:0px;}
DIV#gallerylanding ul li {list-style-type:none;}
DIV#gallerylanding ul li#galleryart {position:absolute; top:40px; left:125px; width:150px; height:160px; padding:0px; margin:0px;}
DIV#gallerylanding ul li#galleryart a {display:block; width:150px; height:160px; background:transparent url(../img/link_art_off.gif) 0% 0% no-repeat scroll; padding:0px; margin:0px;}
DIV#gallerylanding ul li#gallerypoetry {position:absolute; top:0px; left:300px; width:150px; height:200px; padding:0px; margin:0px;}
DIV#gallerylanding ul li#gallerypoetry a {display:block; width:150px; height:200px; background:transparent url(../img/link_poetry_off.gif) 0% 0% no-repeat scroll; padding:0px; margin:0px;}
DIV#gallerylanding ul li#galleryart a:hover {background-image:url(../img/link_art_on.gif);}
DIV#gallerylanding ul li#galleryart a strong {display:none;}
DIV#gallerylanding ul li#gallerypoetry a:hover {background-image:url(../img/link_poetry_on.gif);}
DIV#gallerylanding ul li#gallerypoetry a strong {display:none;}


/* Gallery */
DIV#gallery {float:left; width:594px; display:inline; /*min-height: 350px*/min-height: 450px; margin:0px; padding:0px 0px 0px 7px;}
DIV#gallery a.celllink DIV.cell {float:left; display:inline; position:relative; width:143px; min-height:130px; height:auto; margin:0px; padding:5px 5px 0px 0px;}
DIV#gallery DIV.cell {float:left; display:inline; position:relative; width:143px; min-height:130px; height:auto; margin:0px; padding:5px 5px 0px 0px;}
* html DIV#gallery DIV.cell {position:relative; height:auto;}
DIV#gallery DIV.cell DIV.artwork {float:left; clear:both; position:relative; width:143px; height:115px; overflow:hidden; margin:0px; padding:0px;}
DIV#gallery DIV.cell DIV.name {float:left; clear:both; position:relative; display:inline; width:143px; height:auto; background-color:#FFFFFF; margin:0px; padding:8px 0px 5px 0px; font:bold 12px/normal helvetica, arial; color:#000;}
DIV#gallery DIV.cell DIV.magnify {position:absolute; top:105px; left:117px; z-index:auto; float:left; clear:both; width:23px; height:24px; margin:0px; padding:0px;}
DIV#gallery DIV.cell DIV.magnify a {display:block; width:23px; height:24px; background:transparent url(../img/magnify.png) 0% 0% no-repeat scroll; margin:0px; padding:0px;}
* html DIV#gallery DIV.cell DIV.magnify a {background-image:url(../img/magnify.gif);}

/* Poetry */
table.poetry {clear:both; width:580px; height: auto; border-collapse:collapse; border-spacing:0px; border-width:0px; padding:0; margin: 5px 0;}
table.poetry tr {width:590px; padding:0; margin: 0;}
table.poetry tr.odd {background-color:#E0F0F0;}
table.poetry tr.even {background-color:#FFFFFF;}
table.poetry tr td {font:normal 12px/normal helvetica, arial; color:#000; padding:6px 3px; margin: 0;}
table.poetry tr.thead td {font:bold 14px/normal helvetica, arial; color:#D24799; padding:6px 3px; margin: 0;}
table.poetry tr.odd td a {background: transparent url(../img/arrowblueodd_large.gif) 3px 2px no-repeat scroll; padding:0 0 0 15px; margin: 0;}
table.poetry tr.even td a {background: transparent url(../img/arrowblueeven_large.gif) 3px 2px no-repeat scroll; padding:0 0 0 15px; margin: 0;}
table.poetry tr.odd td a:hover {background: transparent url(../img/arrowpinkodd_large.gif) 3px 2px no-repeat scroll;}
table.poetry tr.even td a:hover {background: transparent url(../img/arrowpinkeven_large.gif) 3px 2px no-repeat scroll;}


/* Navigation Left */
DIV#navcontainer {float:left; display:inline; width:190px; margin:5px; padding:0; background-color:#0F2D5C; }
#navcontainer ul { margin:0;padding:0; list-style-type:none; color:#fff; font:bold 14px helvetica, arial;}
#navcontainer li { margin:0 0 1px 0; }
#navcontainer a{display:block;padding:3px 10px;width:170px;color:#fff; background:url(../img/dots_div.gif) repeat-x top; text-decoration:none;}
#navcontainer a:hover{color:#fff;background-color:#5C95BE;text-decoration:none;}
#navcontainer ul li ul {display:none;}
#navcontainer ul li#active ul {display:block;}
#navcontainer ul li#active ul a {color:#FFFFFF;}
#navcontainer ul li#active a, #navcontainer ul li#active a:hover {color:#FFE816;}


#navcontainer ul ul li { margin:0 0 1px 0;font:bold 11px helvetica, arial; color:#fff; }
#navcontainer ul ul a {display:block; padding:3px 5px 3px 20px; width:170px; color:#fff; background:url(../img/nav_arrow.gif) no-repeat 12px; text-decoration:none; }
#navcontainer ul ul a:hover { color:#fff; background-color:#5C95BE; text-decoration:none;}
#navcontainer ul ul li#active a, #navcontainer ul ul li#active a:hover {color:#FFE601;}


/* Images */
img { border:0px;}
.rightimg {float:right; margin:0px; padding:3px 0px 3px 5px; border:0px;}
img.boy { margin:0px; padding-bottom:3px; border:0px; background:url(../img/boy_home.gif) repeat-x bottom;   }
.arrow {background:url(../img/arrowpink.gif) no-repeat 8px 3px; padding-left: 20px; } 

/* Typography */
P {font:normal 12px/16px helvetica, arial; color:#000; padding:0 30px 0px 20px; margin: 8px 0 5px 0;}
H2#replacement {display:block; width:305px; height:30px; text-indent: -9999px; padding:0; margin:10px 10px 0px 20px;}
H2.hundredviews {display:block; width:205px; height:30px; background: transparent url(../img/title_100.gif) 0% 0% no-repeat scroll;}
H2.community {display:block; width:205px; height:30px; background: transparent url(../img/title_community.gif) 0% 0% no-repeat scroll;}
H2.contact {display:block; width:205px; height:30px; background: transparent url(../img/title_contact.gif) 0% 0% no-repeat scroll;}
H2.gallery {display:block; width:205px; height:30px; background: transparent url(../img/title_gallery.gif) 0% 0% no-repeat scroll;}
H2.inspiration {display:block; width:205px; height:30px; background: transparent url(../img/title_inspiration.gif) 0% 0% no-repeat scroll;}
H2.festival {display:block; width:205px; height:30px; background: transparent url(../img/title_festival.gif) 0% 0% no-repeat scroll;}

H2.teachers {display:block; width:205px; height:30px; background: transparent url(../img/title_teachers.gif) 0% 0% no-repeat scroll;}
H2.Upload {display:block; width:240px; height:30px; background: transparent url(../img/pink_header_uploadcontentarea.gif) 0% 0% no-repeat scroll;}
H6 small {font:bold 16px/18px helvetica, arial; color:#075FD3; margin:0; padding:10px 110px 5px 20px;}

ul {font:normal 12px/16px helvetica, arial; color:#000; }
ol {font:normal 12px/16px helvetica, arial; color:#000; }
DIV#hmcontent P {font:normal 12px/16px helvetica, arial;  padding:0 10px 0 10px; margin: 5px 0 5px 0;}



P.date {font:normal 10px/14px helvetica, arial; color:#000; padding:0 30px 0 8px; margin: 8px 0 5px 0;}
P.bold {font:bold 12px/16px helvetica, arial; color:#000;}
P.line {clear:both; width: 570px; border: none; border-top: 3px solid #EFCB01; padding:5px 0 0 0; margin:10px 0 5px 5px;}


img.star { margin:0px; padding:80px 5px 0px 0px; border:0px; display:block; }

a.views:link {color:#075FD3; text-decoration:none;}
a.views:visited {color:#075FD3; text-decoration:none;}
a.views:hover {color:#FF0D9C; text-decoration:none;}

a.footer:link {color:#fff; text-decoration:none;}
a.footer:visited {color:#fff; text-decoration:none;}
a.footer:hover {color:#FF0D9C; text-decoration:none;}



/* Forms */
div#right fieldset {clear:both; width:570px; border: none; padding:0; margin:20px 0;}
div#right fieldset.contact {clear:both; width: 570px; border: none; border-top: 3px solid #EC1D8F; padding:15px 0 0 0; margin:20px 0 20px 10px;}
* html div#right  fieldset.contact {display:inline;}
div#right fieldset div.mandatory,
div#right fieldset div.optional {float:left; display:inline; clear:both; width:575px; height:auto; padding:0; margin:5px;}
div#right fieldset div label {float:left; width: 135px; font:bold 12px/normal helvetica, arial; color:#632F6C; padding:5px 0 0 0; margin:0;}
div#right fieldset div label.long {float:left; width: 300px; font:bold 12px/normal helvetica, arial; color:#632F6C; padding:5px 0 0 0; margin:0;}
div#right fieldset div label small {font:normal 11px/normal helvetica, arial; color:#632F6C;}
div#right fieldset div input {float:left; width: 420px; padding:0; margin:0;}
div#right fieldset div input.inputtext {width: 160px; font:normal 13px/normal helvetica, arial; color:#000; border: 1px solid #CCC; padding:2px; margin:0;}
div#right fieldset div input.short {width:60px;}
div#right fieldset div textarea {width: 300px; height: 75px; font:normal 13px/normal helvetica, arial; color:#000; border: 1px solid #CCC; padding:2px; margin:0}
div#right fieldset fieldset {clear:both; display: block; width: 570px; padding:0; margin:0;}
div#right fieldset fieldset.calltoaction {clear:both; width: 260px; text-align:left; padding:0 0 0 310px; margin:0;}
div#right fieldset div.mandatory .selectRadio{float:left; width: 100px;padding: 0;}
div#right fieldset div.mandatory .selectRadio span{padding: 0;}
div#right fieldset div.mandatory .selectRadio label{width: 50px; padding: 0;}
div#right fieldset div.mandatory .selectRadio input{width: auto; margin: 0;}
div#right fieldset div.mandatory .selectRadio br{clear: both;}
div#right fieldset div.mandatory label .checkbox input{width: auto; margin: 0;}
div#right fieldset div input.fileUploadLeft {width: auto; float left;}
div#right fieldset div label.fileUploadComment {float:left; width: 200px; font:bold 12px/normal helvetica, arial; color:#632F6C; padding:5px 0 0 0; margin:0;}
div#right fieldset div input.checkbox {width: auto; float left;}



/* forget password */
.forgetPsw{clear: both; text-align: center;font-size: 12px;margin-top: 2%;margin-right: 150px;}
.forgetPsw p{text-align: left;border-bottom:3px solid #EC1D8F; width: 100%; margin-left: 5px; margin-bottom: 25px; padding-left: 0;padding-bottom: 5px;}

.leftsidebar{float:left; display:inline; overflow:hidden; _display:inline-block}

DIV#noticebroad {float:left; display:inline; width:190px; margin:5px; padding:0; background-color:#0F2D5C; clear:both; background:url(../img/broad.gif) no-repeat top left; padding-top:45px; height:295px; overflow:hidden; }
#noticebroad p{ color:#FFFFFF; padding:5px 15px; margin:0px}
#noticebroad ul { margin:0;padding:0; list-style-type:none; color:#fff; font:normal 14px arial; color:#FFFFFF; margin:0 15px}
#noticebroad li { margin-left:15px; list-style-type:square;font-size:12px; }
#noticebroad a{ color:#FFFFFF; text-decoration:underline}
#noticebroad a:hover{text-decoration:none;}
#noticebroad ul li ul {display:none;}
#noticebroad ul li#active ul {display:block;}
#noticebroad ul li#active ul a {color:#FFFFFF;}
#noticebroad ul li#active a, #navcontainer ul li#active a:hover {color:#FFE816;}

.homegallery{ clear:both; overflow:hidden; display:inline-block; margin-bottom:10px;}
.homegallery ul li{ margin:0;padding:0;list-style-type:none; display:block; clear:both}
.homegallery ul {margin:0;padding:0; width:165px; float:left; margin:0px 15px; _display:inline}
.homegallery ul .img{ background:url(../img/homeimg-bg.jpg) no-repeat top center; width:180px; height:239px; }
.homegallery ul .img img{ margin-left:22px; margin-top:22px}
.homegallery ul .info{ text-align:center; font-size:16px;}

.mceContentBody {margin:0px; padding:0px; background:#fff}


/* EDITOR PROPERTIES */
.orange {
color:#F85800;
}

.green {
color:#49AF05;
}

.pink {
color:#F800B5;
}

.blue {
color:#007BF8;
}

.red {
color:#f91d00;
}

H1 {
font:bold 23px/25px helvetica, arial; color:#EB088A; margin: 8px 0 0 0; padding:0 0 0 20px;
}

H2 {
font:bold 16px/18px helvetica, arial; color:#CA2888; margin:0; padding:5px 10px 2px 20px;
}

H3 {
font:bold 14px/16px helvetica, arial; color:#3CA72D; margin:0; padding:4px 10px 2px 20px;text-transform: uppercase;
}

H4 {
font:bold 16px/18px helvetica, arial; color:#FF6908; margin: 8px 0 0 0; padding:0 0 0 20px; text-transform: uppercase;
}

H5 {
font:bold 16px/18px helvetica, arial; color:#EB088A; margin: 8px 0 0 0; padding:0 0 0 20px;
}

H6 {
font:bold 18px/16px helvetica, arial; color:#2C984B; margin:0; padding:8px 20px 5px 20px;
}